Blog Post Template Design with Dynamic Content in GeneratePress & GenerateBlocks

Подписаться 1,7 тыс.

Просмотров 6 тыс.

50% 1

As an update to my initial blog post template video, I've recorded a new version with the latest versions of GP/GB. This is just a sample design I created in Figma, but you can use the same concept to create your own in GeneratePress Premium and GenerateBlocks.
-
Learn More about GenerateBlocks: generateblocks...
Learn More about GeneratePress: generatepress....
Check out my website at adamwrightdesi...
Get in touch: hello@adamwrightdesign.com
Learn from the Design to Dollars newsletter: adamwrightdesi...
If you enjoyed this video, please consider helping support by Subscribing to my channel and Liking the video above!
Thanks for your support!

Опубликовано:

30 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 44

@TheAdminBar Год назад

Love that design! Great work (as always)!

@adamwrightdesign Год назад

Aw, thanks TAB!! 🙌

@jellycrackersmerch8221 Месяц назад

I have tried several times. I clicked in the title box but I don't have the options to change the heading style to h1

@bloggeremos9064 Год назад

The problem with the content template is that we also have to use the wp comments block, which is not very attractive at the moment.

@troyphillips6820 7 месяцев назад

Do you recommend formatting the content of a post in generateblocks?

@adamwrightdesign 7 месяцев назад

Definitely! You can do that separately with CSS, by putting a CSS class on the container that holds your Post Content.

@troyphillips6820 7 месяцев назад

@@adamwrightdesign So you mean when I design my post element, I can add that CSS to the contain for the post content? Can you point me to where I can learn that CSS?

@adamwrightdesign 7 месяцев назад

@@troyphillips6820 yes. In the container that holds your post content, add a CSS Class under the "Advanced" tab. Then go to Customizer, then Additional CSS, and insert your class there and you can style your h1, h2, etc. that way so it only applies to your posts.

@jellycrackersmerch8221 Месяц назад

Hello, I have a quick question. Ahrefs is stating I have not h1 title for my blog page. How do I make the title show up as h1 tags. I have h2/h3 tags. But the title is not showing as h1.

@adamwrightdesign Месяц назад

In your template, you need to make the dynamic page title heading an H1.

@badcatdesign Год назад

Not sure I understood what happened because of the placeholder text. Is the "excerpt" text repeated below the hero section as the actual beginning text of the post? Maybe this is a place to use the "Manual excerpt" to avoid the repetition?

@adamwrightdesign Год назад

Yes, it was pulling in the intro of the main content. You can totally add your own custom excerpt in the editor - I didn’t touch on that.

@CoralNilsen-t9u Год назад

Great video Adam, I have learnt so much about GeneratePress and GenerateBlocks from your videos, which has helped me immensely to move forward with my blog. Thank you so much!!!! Keep them coming 🙂

@adamwrightdesign Год назад

Thank you, Coral! That means a lot!!

@MuhammadIdrees-jd5nh 4 месяца назад

we have to do this for every post ? can we use your this block template in our site in post like importing other templates

@adamwrightdesign 2 месяца назад

You don't do this for every post - you set it up once, and it applies to all your posts automatically.

@andytlaird 8 месяцев назад

I do like this. I have no idea why but some large padding seems to be added to the left and right of the outside container when I create this and yet I can't find where it's coning from. Also when I add the height e.g. 400 to the featured image it crops the left and right! If you have any ideas appreciated Adam. If not - it was still fun to follow 🙂

@adamwrightdesign 7 месяцев назад

Hey Andy! This very well could be your page layout settings. You may need to go create a new Layout Element, and change the page width to "Full Width (no paddings)".

@andytlaird 7 месяцев назад

Always appreciate your support Adam. Thanks again and I'll check that out @@adamwrightdesign

@GregerHillman 5 месяцев назад

This was a great walkthrough. Thanks a lot for making the video 👍

@adamwrightdesign 5 месяцев назад

Thanks, Greger! Glad it was helpful.

@jazperson 9 месяцев назад

Can I add more than 1 featured image and dynamic content? I want to make a dynamic landing page template.

@adamwrightdesign 7 месяцев назад

You can only have one featured image, so I recommend you setup a Custom Field with additional Images you can upload and call to with dynamic data.

@jellycrackersmerch8221 Месяц назад

I can't make the title a h1. in the blog post. There is a heading called title, I enter the title but it does not allow me to enter a h1 title tag.

@adamwrightdesign Месяц назад

You just need to change the GenerateBlocks heading to a H1 heading. Like any other heading with GB. I might be set as a p instead.

@jellycrackersmerch8221 Месяц назад

it does not give me the option to change it in the title block

@learning_English141 5 месяцев назад

which one theme we have to use

@adamwrightdesign 5 месяцев назад

This is using GeneratePress 🙂

@s.m.mahmudhasan9937 11 месяцев назад

nice video if I want to design a responsive navigation bar for desktop and mobile How can I make it like your video? using generate press elements please help me brother

@adamwrightdesign 11 месяцев назад

Go check out @TheAdminBar for their recent video on building a nav with blocks - that should help the best!

@s.m.mahmudhasan9937 11 месяцев назад

i am trying to find the video but I don't. Can you give the full title of your Video brother?@@adamwrightdesign

@TheJanito1969 6 месяцев назад

You're awesome. Thanks so much!

@AnilPainuly Год назад

Great tutorial boss

@adamwrightdesign Год назад

Thank you! glad you found it helpful!

@christophenicolas127 Год назад

Very good video. My image doesn't fill the block. What parameter should I change?

@adamwrightdesign Год назад

I would first check the size of your image, it may be too small to fill the block.

@greecejoy 7 месяцев назад

Awesome video, loved it.

@AnilPainuly Год назад

Hi, i want to make cutome sidebar on each page . I am developing a city pages website, so want put main content in content section and additional information regarding how to reach , local attractions etc in sidebar, I am using page template to achieve this, Please suggest how to put that cutome page levtl sidebar Thanks

@adamwrightdesign Год назад

Hey Anil, I've never achieved this before - you might want to try looking into some custom sidebar plugins.