🌐WEBFINET

HURRICANE WATCH 2022 | SMART NEWS

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

webfi-How to Create a Custom WordPress Theme (without Code)



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:

https://www.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:

https://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.
https://www.youtube.com/subscription_center?add_user=wpbeginner

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

Check us out on Facebook
https://www.facebook.com/wpbeginner

Follow us on Twitter
http://twitter.com/wpbeginner

Check out our website for more WordPress Tutorials
http://www.wpbeginner.com
#WordPress #WordPressTutorial #WPBeginner

source

22 Comments

  • sushil Kumar on August 20, 2019

    Very nice

  • dev sharma on August 21, 2019

    Thank you

  • Louis on August 22, 2019

    very interesting video. with such a theme builder you can build anything you want from scratch. i didn't know the beaver theme builder was so advanced. impressive.

  • Chiranjit Hazarika on September 16, 2019

    Can I sell my custom theme?

  • Digitize Fever on October 4, 2019

    Which theme wpbeginner have

  • Eskimoz on February 19, 2020

    Excellente vidéo !!

  • Ronnys Mobilephone on March 8, 2020

    Hello, OK, if I get Beaver Builder and I do not renew it the next year, will my web page still work the same?

  • Intajo Ziko on March 11, 2020

    hello . how i can export and save my template in zip files after designing my website theme??

  • Ronny Ron on March 19, 2020

    How do I use Beaver Builder to make a menu bar across the top ? I keep working at this Header thing but nothing seems to be working. I add a button but then I can't move it properly into place. Each new button stacks on top of each other…when I want then to be side by side.

    Im just trying to build a webpage that has multiple pages . I don't want the pages to scroll. I want a modal in the center of a page to scroll. With an image as the background and the modal semi translucent. And the menu bar at the top to always be there.

  • Govt Nukari Gyan on May 13, 2020

    thank you. , this video helpful….

  • gangineni 1024 on May 18, 2020

    how to static navbar convert into dyaic navbar using code in wordpress? for theme development

  • DDLZ on June 30, 2020

    Hello i am a super nubie, to make it live we have to upload it to the webhosting am i right?

  • Joseph Pogue on July 13, 2020

    Is this a free page builder?

  • Mohammad Soltani on August 3, 2020

    hello, would you please tell me how i write php code in wordpress and compile theme ?

  • Saurabh Latambale on August 29, 2020

    How can i make lightweight website without using any theme as well as any paid plugin?

  • AmazingLife on September 7, 2020

    Great tutorial wow thanks! How can i add my own text font and color ; I want to make it girlish gold pink with gold color. Also , how do i add slider images below the header for the front page; Do you have other tutorials about it; Please advice! i AM SO EXCITED! Didn't know about Beaver and how easy it is to develop your own wp theme! Please advice!!! Thanks in advance!🙂

  • MD TV on September 20, 2020

    can you remove the name of theme in footer???

  • tooooooooooooota on October 5, 2020

    How can I sell it after customizing ?

  • Mahesh Panth on January 26, 2021

    Is there a way to publish these themes on WordPress repository?

  • Engineer Mujeeb on January 26, 2021

    i want to create shopping site ,is there any best custom theme ,like beaver or other tool

  • Fadi Eneni on January 26, 2021

    I can't find the beaver theme plugin only the beaver builder

  • Dennis Downes on October 30, 2021

    I am informed that to actually install a plugin, I have to upgrade to a business plan. Catch-22!! DD

Since 2009- Live News and Entertainment

🌐WEBFINET

🛡GET YOUR OWN Cyber Data Servers

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
error: WEBFINET SECURITY IS ON