Archived topic
Want to change the layout of the homepage
31 replies · Started by Mouse on May 19, 2020
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?
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/
Okay let me take a look into it.
You're welcome
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.
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.
you can see that on lifefalcon.com
For the posts under the sidebar you can add a WP Show Posts list - this is how the original Dispatch Site displayed them
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/
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.
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.
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;
}
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;
}
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/
Hi there again.
It's not working.