How to use WordPress Block Editor (Basic Gutenberg Tutorial)

Подписаться 66 тыс.

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

50% 1

Learn how the WordPress Block Editor in this WordPress Gutenberg Tutorial - so you can start writing and editing your pages and posts quickly and easily.
//RESOURCES
-- ⚒ // TOOLS // ⚒ --
The following are the tools I use and highly recommend. Some of these are affiliate links I earn a commission from, but this is what I use and swear by!
📺 USED FOR MY VIDEOS:
🔴 Camtasia (screen recording): creatorimpact.com/camtasia
📷 Camera - Canon Rebel T7i: amzn.to/3Qzsi28
🎙 Nicama Lavalier Mic: amzn.to/3BR5OW3
🎙 Audio-Technica Mic: amzn.to/3PivRbH
🖥 WEBSITE / WORDPRESS BLOGGING
🌍 WebHosting Siteground:creatorimpact.com/siteground
🔥 Divi WordPress Theme: creatorimpact.com/downloaddivi
⚙ All in One SEO Premium Plugin: creatorimpact.com/aioseo
📩 EMAIL NEWSLETTER:
📈ConvertKit: creatorimpact.com/convertkit
😍 DESIGN & PHOTO EDITING:
👁 Adobe Photoshop: creatorimpact.com/adobephotoshop
👁 Canva: creatorimpact.com/canva
👁 Penji Graphic Design Service: creatorimpact.com/penji
🔸 FREE RU-vid Thumbnails PSDs: creatorimpact.com/free-youtub...
🔥 PREMIUM RU-vid Thumbnails PSDs: creatorimpact.com/youtube-thu...
🔸 FREE Facebook Cover Images PSDs: creatorimpact.com/free-facebo...
🔥 PREMIUM Facebook Cover Images PSDs: creatorimpact.com/premium-fac...
FREE PHOTOS:
🔸 Unsplash: unsplash.com/
🔸 Pexels: www.pexels.com/
// LEARN MORE
🔗BEGINNER COURSE
Build a website, set up your presence online and start earning money:
creatorimpact.com/start-here/
// CREATOR IMPACT
🤘 Follow Creator Impact on Social Media!
🔗 Facebook: / creatorimpact
🔗 Instagram: / creatorimpact
🔗 Twitter: / creatorimpact
// TIMESTAMPS
0:00 - Introduction to Block Editor
1:44 - Basic Text
6:10 - Adding Images
8:22 - Numbered & Dot Point Lists
9:35 - Styling and setting Colors
9:30 - Post/Page Properties, Save a Draft & Publish

Хобби

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

8 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Thank you, really dedicated instructions with careful covering of the basics. Much appreciated, awesome work. Thank you!

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

Glad it was helpful! Thank you :)

@SanJay-rj5jv Год назад

Thanks buddy. Keep up the good work. Love from India

@fj8623 10 месяцев назад

Thanks for this video. I've sent it to some clients. And a BIG thanks for pointing out the proper use of headings and explaining hierarchy. In looking for a quick overview of the block editor, I found several that pointed out to use heading markup to create bigger/smaller headings. WRONG! Also thanks for remarking on accessibility. Good, good, good! :)

@WadeMcMaster 10 месяцев назад

Thank you for recognising that! I didn't want to create just another wall through so it's much appreciated :)

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

Good intro to the block editor, thank you.

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

Thank you!

@Frank-Lahore Год назад

Thank you sirrr

@ZariusIRL 4 месяца назад

thanks

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

greta take ,,very useful...thank you very much for your contribution,,you got a new subscriber here,,,cheers from the City of Knowledge at the Panama Canal

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

I'm glad it was helpful! Hopefully I can send some more useful videos your way :)

@zoemorn 10 месяцев назад

covered a fair amount, thanks. what about fonts? when i go to typograpahy, theres only 2 fonts available, i figure i must be doing something wrong as i've never seen only 2 fonts being available to an editor. i'll keep lookin but this is my 4th video on block text editing and still havent seen the topic covered. is block editing making it more difficult to access font changes on the fly?

@WadeMcMaster 10 месяцев назад

When it comes to fonts, it is more likely controlled by your theme, as it attempts to set standard fonts to use across the website. If you use something like the Divi Builder or Elementor I think you can pick fonts but otherwise it's not really available unless through your theme customizer settings typically.

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

Is there any way to change the space between paragraphs? Or the space between blocks like a heading and a paragraph? I couldn't get anything to work. I was working on a column and the heading was so far away from the paragraph it didn't appear to have any relationship to the paragraph.

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

The way I do it is with CSS code unfortunately. I don't have the code off the top of my head and it does depend on your themes code. No simple way sorry, do you do any CSS by chance?

@bipinadhikari2777 Год назад

Hey, thank you for this tutorial. There's one problem that's causing me a lot of frustration and making me want to pull my hair out. Could you please help me with it? The problem is that the block on the left side is in widescreen mode, with no space on either the left or right sides. It used to have space before, but I'm not sure what I updated that caused it to become completely wide. On the right side of the block, there's no issue because I have the option to edit the blocks there.

@WadeMcMaster Год назад

Oh man, ive never had that issue before sorry. However, you may be bale add the plugin 'Health Check & Troubleshooting', it has a troubleshooting mode you can activate which deactivates all plugins just for you (no public change).and you can eeactivate everything one by one to see if theres a plugin conflict. Hopefully its something that simple

@gerathys 10 месяцев назад

I'm not really interested in upgrading. How can I revert to the previous editor. I read that it's possible, but It won't let me install the plugin. For a start, why won't the floating toolbar star on the page instead of scrolling off?

@WadeMcMaster 10 месяцев назад

I wonder why the plugin doesn't work.. that's the only way I know how, but some plugins also have the ability to switch back to the older editor, maybe try searching in the plugin repository

@user-ec7iu3bh9d 10 месяцев назад

I am looking for a testimonial slider with one per slide, can this be done with Block Editor or do I need a plugin?

@WadeMcMaster 10 месяцев назад

I'd say a plugin, I don't know which id recommend, but a normal slider plugin can do testimonials easily enough. I use the divi theme which has a slider module included

@user-ec7iu3bh9d 10 месяцев назад

@@WadeMcMaster I found one that worked, thanks

@franciscolealgonzalez1333 Год назад

Confusing, so, for gutenberg to work do you have to have a theme first?

@WadeMcMaster Год назад

Gutenberg is standard on WordPress across all themes. But to answer your question, you need a theme for WordPress to work at all publicly, not just the editor.

@franciscolealgonzalez1333 Год назад

@@WadeMcMaster Thank you so much!