• I am wondering if there is a way to change the way the blog posts are laid out. I would like to have each post in its own row with the featured image on the left with the excerpt on the right. Has anyone been able to make this happen on their Aaron theme?

Viewing 15 replies - 1 through 15 (of 28 total)
  • A link always helps!
    However,
    You need to float the image to the right or left. Wherever you need it. Then maybe add padding/margin.

    Thread Starter bcwash

    (@bcwash)

    Duh, totally forgot the link!
    Here it is!
    https://37.60.253.204/~summitf1/blog-2/

    Theme Author Carolina Nymark

    (@poena)

    Hi!
    I don’t plan to make any changes to the featured images, but there are ways around it.

    You will need to remove the existing code for the images, and this means that you will have to manually add all your featured images to your post and page content again.
    When you re-add them to the post, you will be able to change the position in the editor.

    Copy content-page.php, content-section.php and content-single.php to your child theme.

    Then open each file and remove this passage:

    if( !aaron_get_meta( 'aaron_show_header' ) || !aaron_get_meta( 'aaron_featured_image_header' ) ){
    if ( has_post_thumbnail()){
    the_post_thumbnail();
    }
    }

    Your second option is to target the first image of the post with css and change it’s position. I have not tried this, even if you could target the image, you might also have to wrap your text in a new div or similar.

    Thread Starter bcwash

    (@bcwash)

    So Carolina if I did the first option, are you saying I will have to fix every single photo I have uploaded to my pages, or just the ones I have used for my posts? Since I have only imported like 5 posts into this theme, if I only have to change those then that isn’t too bad!

    Theme Author Carolina Nymark

    (@poena)

    The images will still be in the same folders, and they will still be selected as featured images.
    -They will show up in the search summary and archives, but they will not show up automatically in your actual single post or page view. Not until you re-add them. ??

    Thread Starter bcwash

    (@bcwash)

    Okay Carolina, I have removed the coding you had mentioned. Could you walk me through how to add the image to my blog page and have it on the left with excerpt on the right? I will give an example of the layout I am envisioning:

    https://empoweredsustenance.com/
    If you scroll down to her “recent posts” area, this is what I am thinking of!

    Thank you for your help!

    Theme Author Carolina Nymark

    (@poena)

    -Aha I did not understand that you meant the list view. ??
    Then I’m afraid all your work was for nothing, the example I wrote was for the single post view.

    On which page? front-page, archive, category, search results..?

    Thread Starter bcwash

    (@bcwash)

    No worries! I’m glad you know what I mean now!
    Which page would I like that layout? If it could look like that on my home page and my blog page, that would be fantastic! If you mean which page on the empowered sustenance page, it is on the landing page and when you scroll down you can see what I mean.

    I just like the list view to have the thumbnail on the left and excerpt on the right. I love the 3d look my blog page has currently, I just would like the picture too!

    Thank you so much!

    Theme Author Carolina Nymark

    (@poena)

    Hi
    I made some changes to the stylesheet and content.php.
    Please download the files and combine them with your child theme.
    https://github.com/carolinan/Aaron-child-theme

    You can change the image size here:
    the_post_thumbnail( 'thumbnail' );
    but if you do, you might need to change the width of .wrap-content as well.

    This only works if you choose to show the excerpt, but I believe that is what you wanted.

    Thread Starter bcwash

    (@bcwash)

    Thank you so much Carolina! That is almost exactly how I was envisioning! The only thing that it is doing is the image is above and to the left of the excerpt. Is there a way to make the image and excerpt in-line with each other?

    Theme Author Carolina Nymark

    (@poena)

    Interesting ?? Well granted, I only tested it in one browser. I’ll check again.

    Theme Author Carolina Nymark

    (@poena)

    It looks like you did not update the stylesheet?

    Thread Starter bcwash

    (@bcwash)

    I re-updated the stylesheet and it came with an error that said “This theme is broken. The parent theme is missing. Please install the “Aaron” parent theme.”
    But other than the error, I don’t see anything that changed to the site itself. On the Blog list view, it still has the excerpt below the image. I am using Chrome.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The “Template” value should be the name of the parent theme folder:

    Template: Aaron

    Thread Starter bcwash

    (@bcwash)

    It looks like the template value is Aaron.

    Description: A child theme for Aaron that adds featured image to excerpts.
    Version: 0.1
    Tags:
    Text Domain: aaron
    Template: Aaron

Viewing 15 replies - 1 through 15 (of 28 total)
  • The topic ‘How to Have Post Image on Left w/ Excerpt on Right’ is closed to new replies.