Playback starts YouTube’s embedded player (privacy-enhanced mode).
How to Create a Custom WordPress Theme (without Code)
ChannelWPBeginner - WordPress TutorialsChapters
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
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.
- Category
- Science & Technology
- Duration
- 16:48
- Published
- November 10, 2019
- Views
- 83,484
- Likes
- 750
Tags
Share
This tutorial in other languages
- FRComment faire pour créer un thème WordPress personnalisé (sans code)
- ESCómo crear un tema de WordPress personalizado (sin código)
- PTComo criar um tema personalizado WordPress (sem código)
- ITCome creare un tema personalizzato di WordPress (senza codice)
- DEWie eine benutzerdefinierte Wordpress Theme erstellen (ohne Code)
- NLHoe maak je een Custom WordPress Theme (zonder code) Creëer
- RUКак создать тему WordPress Пользовательского (без кода)
- PLJak utworzyć niestandardowe WordPress Theme (bez kodu)
- JA(コード含まず)カスタムWordPressのテーマを作成する方法
- ARكيفية إنشاء ورد موضوع مخصص (بدون كود)
- HIकैसे एक कस्टम वर्डप्रेस थीम (कोड के बिना) बनाने के लिए
- IDCara Membuat Tema Kustom WordPress (tanpa Code)