Develop Your own Elementor Widgets & addon, and Build Your own Theme from Bootstrap Template with the Standards of Themeforest
This course includes:
- 21.5 hours of on-demand video
- 4 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of completion
Share
Gift this course and apply a Coupon
New
0.0
(0 ratings)
102 students
Created by Hassine Riani
What you’ll learn
- You will be able to Create Custom WordPress Themes from Scratch
- Know How to gain time with underscore prebuild Basic Theme and Know how to make the necessary modifications in order to have a pro Theme
- Enqueue styles and Scripts the right way for the Theme
- Master how WordPress works behind the scenes
- Work with WordPress theme Custom Post Types and Advanced Custom Fields for the Footer and projects CPT
- Write Custom WordPress Functions
- Know how to read the documentation of elementor developers
- Create custom-made Elementor Widgets using the documentation of developers’ elementor
- Convert any Bootstrap section to a widget using controllers of elementor developers
- Make the rendering of any elementor widgets with the necessary functions of WordPress and elementor premade functions
- Modify and implement the WordPress loop
- Customize WordPress themes
- Make a custom Plugin for Custom post types of your themes
- Make a Demo import “One Click demo importer ” Like a pro
- Bundle all plugins using the TGM plugin
- Create A page professional Theme that meets to standards of Themeforest
Show less
Course content
24 sections • 65 lectures • 21h 23m total lengthCollapse all sections
Introduction3 lectures • 24min
- IntroductionPreview03:57
- Installation of the visual studio code editor and basic configuration forPreview07:30
- Admin panel of WordPress demonstrationPreview12:16
Getting familiar with elementor widgets development3 lectures • 42min
- Getting started with elementor widgets development21:41
- Creating a new widget of elementor16:41
- Create a custom element or widget category03:14
Elementor Control Types-Data Controls5 lectures • 1hr 30min
- Hidden Switcher Popover Select Select228:20
- Text Textarea Wysiwyg Code12:50
- Choose Color Font controls18:37
- Gallery and repeater18:08
- Entrance Exit Hover animations12:11
Elementor Control Types-Multi value Controls2 lectures • 15min
- Url Media10:27
- Icons Text and Box shadows04:26
Elementor Control Types-Unit Controls1 lecture • 10min
- Slider and Dimensions10:08
Elementor Control Types-User interface UI Controls1 lecture • 5min
- UI controls05:27
Elementor Control Types-Group Controls1 lecture • 7min
- Typography Text and Box shadows06:48
Practice -Clark project Installation4 lectures • 48min
- Installation and basic configuration of theme12:25
- Enqueue styles the right way08:51
- Enqueue scripts the right way13:43
- Menu and Footer CSS of theme12:43
Practice-Clark project addon creation1 lecture • 17min
- Elementor addon and widgets configurations16:33
Practice-Clark project Slider Widget9 lectures • 2hr 54min
- Configuration and parameters of Clark widget slider10:28
- Clark slider enqueues styles and JS16:27
- Add controls to our widget slider17:20
- Render slider widget part 110:18
- Render slider widget part 210:20
- Clark slider widgets options for sliders loop and nav etc28:18
- Clark style slider widget options33:45
- Clark style slider widget options-part225:45
- Clark style slider widget options-dots_nav styles21:41
Practice-Clark project Heading Widget2 lectures • 44min
- Heading Widget controllers33:07
- Heading Widget styling11:17
Practice-Clark project About Widget2 lectures • 1hr 12min
- About widget controls and configurations34:08
- About widget render configurations37:56
Practice-Clark project Resume Widget3 lectures • 1hr 28min
- Resume widget controllers42:47
- Resume Widget render30:47
- Resume widget Style14:50
Practice-Clark project Services Widget3 lectures • 1hr 42min
- Services Widget controllers and settings32:32
- Services widget rendering function31:08
- Service Widget styling options38:30
Practice-Clark project Skills Widget2 lectures • 39min
- Skills Widget controllers and Rendering27:16
- Skills Widget Styling12:13
Practice-Clark project Projects Widget3 lectures • 1hr 47min
- Projects CPT Custom Post type24:02
- Projects Widget controller and render functions40:50
- Single project with ACF pro and custom post type42:17
Practice-Clark project Price Widget2 lectures • 40min
- Clark Price Widget Controller21:15
- Clark Price Widget Render Function19:05
Practice-Clark project Blog Widget1 lecture • 32min
- Blog Widget31:59
Practice-Clark project Counter Widget2 lectures • 38min
- Counter Widget controllers24:16
- Counter Widget Styling13:22
Practice-Clark project Hire Widget3 lectures • 50min
- Hire Widget Controller29:18
- Hire Widget rendering07:17
- Hire Widget rendering final touch13:11
Practice-Clark project contact Widgets5 lectures • 1hr 31min
- Icons Contact Widget creation17:34
- Icons Contact Widget Controllers12:23
- Icons Contact Widget Renders function15:53
- Icons Contact Widget styling controllers19:01
- Contact form 7 section25:39
Practice-Clark project Footer creation3 lectures • 1hr 24min
- Footer With ACF and ACF pro24:03
- Footer Widgets with ACF pro rendering37:14
- Footer Widgets with Sidebars22:28
Practice-Clark project TGM and Demo Importer integrations3 lectures • 1hr 2min
- Plugin for our custom post type projects09:01
- TGM plugin activations27:51
- Demo importer like pro themes25:27
Conclusion1 lecture • 2min
- ConclusionPreview01:52
Requirements
- PHP
- HTML
- CSS
- Bootstrap
- Javascript
- Jquery
- OOP
- Basic WordPress usage
- Basics knowledge of WordPress Basic Functions
- ACF Functions and manipulations
- Basics of elementor Page Builder Usage
Description
Note: this is a backend PHP course for WordPress
**********************************************************
Welcome to WordPress Theme Development with Elementor: For Themeforest. This course is very special, it allows you to know the secrets of WordPress Theming. Especially if you plan to sell on markets like ThemeForest or WordPress’s official website.
So in this course, I will help you Be a professional WordPress theme developer. We will convert by the end of this course a full HTML CSS bootstrap template into a functional WordPress theme with the standards of Themeforest.
So after completing this course, you will be able to convert any bootstrap template to a fully functional WordPress theme using various technologies such as Custom post types, and you will be able to build Your Widgets of Elementor page Builder.
What we will cover in this course?
Firstly, we will be covering for the first sections how to deal with Elementor developers’ documentation and their philosophy to see things of the MVC model. So we will see Multiples controllers, and we will see how to render them step by step.
So we will be getting familiar with Elementor widgets development, we will see how to create a new widget of Elementor, and see how to create custom widget categories.
We will manipulate each and every control type of Elementor controller, how to render them the right way.
The second part of the course will be a practical example, Clark’s One-page theme creation from scratch.
So we will see how to do the right installation of underscores basic theme, and how to enqueue styles and scripts of theme the right way, and believe this is not always easy and trivial. We will be adding menu support …
After that, we have a crucial step which is Elementor add-on creation and the code behind widgets configurations .also, we will enqueue styles and JS for widgets this time .and after that we will be creating Clark-slider widget; so we will be adding controls and making the render of our widget step by step, adding multiple options also to make our widget professional .making the styling functions of our widget .in order to allow our users the modifications of colors and typography, etc.
Moreover, we will be creating several widgets almost twelve widgets including the Clark slider; we will list Heading, about, Resume, services, skills, projects, price, blog, counter, hire, contact, etc … and we will add controllers for each and every widget created, render them step by step, the style most of them…
Into the final chapters, we will be creating and rendering the footer with the ACF pro plugin and using native widgets of WordPress Gutenberg, last but not least we will create a small plugin in order to bundle our custom post type of projects, we will make the
implementation of TGM functionality to deliver all our plugins when we install our theme. We will make integration as usual of one click demo importer plugin the right way with the right implementations.
In the end, we will have almost a ready theme for ThemeForest, and you will be able to develop your own themes
What exactly are you going to learn?
We will start with the basics. You’ll learn how to install WordPress the right way. And that’s something not everyone knows how to do (trust me!). And, step by step, we will dive into more interesting topics.
You’ll learn things like:
- How to integrate the theme with Bootstrap—any version
- Inner template files and essential WordPress pages
- Native functions and tools that bring the entire mechanism of the theme to life
- How to read Elementor developers’ documentation to convert any Bootstrap template with the Creation of your widgets.
And much more… You’ll also learn how to handle some specialized tools and APIs, like:
- ACF and custom post types in general, you will create your CPT and make them editable with advanced custom fields ACF and ACF pro. And that for the Footer section.
- The powerful TGM Plugin Activation library. If you intend to redistribute your work, TGM will help you package all your plugins with the theme.
- And finally, you’ll also learn how to make one demo importer and a simple plugin for all your CPT “custom post types”
We will provide the initial HTML and CSS template that we will convert step by step and of course the final project or theme in the resources.
How is the course different?
The course’s uniqueness is its versatility in its benefits. It offers a comprehensive 65 lectures, carefully classified into sections, leaving no topic untouched. More than 20 Hours.
The best part is my eagerness to assist you 24/7. Solving your query sooner than possible is my priority. The excellent response time allows you to follow your own pace in your project.
So join me right now. I can promise you this will be a journey that will change your professional career for good!
Who this course is for:
- For professionals that aim to deliver Themes with standards of Themeforest and WordPress
- Anyone who is looking to start a career in WordPress Theming
- Advanced user of PHP and HTML & CSS
- Anyone who wants to start a Business at Themeforest
