A friend of mine recently got into using WordPress because a client of his was using it for their site. He reached out to me to ask what I’d recommend. I had to suggestions Beaver Builder or Elementor.

He opted with Elementor and after a quick chat with him the other day I realized there are three things every first time users should know about.

Page layouts

Page layouts are key when using any page builder. Page layouts are what controls where the modules or widgets the page builders uses to make websites. Page builders usually just use the content area to enable users to design their web page. The sidebar can be removed in the customizer but most themes still have the content contained for readability.

With the rise of page builders more theme developers are making themes that are optimized for the various page builders out there. So they’ll include page layout options which just means that they include different content area options.

I’m going to base the next instructions that your theme doesn’t have any page layout options built in and you’re using a theme you’ve had for awhile. Elementor offers three options out of the box, a elementor full-width, elementor canvas, and sidebar layout.

sidebar

The sidebar layout is contained in the main content area. This option might only really work for you if you’re designing a blog page or maybe an about page.

The content you see is from one of the templates elementor has available.

full-width and canvas

Full-width is just as its name implies. The modules used will take up the full-width of the page. This is ideal for designing the homepage, a contact page, anything that might be more of a static page on the site. This layout keeps the websites header and footer in palace but overtakes the content area.

full-width
canvas

The canvas layout overtakes the entire page including the header and footer. Which means it’s a great option for landing pages, single page websites, coming soon or maintenance pages.

The default settings

This next tip will save you on time and the repetitive nature of designing a site. That is the default settings for the site. Elementor comes with the option to set your default colors and fonts. All you have to do is click on the hamburger menu at the top lefthand corner of the elementor toolbar. You’ll then have thee options: default color, default fonts, and color picker.

When you really start getting into designing you’ll really thank me for this because when you really get into the page layout process you’re always adding text and needing to add the right color. So if you set up your colors it’ll save you from having to copy and paste your hex code to all the right places or changing your fonts to the decided font. Set them up at the beginning so it’s not a hassle later on.

Finder

As a Mac user I’ve come to really love the spotlight feature. It’s an app that allows you to search for folders, files, apps and the web by just a simple keyboard short cut (cmd+spacebar). So when elementor added their finder function I fell in love.

With just the stroke of cmd+e or ctrl+e a little search box will pop up. This allows you to jump to different pages or templates that elementor has created or even take you to other pages of your WP dashboard. It was game changer! Trust me you’ll never look back.

Well I hope these three tips help you as much as they have helped me.

Categories: WordPress

Daniel Rubio

I'm a digital content producer. I believe everyone has the capability to inspire someone. I'm a husband and a father, a member of the Church of Jesus Christ of Latter Day Saints, and a lover of tacos and coke.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.