Jump to content


Photo
- - - - -

How to adjust the featured image size for blog posts.

image size cropped images featured images

Best Answer Danny , 10 February 2014 - 10:51 AM

You can install one of those from the store or create your own.

 

To create your own, simply upload a folder naming it whatever you like and then in that folder add a style.css file. The contents of the style.css file must contain the following:

 

/*
Theme Name:     My child themes name
Theme URI:      http://my-website.com/my-theme-address
Description:    ...
Author:         Your name
Author URI:     http://my-website.com
Template:       dms
Version:        1.0.0 (change the value to whatever you like)
*/
 
The most important part of the all those tags is the Template: dms this basically tells Wordpress that this theme is a child of DMS. You can then do as Nick has done with his bas theme and add the following:
 
functions.php - To add actions hooks and filter hooks, plus other functions.
A sections folder - In case you want to override the core sections or create your own.
A LESS folder - In case you want to override the default LESS CSS.
Go to the full post


  • Please log in to reply
13 replies to this topic

#1 stebacon

stebacon

    Newbie

  • Members
  • Pip
  • 4 posts
  • LocationManchester, UK.
  • Country: Country Flag

Posted 09 February 2014 - 01:22 AM

Hi folks.

 

I am using Pagelines DMS to build my blog http://foodandfitness.co.uk.

 

The problem i have encountered, and struggled to find answers for in the forums, is how i can change the size of the featured image as it is displayed along with the excerpt in the 'list view'.

 

Currently i have my blog roll settings as 'list view' with the image 'left justified' at 150px by 150px.

 

I would like to be able to use the settings as 'list view' with image 'on top' - however when i use these settings the featured image is cropped and large portions of my image are no longer visible.

 

I would like my images to be displayed as 600px by 600px (un-cropped) with the title, meta and excerpt underneath.

 

It's important for me that my blog uses large images rather than the small ones i currently have to use, but i can't seem to figure this problem out! 

 

If anyone has a solution or advice i would be very grateful. 



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17618 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 09 February 2014 - 01:09 PM

Hi,

 

Add the following to your child themes functions.php file:

 

add_action('after_setup_theme', 'thumbs_dms', 11);
  function thumbs_dms(){
    add_image_size( 'basic-thumb', 600, 600, false );
    add_image_size( 'landscape-thumb', 600, 600, false );
}
 
Then install the Regenerate Thumbnails plugin from the Wordpress plugin repo, regen your thumbs and then refresh your site, your image should now be full size and not cropped.
 

  • batman and stebacon like this

#3 stebacon

stebacon

    Newbie

  • Members
  • Pip
  • 4 posts
  • LocationManchester, UK.
  • Country: Country Flag

Posted 09 February 2014 - 10:28 PM

Hi @Danny.

 

Thank you very much for this information, i now understand what i need to do.

 

One more question before i implement this, and it's something i've been meaning to address for a while now.  

 

Since the change over to DMS i haven't got around to figuring out how the child theme works.  

 

With the previous drag and drop version of Pagelines it was quite straightforward to just install the baseline theme that was provided.  

 

To install a child theme with DMS, is it as simple as just choosing the ones available from the store, either paid or free, and just activating it?  Will it be recognised as a child theme and be protected from updates?

 

Thanks for you time mate.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17618 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 10 February 2014 - 10:51 AM   Best Answer

You can install one of those from the store or create your own.

 

To create your own, simply upload a folder naming it whatever you like and then in that folder add a style.css file. The contents of the style.css file must contain the following:

 

/*
Theme Name:     My child themes name
Description:    ...
Author:         Your name
Author URI:     http://my-website.com
Template:       dms
Version:        1.0.0 (change the value to whatever you like)
*/
 
The most important part of the all those tags is the Template: dms this basically tells Wordpress that this theme is a child of DMS. You can then do as Nick has done with his bas theme and add the following:
 
functions.php - To add actions hooks and filter hooks, plus other functions.
A sections folder - In case you want to override the core sections or create your own.
A LESS folder - In case you want to override the default LESS CSS.


#5 stebacon

stebacon

    Newbie

  • Members
  • Pip
  • 4 posts
  • LocationManchester, UK.
  • Country: Country Flag

Posted 10 February 2014 - 11:14 AM

That's great Danny, thanks for taking the time to help me out - very much appreciated.



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 17618 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 10 February 2014 - 12:20 PM

No problem, especially as you're a fellow Mancunian 


  • greenfly and stebacon like this

#7 stebacon

stebacon

    Newbie

  • Members
  • Pip
  • 4 posts
  • LocationManchester, UK.
  • Country: Country Flag

Posted 10 February 2014 - 12:27 PM

Well observed!  That automatically makes you my favourite member of staff and go to guy  :D

 

Thanks again! 



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 17618 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 10 February 2014 - 12:31 PM

:D



#9 stebac

stebac

    Newbie

  • Members

  • 8 posts
  • LocationManchester, UK.
  • Country: Country Flag

Posted 30 March 2014 - 09:49 PM

Hi @Danny

 

Hope you're doing well mate? DMS 2 looks awesome, i'm just about to make the change over and have a play around.

 

Just a quick question with regards to the previous help you gave me in this thread about child themes.

 

Now that DMS 2 is here, do i need to do anything differently when setting up the style.css file?

 

I had a look but couldn't see anywhere that told me if the template name had changed?

 

Is it still 'template: DMS' or would that have changed to something like 'template: DMS2'?

 

Any advice would be appreciated.

 

Thanks mate.



#10 batman

batman

    Bat Learning

  • Members

  • 2203 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 30 March 2014 - 11:51 PM

Hi @stebac

You don't need any change.

You can use the same Child Theme.

 

There are a very good Danny┬┤s Child Theme in this

https://github.com/Dannyholt/Skeleton

This works fine to me !

;)



#11 stebac

stebac

    Newbie

  • Members

  • 8 posts
  • LocationManchester, UK.
  • Country: Country Flag

Posted 31 March 2014 - 06:38 PM

Hi @batman.

 

Thank you very much for clarifying and providing a link.

 

Really useful and appreciated.

 

:D  


  • batman likes this

#12 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 01 April 2014 - 01:57 AM

thanks @batman



#13 joyjet

joyjet

    Newbie

  • Members

  • 6 posts
  • Country: Country Flag

Posted 17 April 2014 - 04:41 PM

Hi Danny, thanks for this great post. just wanted to know where i upload the danny skeleton on the database?

thanks



#14 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 17 April 2014 - 04:47 PM

Hello @joyjet 

 

Please create you own topic 







Also tagged with one or more of these keywords: image size, cropped images, featured images