[Resolved] Want to change the layout of the homepage

Home Forums Support [Resolved] Want to change the layout of the homepage

Home Forums Support Want to change the layout of the homepage

Viewing 15 posts - 1 through 15 (of 32 total)
  • Author
    Posts
  • #1291381
    Mouse

    Hi, theres a learning curve to this theme…. Can you please help me change the homepage layout … I want to give it a shape of Mashable website exactly… so can you help me with that?

    #1291751
    David
    Staff
    Customer Support

    Hi there,

    that would take a lot of work and would require custom development.
    But a simple similar layout could be achieved by:

    1. Use a Header Element to add a Hero Image and content at the top of the page.
    https://docs.generatepress.com/article/header-element-overview/

    Your current Site already uses this to add the Grid of Posts

    2. Use a Hook element and the after_header hook to create a space for adverts below your hero.
    https://docs.generatepress.com/article/hooks-element-overview/

    3. Use the Layout Element to set the Sidebar / Sidebar / Content layout to create the 3 columns for any Archive you want it on.
    https://docs.generatepress.com/article/layout-element-overview/

    #1291839
    Mouse

    Okay let me take a look into it.

    #1291874
    David
    Staff
    Customer Support

    You’re welcome

    #1295286
    Mouse

    Yea, that too much work. I will just work with the current layout.

    Have a look at this please: https://brw.info/2020/05/21/how-do-i-get-these-things-done-in-generatepress/

    Here I added the things that I want to be changed on my website.

    #1295970
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    The quality of the images comes from the size/quality of the featured images you use.

    Wrapping the posts around your sidebar isn’t possible with the current HTML structure. Is that what you want, or do you want to display a separate list of posts under your sidebar?

    Where can I see the posts you’re talking about when it comes to 3 links. These links are typically hard-coded in, but we can see if there’s anything we can do.

    #1296192
    Mouse

    you can see that on lifefalcon.com

    #1296662
    David
    Staff
    Customer Support

    For the posts under the sidebar you can add a WP Show Posts list – this is how the original Dispatch Site displayed them

    #1298784
    Mouse

    Okay… lets just get the easy things out of the way, if you guys can help me. Please check the link of brw dot info.

    One issue is – on homepage, 3 links to point towards one post at a time. (One from image, one from text and one from “Read more” link) – Want to change it into one…for SEO purposes.

    You can also see on the homepage the text under the images of blog posts get cut if the title is too long…

    Basically I want to show blog posts as shown here: https://neilpatel.com/blog/

    #1299459
    Leo
    Staff
    Customer Support

    So basically you don’t want the post excerpt to show?

    Try setting the excerpt count to 0:
    https://docs.generatepress.com/article/blog-content-layout/#archives

    Then remove the read more label.

    #1304492
    Mouse

    I basically just want whole titles to show in my homepage and blog sections. The 2nd thing I want to do is to make the whole box as one link so that 3 links are not pointing to the post from the homepage.

    If you didnt get the 2nd point let me explain:

    Basically when you visit the website, you will see in the posts layout sections each post is giving 3 links to that post. One by clicking the image. Other by clicking the text. And third, by clicking read more. I know I can always remove the Read more link. But there will still be 2 links left.

    What i want to do is to make one box. Post box. And make the whole thing clickable. It’s better for SEO internal linking. Otherwise 3 links for a single post create a mess.

    Best example to see what I want to do : https://neilpatel.com/blog/

    Here you can see that each post just has one link and thats it.

    #1305322
    Tom
    Lead Developer
    Lead Developer

    You can disable the link for the image in WPSP like this:

    add_filter( 'wpsp_disable_image_link', '__return_false' );

    Then you can link the entire post like this:

    .wp-show-posts-inner {
        position: relative;
    }
    
    .wp-show-posts-entry-title a:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    #1305479
    Mouse

    Hi,

    Where do I place the code: add_filter( ‘wpsp_disable_image_link’, ‘__return_false’ );

    And the below one goes to additional css right?
    .wp-show-posts-inner {
    position: relative;
    }

    .wp-show-posts-entry-title a:before {
    content: “”;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    }

    #1305612
    Tom
    Lead Developer
    Lead Developer

    The first snippet is PHP, so it should be added using one of these methods: https://docs.generatepress.com/article/adding-php/

    The second part is CSS, so one of these will work: https://docs.generatepress.com/article/adding-css/

    #1305938
    Mouse

    Hi there again.

    It’s not working.

Viewing 15 posts - 1 through 15 (of 32 total)
  • You must be logged in to reply to this topic.