Canard Theme: Re-Sizing Home Page Images

  • Unknown's avatar

    Hello,

    I am very new when it comes to web design. I have been struggling to work out how on a premium Canard Theme account I can:

    1) Re-size the images to my liking on the home page associated with my blog. To make it similar in design to how they are on the themes demo.

    2) Remove the text from the images and have just a ‘Further Reading’ into the blog post itself rather than all the text overlaying the image.

    Please see my blog for how it looks at the moment.

    Any help is much appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    I have managed to solve the issue of text on my image links now but am still struggling with re-sizing images rather than the default method. I am imagining this will need some CSS coding.

    Another issue I have uncovered is the Canard Premium theme does not seemingly have an ‘Add New Plug-In’ Button so cannot download further plug-ins for this theme. Can anyone advise why?

    Kind Regards

  • Hi there! To make your site look more like the Canard demo – with the five large featured posts above the others – you need to set up some Featured Content. Here are the steps to set that up:

    1. In the Customizer‘s Featured Content panel, choose a word to use as your tag and add it in the text field, for example: featured.

    2. In the editor for each post you’d like to feature (up to five) add the same tag (for example: featured) in the Tags area of that post. Learn how to add a tag. Make sure each post has a featured image as well.

    Your Featured Content area should now appear.

    Another issue I have uncovered is the Canard Premium theme does not seemingly have an ‘Add New Plug-In’ Button so cannot download further plug-ins for this theme. Can anyone advise why?

    The Premium plan comes with dozens of plugins built in. If you need to add third-party plugins, the Business plan allows that.

    If you let me know what type of functionality you’re looking for, I can tell you if it’s something available with the Premium plan.

  • Unknown's avatar

    Hello,

    Thank you for your prompt response, I will try that featured content panel.

    In terms of functionality I was hoping to use Yoast SEO, I also liked the look of Beaver Builder or Post Types Order for easy arrangement of posts/blogs.

    I initially picked the Canard theme as it was free but as I progressed I bought the premium package but haven’t investigated any other themes now available. Although I have put a lot of work into the format I would be willing to use another theme if it had more functionality. Are there any now available to me you would suggest using instead?

    Thanks for your help

    Mark

  • In terms of functionality I was hoping to use Yoast SEO, I also liked the look of Beaver Builder or Post Types Order for easy arrangement of posts/blogs.

    Thanks for letting me know. For those plugins you would need the Business plan. The Business plan already includes some built-in SEO features, such as the ability to add custom meta descriptions and custom titles.
    https://en.support.wordpress.com/seo-tools/

    Canard is a great theme, and no other theme will give you features like Yoast SEO or the two other plugins you mentioned, as those are features available outside the theme itself. If it suits your needs, maybe there isn’t a reason to switch, unless you’re looking for a different look and feel? I noticed your featured-content grid isn’t set up yet – did you try following the steps I gave you earlier? If you’re having trouble, you might find it easier to walk through the setup in real time with a Happiness Engineer. With the Premium plan, you can get live chat support when available here:

    https://wordpress.com/help/contact

    On the other hand, if you’re looking for a different style, layout, or something else that’s driven by the theme, if you let me know a bit more about what you’re hoping for and I’d be glad to recommend a different theme.

  • Unknown's avatar

    Hi, I have done the Featured Content theme now and really happy with it. Many thanks for that!

    One more thing if I may. As I accrue more site pages and blog posts I would like an easy way for my readers to click on something on the home page that takes them to the archived / older blogs. Currently I am using a menu widget with the posts I have but eventually there will be too many for the home page, any ideas the best way to link them from the home page?

    Mark

  • Glad you got the Featured Content working!

    The way your site is set up, as you add new posts, older posts will be displayed in a list format, displaying just below the most recent five featured posts at the top.

    If you’d like to provide other ways for visitors to explore your posts, you could consider widgets like:

    Categories widget – https://en.support.wordpress.com/widgets/categories-widget/
    Tag cloud widget – https://en.support.wordpress.com/widgets/tag-cloud-widget/
    Search widget – https://en.support.wordpress.com/widgets/search-widget/
    Top posts and pages widget – https://en.support.wordpress.com/widgets/top-posts-widget/

  • Unknown's avatar

    Thats great, I will look at using those widgets!

    I have added some extra blog posts and see they are sitting below the featured content 5 image links. If I wanted to move these extra blog posts off the home page is the only way to do this by making re-typing them up as site pages?

    Mark

  • I have added some extra blog posts and see they are sitting below the featured content 5 image links. If I wanted to move these extra blog posts off the home page is the only way to do this by making re-typing them up as site pages?

    You could do that in a couple of steps.

    First, you could use custom CSS to hide the other posts on the homepage:

    /* Hide posts below Featured Content area on homepage */
    .home .site-main {
      display: none;
    }

    If you do that, your page will look at little unbalanced on desktop/laptop screens, since there are quite a few widgets in the sidebar area. So you might want to hide the sidebar widget area as well, on the homepage. In that case you could replace the above custom CSS with this instead, and both columns will be hidden:

    /* On homepage only, hide posts below Featured Content area and Sidebar widget area*/
    .home .site-content-inner {
      display: none;
    }

    Now you’d need to set up all posts on a separate page. You could do that by adding a Display Posts shortcode to a static page. You can learn how to use the shortcode here:

    Display Posts Shortcode

    You could try:

    [display-posts offset="5"]

    That should skip the most recent 5 posts, which are already on the front page. If you wanted all your posts to display, just remove the offset and use:

    [display-posts]

    You can then link to this new page in your custom menu.

    Let me know how it goes!

  • Unknown's avatar

    Hello,

    Thats great, thank you so much for all your help.

    I may have some more questions going forward, should I post them on here or create a new thread depending on the topic?

    Mark

  • You’re very welcome! Please start new threads for additional questions. Thanks!

  • Unknown's avatar

    Hello,

    Last one on this, which is related to the short-code information you provided.

    When i tried the [display-posts] and the [display-posts offset="5"] codes in a new page post it removed all the 5 images of my latest posts (featured content tags)

    Is there any way to keep the featured content and then add the menu link for all my older blog posts.

    I am just thinking further ahead when I have potentially 100 blog posts and wont have space for them on the home page

  • When i tried the [display-posts] and the [display-posts offset="5"] codes in a new page post it removed all the 5 images of my latest posts (featured content tags)

    The shortcode doesn’t include featured images by default. You could add them with another argument in the shorcdoe:

    [display-posts offset="5" image_size="thumbnail"]

    You can read more about the featured-image options here, under “image_size”:
    https://en.support.wordpress.com/display-posts-shortcode/#arguments

    Is there any way to keep the featured content and then add the menu link for all my older blog posts.

    There isn’t a way to add a link to additional posts below the featured content area, but if you use the shortcode, you could link to your separate page from an HTML widget in the footer.

  • The topic ‘Canard Theme: Re-Sizing Home Page Images’ is closed to new replies.