Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1071544
    jeanetteleblanc
    Participant

    Hi, I’m creating a multi-author blog, and would like the homepage to look something like this one from your examples pages.
    https://curiousjane.com/blog/

    With a slider to highlight recent posts or news, a subscription bar beneath and then a masonry style blog with photos and excerpts.

    Ideally I’d like it to be cornerstone based so that i can add and remove additional blocks as needed (instead of just setting home page to recent posts) Is this possible?

    #1071684
    Lely
    Moderator

    Hi There,

    The sample above is achieved with some customization.

    Step 1.) Install Revolution Slider and create one.
    Step 2.) Go to Appearance > Sidebars : Create a Sidebar
    Step 3.) Go to Appearance > Widgets > Add/Drag Categories widget to the sidebar you have created on Step 2. See attached Widgets Categories.png

    Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

    After that, copy the file wp-content/themes/x/framework/views/renew/wp-header.php in your child theme and add following code by replacing banners-home-top2 with your own revolution slider’s alias that you have created on Step 1. (see image below)

      <?php if ( is_home() ) {
        echo do_shortcode('[rev_slider alias="banners-home-top2"]'); 
        dynamic_sidebar('ups-sidebar-cat-sidebar' ); 
    } ?>
    

    Also replace ups-sidebar-cat-sidebar with the name of your own sidebar. After this we might need to add some CSS to adjust display of categories but above will achieve the one on your site sample.

    Regarding Masonry, go to Appearance > Customize > Blog > Style : Choose Masonry.

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1071544 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>