Elementor Beginner's Tutorial: Learn Elementor in 30 Minutes INTERACTIVE

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

% 51

Everything need to get up and running with Elementor, fast! We'll cover all the essential controls, some hidden settings you should know about, and the #1 tip for building better pages (even as a beginner).
-----------------Video Chapters------------------
0:00 - What you're going to learn
0:57 - Install Elementor
1:16 - Creating your first Elementor Page
2:00 - Adjusting the page template (Elementor Canvas vs. Full-width)
2:52 - Elementor Interface & Widgets
3:36 - Menu & Settings
3:58 - Elementor Navigator & Version History
4:16 - Responsive Editing View & Preview Mode
4:46 - Elementor Structure Explained (Sections, Columns & Widgets)
6:50 - How to use Sections, Columns & Widgets together
8:34 - Adding & Duplicating Columns
9:44 - Change container from 'contained' to 'full-width'
11:36 - Using Templates
13:08 - Connecting to the template library
13:58 - Build a page with Template Blocks
14:58 - Adjusting the style of a template to match your brand
15:50 - Copy & Paste Element styles
16:28 - Moving and Reordering Elements & Sections
17: 35 - Building a Hero Section from Scratch (learn by doing)
27:19 - Customizing a pre-built template
29:00 - Using Inner Sections
30:07 - Custom CSS (free workaround)
31:35 - Creating Templates
33:16 - Responsive View
35:55 - Next Steps
#elementortutorial #wordpress #elementor

Хобби

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

30 июн 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@LMCEK 2 года назад

This tutorial saved me and I successfully created my first website today. Thank you 💕

@BuildThatWebsite 2 года назад

Fantastic! I'm glad you found it helpful. What video topics would you be interested next?

@girlball12 3 года назад

Very timely! :-)

@rickcotton581 3 года назад

Very impressed with the presentation, this is my secont time through. I am very new to Elementor and this video has pushed me through a steep learning curve. Would love to know what radio or tv station you work for, fantastic speaker and you make things understandable, Thanks

@BuildThatWebsite 3 года назад

Thank you! I'm glad you found it helpful. Let me know if there's anything important I skipped, and I can add it in a future video. 😀 I'm not an audio professional, but I have worked really hard to make the audio as clean as possible for my videos. Thanks for noticing!

@gaiagoddess5360 2 года назад

When I click on the Blocks section, nothing is there, it says "Haven't saved templates yet? this is where your templates should be" Why does it say that and how can i get the blocks to appear?

@rickcotton581 3 года назад

I was seeing where some of the elements overlap and it seems Elementor (free) was being used. If you have the time would love to know more about how to do this sort of thing, Thanks

@BuildThatWebsite 3 года назад

The easiest way to overlap elements is by using negative margin on an element to move it on top of another. You can use the z-index (advanced tab) to force one to overlap the other. Another option is to use 'absolute positioning' which can be tricky for beginners. With either method, make sure you adjust layout for small screens too (using responsive mode).

@samuelcurcio9886 3 года назад

@@BuildThatWebsite Using responsive mode? Are the rows built with a grid of columns? If so, then shouldn't the layout be responsive as long as the elements are inside a column within a row?

@BuildThatWebsite 3 года назад

Yeah, responsive probably isn't the right word. Mobile-friendly is more accurate. The columns are automatically responsive in Elementor but you do need to tweak any font-sizes and custom-positioned images to make them display well when the layout goes to 1 column

@samuelcurcio9886 3 года назад

Create beginner's tutorial. Do you have any others that expand on what you presented here?

@BuildThatWebsite 3 года назад

There are more Elementor tutorials coming. Is there anything in particular you'd like a video about? Later this week I'm uploading a video where I adapt the design of a popular website using Elementor.

@samuelcurcio9886 3 года назад

@@BuildThatWebsite I am looking for something more lengthy, perhaps a full build of a new site. Once I see a decent full build, I will be comfortable enough to branch out on my own. I look forward to the video you're releasing this week. That may be what I am seeking.

@BuildThatWebsite 3 года назад

The upcoming video is a complete build of a complex homepage, but not an entire site. Could you describe your ideal tutorial with as much detail as possible? I'll do my best to make the type of content you're looking for. Also, if you don't mind sharing: - Do you want the video to include general wordpress info as well (admin settings, post configuration, menus, etc). Or just design steps like Elementor. - Are you building websites for yourself, or do you want to build for clients? - What type of websites do you want to build: affiliate, blog, small business, e-commerce, personal, etc? - Who do you use for webhosting and how satisfied are you. Thanks!

@samuelcurcio9886 3 года назад

@@BuildThatWebsite It would be helpful to know how to set up WP cleanly so the site isn't bogged down by plugins and settings that are part of the initial WP install. How about web page naming conventions? Making the URL SEO-friendly? I want to eventually build sites for others once I am comfortable with WP. I am a hand coder that is making a leap to the drag and drop side because I will be a one-man operation. No need in getting distracted with code when there is a quicker way. Kinds of sites - small business, informational, and eCommerce. I am currently using Namecheap for hosting, but am going to try Elementor Cloud for my first WP build.

@BuildThatWebsite 3 года назад

Gotcha, thanks. So you have some coding skills but are new to Wordpress. Are you interested in other page builders like the built-in Gutenberg block editor? Or mostly plan on using Elementor? FYI, I definitely recommend using Elementor only for static pages and not for every blog post if you care about site speed. I'll cover recommended plugins when I do my first site-build tutorial, but you usually don't need to worry about pre-installed plugins slowing your site unless you're using some bloated theme from themeforest that comes with 10 plugins. Not all plugins hurt site speed, and I run 60+ plugins on some older sites with load times under 1.5s. Many people who have slow sites are using bad hosting like Hostgator, Bluehost, and other notoriously overloaded shared webhosts. Usually plugins aren't the main cause.