• 0

How to adjust the featured image size for blog posts.


Question

Posted · Report post

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. 

Share this post


Link to post
Share on other sites

13 answers to this question

  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.
 
2 people like this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem, especially as you're a fellow Mancunian 

2 people like this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

 

Thanks again! 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

:D

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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 !

;)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi batman.

 

Thank you very much for clarifying and providing a link.

 

Really useful and appreciated.

 

:D  

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

thanks batman

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello @joyjet 

 

Please create you own topic 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now