HDTutorial
EN

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to Create a Custom WordPress Theme (without Code)

83,484 views November 10, 2019 16:48

Watch on YouTube
ChannelWPBeginner - WordPress Tutorials

Chapters

Description from the creator

Are you looking to create a custom WordPress theme from scratch? Previously, you had to follow the WordPress codex and have coding knowledge to build a custom theme for yourself. Luckily things have improved and now anyone can create a completely custom WordPress theme within an hour without coding knowledge. In this video, we will show you how to easily create a custom theme without writing any code using Beaver Themer.

Timestamps

0:00 Intro
0:50 How to install Beaver Builder and Themer plugins
2:11 How to install Astra theme
3:57 How to create a custom header for your theme
8:22 Create a custom footer area for your theme
10:56 How to customize the content area for post or page
14:11 How to customize the category or archive pages

To start this guide you will need to purchase Beaver builder with their Beaver Themer addon. You can go to the Beaver Builder site here:

wpbeaverbuilder.com/

Once you have that purchased you would want to go to your WordPress site and upload the plugin under Plugins, Add New, and click the Upload Plugin button on the top left of the page with the plugin active, we will install the theme we will be using on the site, for this tutorial we will be using the Astra theme:

wpastra.com

With the Astra theme we will set up the basic layout we're wanting for the page such as showing no sidebar for the default and any custom page setup you would prefer. Next, go under Beaver Builder, Add New, title your design, and set it to themer layout and choose the section you want to modify.

You will now have the option to customize the design and style of your theme from a sticky header to changing the header to a specific location or adding a rule for how it is displayed. With that set up you can click the Launch Beaver Builder button to bring up the drag and drop interface of Beaver builder to customize the theme to what you're wanting.

Beaver Builder included header and footer options as well as content areas for different types of posts. Singular being the default for post and page content so to edit the content you would edit your singular template. This template is where you would modify your content display, post title, and comments area, while the archive template is where you would modify the posts page.

If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos.
youtube.com/subscription_center?add_user=wpbegi…

Feel free to take a look at the written version of this tutorial here:
wpbeginner.com/wp-themes/how-to-easily-create-a…

Check us out on Facebook
facebook.com/wpbeginner

Follow us on Twitter
twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

About this tutorial

WPBeginner - WordPress Tutorials published this 16:48 video tutorial on November 10, 2019. It has been watched 83,484 times on YouTube.

Duration
16:48
Published
November 10, 2019
Views
83,484
Likes
750

Tags

Share

This tutorial in other languages