[Resolved] How can I add featured image at custom location

[Vishvendra]

On this blog post I needed to add featured image after the first paragraph the italic one.

Also, I want the top separator line after author name to be inserted by default. So I don’t need to add it every time I create blog post.

I tried to do it with elements but was unable to do it. Please don’t ask how I tried to do it. 😋 I just tried.

So, what’s the correct way. How Can I achieve it.

Thanks

[David]

Hi there,

the simplest method would be to add that text to the Excerpt field in the post editor. This will also be displayed in the Archive post excerpt.

Then create a hook
Add this content:

<?php if ( has_excerpt() ) : // Only show custom excerpts not autoexcerpts ?>
    <p class="entry-subtitle"><?php echo get_the_excerpt(); ?></p>
<?php endif; ?>

Select after_entry_header hook
Check Execute PHP
Set Display Rules to Posts > All Posts

Then in Customizer > Layout > Blog –> Featured Images >>> Set its location to Below Title.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Vishvendra]

Thanks, I will try that now and let you know how well things went.

Thanks again. 🙏🏻

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Vishvendra]

okay, I tried to create the hook with the code you’ve provided.

(1) I didn’t find the Execute PHP option.
(2) there generate_after_entry_header hook was present not after_entry_header.
(3) Want to show read more link text on the archive but custom excerpt doesn’t let it.

Edit:

The option came. However, blog post looks likes this https://mouthpost.com/pradhan-mantri-garib-kalyan-yojana/

no space between meta text and title. Plus text doesn’t coming up in italic fonts. I also want to add separator after the meta text.

Thanks 🙂

[David]

Try adding this CSS:

.entry-subtitle {
    font-style: italic;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #eee;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Vishvendra]

Thanks, it worked. But how to bring back read more link at the archive page. As custom excerpt overwriting it.

[Leo]

I believe this is what you are after:
https://docs.generatepress.com/article/activating-read-custom-excerpt/

If not please open a new topic as the original topic is resolved.

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Vishvendra]

Thank you Leo and David for the awesome support. All issue resolved. Will bug in the future. 😀

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts