Fortune Homepage Setup / Duplicate Images

  • Author
    Posts
  • #163781

    marshmk
    Member

    I change my theme from Canard to Fortune. I have several questions.

    1) How do I make the homepage look like the demo. I created a static homepage and assigned it to Front Page. I expected but did not find any template blocks. Do I use a featured image rather than a hero block?

    2) Regarding the Recent Blog Posts section of the homepage –
    a. How do I shorten the excerpts to look like the demo?
    b. Only one post has a read more link. How do I add that to each one in this section?

    3) The posts have duplicate images. I’ve read that this is because I inserted an image in the blog post and in the featured image. Do I need to manually remove the image from each post? Since the post does not show the image while it is being edited how do I add a caption and give credit and copyright information about the image?

    Thank you very much. I apologize for having so many questions. I appreciate your time and assistance.

    Mike

    The blog I need help with is interruptingthesilence.com.

    #163786

    marshmk
    Member

    I think I understand how to set up the homepage using a featured image. Now I have a couple of new questions:

    1) How do I increase the height of the featured image on the homepage only?
    2) Can the title and text that overlay the featured image on the homepage be pushed to the right and, if so, how?

    Thank you very much.
    Mike

    #163787

    tarasdashkevych
    Theme Author

    Hello Mike,
    Thank you for using the Fortune theme!

    “How do I increase the height of the featured image on the homepage only?”
    – Currently, the height of the Hero section is based on the amount content (title and page content) added to the section, and default paddings (top and bottom).

    So, you can increase the height of the Hero section by adding this custom CSS:

    
    #hero {
      padding-top: 200px;
      padding-bottom: 200px;
    }
    

    “Can the title and text that overlay the featured image on the homepage be pushed to the right and, if so, how?”
    – Sure. Please add this custom CSS to your site:

    
    #hero .hentry {
      text-align: right;
    }
    
    #hero .hentry .entry-content {
      margin-left: auto;
    }
    

    “I expected but did not find any template blocks. Do I use a featured image rather than a hero block?”
    – At the moment, the Front Page template is not built using WordPress blocks. However, you can use blocks in some sections on the Front Page template.

    The thing is that this template was developed before WordPress introduced blocks and the Block editor. That is why the setup of the Front Page template requires additional steps to replicate the demo of the site.

    Recently, WordPress (5.8) has introduced some very useful blocks and improvements for the Block editor. We’ve already started to work on a new template which will allow to create various layouts using blocks only.



    “Regarding the Recent Blog Posts section of the homepage”

    – By default, the theme displays excepts on the Front Page template.

    If the excerpt is not set the theme will automatically create one along with the Read More link (as it’s shown on the demo site).

    It seems like your first post does not have a set excerpt while other posts have it. This is the reason why your first post displays a short summary with a link while other posts display the same text from the excerpt option.

    “I’ve read that this is because I inserted an image in the blog post and in the featured image.”
    – That’s correct. You can add this custom CSS to hide the Featured Image which is added automatically by the theme:

    
    .single-post .entry-thumb {
      display: none;
    }
    

    In this case, you do not need to manually remove the image from each post.

    Here is a quick guide on how to add a custom CSS at WordPress.com: https://wordpress.com/support/editing-css/

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #163788

    marshmk
    Member

    Taras, thank you very much for your guidance. It is helpful and easy to follow. I have a few more questions:

    Regarding featured images on posts:
    (1) How do I add a link in the caption?
    (2) Am I able to change the size and location of the featured image within the post and, if so, how?

    Regarding the CSS to hide the featured image:
    (1) Can I do that only for old existing posts but not future ones?
    (2) What is the downside of not using the automatic featured images?

    Regarding excerpts: Can I use a custom excerpt and still have the read more link and, if so, how?

    Again, thank you for your time and assistance.
    Mike

    #163791

    tarasdashkevych
    Theme Author

    Hello Mike,

    “Regarding featured images on posts.”
    – By default, each attachment comes with an option for a caption. The theme outputs a caption of an attachment, in our case it’s a featured image, in singular views.

    The thing is that this option for caption does not have a toolbar that allows to create links. However, it’s still possible to add a link using HTML: https://snipboard.io/dUomRv.jpg

    Since the output of the featured image is done automatically, the size and the position of the image are also set automatically.

    By default, the theme displays a full size of the featured image in singular views. It’s possible to change the size (globally) using a custom CSS:

    
    .single-post .hentry .entry-thumb {
      max-width: 550px;
    }
    

    The image is always shown above the content area in singular views.

    “Regarding the CSS to hide the featured image.”
    – Unfortunately, it’s not possible to hide the featured image only for old existing posts but not future ones.

    “What is the downside of not using the automatic featured images?”
    – Usually, many themes automatically output featured image in singular views, and other views (archives).

    If the theme does not do it automatically then you need to manually add the image to the content area of your post, which, sometimes, might cause image duplication (even in default WordPress blocks because the block might show the featured image and the content sections together).

    However, we can use a custom CSS to hide automatically display featured image in some sections.

    So, if you’ve found adding featured manually works better for you then use that technique :) I’ll help you with a custom CSS if needed.

    “Can I use a custom excerpt and still have the read more link and, if so, how?”
    – Unfortunately, the excerpt options displays only the text which is added to the option. If the custom excerpt option does not include any links then the custom excerpt will not shown any links on the page.

    Since the Block editor is evolving with each WordPress release, in a very near future, it will be possible to modify a default layout of theme templates using blocks only.

    I apologize for the inconvenience at the current moment.

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #163795

    marshmk
    Member

    Taras, if I understand correctly I can use the CSS code you previously gave me to suppress the automatic featured images and the add them manually.

    1) Do I need more CSS to allow for manually adding the featured image?
    2) If I add featured imaged manually can I adjust the size and location of the image?

    Thank you very much. Fortune is a beautiful theme and I am looking forward to getting finalized for my site. I appreciate your patience and guidance.

    Mike

    #163799

    tarasdashkevych
    Theme Author

    Hello Mike,

    “Do I need more CSS to allow for manually adding the featured image?”
    – The custom CSS, that I’ve provided earlier in this topic, will hide the featured image only in single post views. Example of the single post view.

    If you’ll need to hide the featured image in archive views (blog page, category page, tag page, etc) then you will need to use this custom CSS as well:

    
    .hfeed .hentry .entry-thumb {
      display: none;
    }
    

    “If I add featured imaged manually can I adjust the size and location of the image?”
    – Only in single post views.

    On your archive page (blog page), your posts display excerpts (shown below the automatic featured image). The thing is that WordPress does not display any media elements in excerpts.

    Thank you very much for your kind words about the theme! If you have any other questions, please let me know. I am always glad to help in any way I can.

    Kind regards,
    Taras

    #163803

    marshmk
    Member

    Taras, thank you very much for all your help. You provided just what I needed and I’m ready to begin customizing the theme for my site. I may get back to you with more questions as I move forward but for now you’ve answered them all. Thank you.

    #163808

    tarasdashkevych
    Theme Author

    You are always welcome, Mike.

    “I may get back to you with more questions as I move forward but for now you’ve answered them all.”
    – Sure! Feel free to open a new thread in this forum if you’ll have any new questions regarding the theme, and I will be happy to help.

    Kind regards,
    Taras

The topic ‘Fortune Homepage Setup / Duplicate Images’ is closed to new replies.