Тёмный

Custom WordPress Blog with Gutenberg Blocks 

Jamie Marsland
Подписаться 83 тыс.
Просмотров 10 тыс.
50% 1

How to build a custom WordPress Blog with Blocks.
This tutorial will show you how to create a Custom Blog using the WordPress Block Editor Gutenberg, and no coding, and no extra plugins. The normal WordPress Blog is dynamically generated, and the design is controlled by your Theme. This guide will show you how to get 100% control over your WordPress Blog, using Blocks.
0:00 - Into
1:25 - Example Custom Blog Page
2:25 - How to Build a custom blog page
2:45 - Add new page
3:00 - Add the Latest Post Block
3:30 - Configure the Latest Post Block
5:20 - Add a Blog Header
6:25 - Add a Newsletter Subscriber button
8:15 - Add an About Me section to the Blog
9:41 - Add Social Icons to the Blog
10:45 - Add new Blog Page to your navigation menu
11:45 - Create different sections with Categories

Наука

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

 

27 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 59   
@DavidLeBlanc
@DavidLeBlanc 3 года назад
Nice demonstration of the power and versatility of the block editor. Thanks for taking the time to do it.
@eddyaruda486
@eddyaruda486 2 года назад
THANK YOU!!! This is EXACTLY what I was looking for. This video was succinct, pithy, and spot-on! THANK YOU!!! I gave this video a thumbs up and subscribed to "All" videos.
@jamiewp
@jamiewp 2 года назад
Glad it was helpful!
@mikecharles6767
@mikecharles6767 4 месяца назад
Thank you, I really benefited from your tutorial! Mike
@jamiewp
@jamiewp 4 месяца назад
Great to hear!
@wuyanchu
@wuyanchu 2 года назад
excellent tutorial, thx and god bless you. Regards from hong kong ^_^
@SuttonsNest
@SuttonsNest Месяц назад
Disregard my email with the subject line "Video Request". As it turns out, you'd already answered my question, just three years before I asked it. Thanks as always Jamie.
@jamiewp
@jamiewp Месяц назад
💪🤩
@WahjoeGunawan
@WahjoeGunawan 8 месяцев назад
Excellent and the easiest tutorial that I have seen. Thanks
@jamiewp
@jamiewp 8 месяцев назад
Great 👍
@the10list22
@the10list22 2 года назад
invaluable tutorial. thanks for introducing me to the "latest posts" & "cover" features in Gutenberg. You are always teaching me something new in an easy-to-understand way. Thanks a million!!
@jamiewp
@jamiewp Год назад
Great to hear it was useful for you 👍
@davideylerYT
@davideylerYT Год назад
super - well done.
@charlesaol
@charlesaol Месяц назад
Thank you
@cath.lamontagne5357
@cath.lamontagne5357 Год назад
❤love listening to your explanations Master Marsland 🎉 Thank you so much!
@jamiewp
@jamiewp Год назад
thank you Cath 😀
@Lilione111
@Lilione111 2 года назад
Excellent. So helpful. Thanks!
@rmcellig
@rmcellig 2 года назад
Excellent video!!!!
@jamiewp
@jamiewp 2 года назад
Thanks 🙏
@thedigitalnoodle4021
@thedigitalnoodle4021 2 года назад
Thank you so much for this Jamie, I was going crazy trying to figure a custom page. Hope you are well!
@jamiewp
@jamiewp 2 года назад
That’s fab :)
@Positivesignals
@Positivesignals 2 года назад
Finally I found what i want. enjoy it
@jamesmarsh4047
@jamesmarsh4047 3 года назад
good stuff
@seagulls888
@seagulls888 3 года назад
Very useful video - thanks
@jamiewp
@jamiewp 3 года назад
thanks Phil :)
@muhammadmoinuddin7986
@muhammadmoinuddin7986 3 года назад
Looking for more Gutenberg block editor tutorials😉. Please make a woocommerce complete website with Gutenberg editor
@jamiewp
@jamiewp 3 года назад
Here you go ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-T52HtVuedNM.html and ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-DIWKC6tLpjQ.html
@muhammadmoinuddin7986
@muhammadmoinuddin7986 3 года назад
@@jamiewp Thanks!
@RaihanJamil
@RaihanJamil Год назад
Thank you for this. I was looking for this exactly. Now I need to try and see if I can do this. What is your MOST recommended plugin for media manager, and file manager fir WP6? Please share.
@MeikBrand
@MeikBrand 2 года назад
great tutorial. What theme did you use for this video?
@JohnHelyar
@JohnHelyar 3 года назад
Nice video I like the cover block I will be using that from now on, my main problem is lining up a 2 column block with text and image may be you can throw some light on that thanks.
@jamiewp
@jamiewp 3 года назад
Hi John, what's happening when you use a 2 column block (it should align automatically)
@TonyGirling
@TonyGirling 3 года назад
Great video Jamie. How can I make a similar grid of custom post types? As the content may not be in the same format as a Post would I need to build an archive grid block myself? I'm also using ACF in my post types.
@jamiewp
@jamiewp 3 года назад
Hi Tony, yup sounds like you'd need to create the archive block yourself, although it might be worth looking at wordpress.org/plugins/qubely/ as they have a cool posts grid
@DavidStavegard
@DavidStavegard 3 года назад
Hi Jamie! Great video - thank you for this, I liked that cover block! I know I've seen lots of people talking about it - but this time I understood why. I'm in the process of leaving Elementor on my (rather big) site, and enjoy all there videos about the block editors. I currently trying out the Pootlepress Woocommerce plugins for customizing product pages, and I think I'll end up using them. One question that I have is - is there a way to have complete control over a page displaying the blog categories? My site has about 160 blog posts, and I know people are interested in many of them regardless of the age of them, so I'm planning a category page to help my visitors find the right topic. In my head, that page would have like a mosaic design with different sized blocks linking to the different categories. Do you have any thoughts about this?
@jamiewp
@jamiewp 3 года назад
thanks David, that's great to hear :)
@user-xk1tr2tg1y
@user-xk1tr2tg1y Год назад
We would like to say a big thank you for your video, you are a very good teacher. You didn't mention one thing... normally at the bottom of every blog, as there are many articles, you have to add the possibility to go to the next blog page... Would you please have a solution ? Best regards
@jamiewp
@jamiewp Год назад
Hi, yes there is a pagination block :)
@karensmedley6567
@karensmedley6567 3 года назад
Hi Jamie, thank you for this, I was amazed how easy it is to create a page exactly how I wanted it. I have two questions - how and where do I add the read more tag. And secondly is there a way, without code, that each blog post opens on a new page. TIA
@razapopdesign1400
@razapopdesign1400 3 года назад
L
@user-vd9bn1pq8o
@user-vd9bn1pq8o 11 месяцев назад
Can you add blog category sorting to the main blog page?
@FinbarHarte
@FinbarHarte 2 года назад
Hi, when I add the latest posts and even a title it all looks great in editing but then when I view the page any new blocks I have added stretch the whole width of the page as in they do not use the page margins. Does anyone know the fix thanks
@joaquimoliveira3780
@joaquimoliveira3780 2 года назад
Another great video :D How can i customize the post titles? i don't like the underlined link in here. thank you
@jamiewp
@jamiewp 2 года назад
thanks Joaquim - that will be a theme issue I think ;)
@varundade
@varundade 3 года назад
Hi @Jamie Marsland, Great video! But i did the same but when we set the pages in the "Reading" section under settings on the wp dashboard when we set the home page to home and blog page to the blog. Then it doesn't show the blog we designed it shows the one which is readymade or made using customiser options. How to setup the Blog page to our blog & keep the design we designed using the Gutenberg blocks? Thanks!
@jamiewp
@jamiewp 3 года назад
Hi, don't set the blog page to blog and that will fix things :)
@varundade
@varundade 3 года назад
Thanks for the reply@@jamiewp Just wanted to confirm that will not setting the blog to blog page affect the search results as per the SEO point of view, then what to do? Thanks!
@jamiewp
@jamiewp 3 года назад
@@varundade hi, nope it has no negative effect on SEO, remember that google will be ranking your individual posts (not your blog page) and these are unchanged. Also reading settings has nothing to do with SEO :)
@varundade
@varundade 3 года назад
@@jamiewp Thanks for the clarification. Is there any way to set the single post design to our own designed Gutenberg post design? Because currently, the single post design shows only the customiser design & not our Gutenberg design. Really looking forward to your upcoming videos. All the best!
@KarenLKlink
@KarenLKlink Год назад
Love this but you stopped too soon. How do I add a Categories Directory to my Posts?
@Makemoneybriefs
@Makemoneybriefs 2 года назад
Can you customize any free theme header using Gutenberg? Lets say that theme has only one header and you what 2 or 3 headers?
@jamiewp
@jamiewp 2 года назад
Yup you can create different headers for different pages
@inweblife
@inweblife 4 месяца назад
What is the theme in this case?
@willmac623
@willmac623 Год назад
Coming from Drupal which has Views and makes it a snap to create anything. Finding WP is a major pain in the arse.
@jamiewp
@jamiewp Год назад
Interesting- I’ve never heard that before
@willmac623
@willmac623 Год назад
@@jamiewp I've been using drupal for 14 years. I'm finding it hard to create a custom front page. And it's hard to create a custom recent posts block. I want to use a custom teaser field instead of the excerpt. Something about have to create two pages to create a custom front page? One for home page and one for posts, but not sure what that means and isn't working. Theme I'm using isn't helping lol.
Далее
WordPress Gutenberg - The Ultimate Guide
27:59
Просмотров 48 тыс.
Your bathroom needs this
00:58
Просмотров 17 млн
Create Pro WordPress Page Layouts in Just 10 Minutes
11:52
Blog Post Query Loop Design with GenerateBlocks
14:49
Master the new WordPress Menu System
14:30
Просмотров 24 тыс.
Gutenberg WordPress Tutorial - Beginners Guide
30:23
Просмотров 75 тыс.
iPhone 15 Pro в реальной жизни
24:07
Просмотров 450 тыс.
Battery  low 🔋 🪫
0:10
Просмотров 13 млн
ЗАБЫТЫЙ IPHONE 😳
0:31
Просмотров 18 тыс.