Themeforest Wordpress Theme Development With Option Panel
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
77 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Themeforest Wordpress Theme Development With Option Panel to your Wishlist.

Add to Wishlist

Themeforest Wordpress Theme Development With Option Panel

wordpress theme development course basic to advance using bootstrap.
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
77 students enrolled
Created by MUHAMMAD AMAAN
Last updated 8/2017
English
Curiosity Sale
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 8 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • build any wordpress theme and option panel for theme
  • option panel which include Text,backgroung,color,logo and much more options
View Curriculum
Requirements
  • you should know html,css and bootstrap to join this course
Description

In this course you will learn how to create a wordpress theme using underscore  starter theme and we will design our theme using boostrap and css.we will also add advance theme option panel to our theme which you see in themeforest premium themes.

Requirement of this course is that you must know html,css and bootstrap.

No need to learn jquery,php and other languages


Development with Bootstrap

you will know how to include bootstrap to your theme.how to make theme responsive.

how to build a theme using bootstrap and css classes.

  • Register Menu

.You will know how to register and call menu in wordpress.

You will know how to develop a wordpress theme and how to add advance theme option panel.

Some Theme Option Panel are as follows which you will be able to build.

YOUR OWN THEME NAME OPTION PANEL.

we will build a theme option panel like premium theme which will show our theme name like mytheme setting with different options.

  • Body Background.

user will be able to change background color

user will be able to change background picture

add/remove picture.

Change background position.

  • Typography.

Here we will build font options.

you or your client will be able to build different font options such as

can change font of any area,css class eg heading,paragraph .

can change font size,font weight.

can change font color and much more


  • Color

At this we will build option to change color of any area such as header,paragraph,different elements.A color picker will be added here.

you will be able to change color of any section,text.

  • Logo/Favicon

we will make logo option here.

you will be able to add option which will allow to upload any logo using theme option panel.

  • Text Area

we will make our footer option which will allow you to remove/add footer text.you can use html tags in text area.

  • Widgets

we will create widget area and we will add some cool widgets to our theme such as image posts,social icons

  • News Ticker

you will know how to build news ticker and add news ticker in your theme option panel.

  • Theme Option For Any Theme

There is much more in this course.you will be able to build wordpress theme.

you will be able to build different theme options panels.

you will be able to add theme option panel to any wordpress theme.

Who is the target audience?
  • who want to build wordpress theme
  • who want to learn how to build advance theme option panel should join this course
Students Who Viewed This Course Also Viewed
Curriculum For This Course
60 Lectures
05:47:53
+
Required files and framework
3 Lectures 19:27

Introduction of our course what we are going to build in this course

Preview 10:35

Download bootstrap and other files

Download Bootstrap and reuired files
05:16

Download underscore.me starter theme to build advance wordpress theme

Download Underscore.me Starter Theme
03:36
+
Development start using underscore.me theme
10 Lectures 43:45

Add Bootstrap Folder to Our Theme Folder

Add Theme And Bootstrap To Localhost
03:04

Include Bootstrap to our Theme

Include Bootstrap To you Theme
07:09

Add Bootstrap classes to our theme to make it responsive

Make Your Theme Responsive using Bootstrap
06:07

Display sidebar at right and do content setting

Sidebar Setting
03:11

Add feature image support to your posts

Add Thumbnail Support To posts
02:21

Include logo and menu designing for theme

Include Logo and menu to Theme
06:49

Learn how to view and design underscore.me classes

Underscore.me Theme Classes
01:34

Add Screenshot.png to our theme

Add Screenshot To your Theme
01:52

Wordpress theme content area and sidebar designing using bootstrap

Design Wordpress Theme Using Bootstrap
06:57

Add read more button or link to your theme

Read More Button in posts
04:41
+
Theme Option Panel Building
21 Lectures 01:57:38

Intro of some theme options which we will create in this course

Theme Option Panel Intro
04:25

Introduction of redux framework and its importance

Redux frame work introduction
07:16

Redux framework setting for our theme online

Redux framework Setting for our Theme
14:20

redux builder setting using plugin

Redux plugin setting
05:37

Add theme option to change body color,background etc

Body Color And Background Image Option
09:03

Add option to change color of any area/text

Change color or Any Area/content
05:39

Add border option in your theme which allow to add border.change border color and type

ADD border and other options to theme
07:25

Add fonts properties to your wordpress theme which will allow user to change font family,font color,font size etc.

TYPOGRAPHY Setting
03:35

Learn how to allow user to change logo using option panel

Add/Change Logo option to Theme
06:36

some setting in logo field

Logo continue
03:15

Learn how to show all options in customizer

Preview 01:35

add slider ,news ticker and social icons in your theme using plugins

Slider ,Related Posts and News Ticker
06:19

Add feature like this theme require/recommended plugins which you see in premium themes

TGM Plugin Activation Support
07:20

Create and add your own news ticker with different options in your theme option panel

News Ticker in Theme Option Panel
06:14

Add wordress editor option to any area which support image,html tags,it will allow user to add image with text in any area

Wordpress Editor Option
04:41

Add text Area option in your theme option panel.it support html tags.you can add this to make paragraph dynamic

Text Area Option
03:50

Add text option in your theme which allow user to add text in any area like heading

Text Option
04:09

Add a option to enable or disable logo in option panel.you can add this in any area

Switch to enable/disable logo option
03:08

know how to add clock and clock option to your wordpress theme .

Clock in your Theme
03:26

Learn how to add social media icons to your theme and add option in your theme option panel

Social Media icons Options
07:05

Learn how to add more background,typography and other options to your theme

More options in your theme
02:40
+
HTML TO WORDPRESS THEME CONVERSION
10 Lectures 01:04:38

Html to wordpress theme conversion section project no 1 introduction.

Preview 01:12

Html to wordpress conversion lecture 1
14:39

Html to Wordpress conversion lecture 2
12:28

Custom Post type and WP Query
07:03

Add pagination to your theme.next/previous page link to your theme

Pagination support for template
02:17


2nd project on html to wordpress conversion

Lecture 1
08:09

2nd project on html to wordpress conversion blog/mag layout

html to wp 2
05:05

html to wordpress blog/mag last lecture

Lecture 3 html to wordpress
09:56

Last lecture in wp html blog converssion

html to wp pro 2
03:00
+
Advance Section Landing Theme/Portfolio theme
16 Lectures 01:42:25

introduction of bootstrap theme we are going to convert to wordpress

Preview 02:15

Agency landing page theme conversion to wordpress lecture 1

Agency landing theme 1
06:28

Learn to make service section dynamic including font awesome dynamic

Service Section Dynamic
08:39

Make about section dynamic

Team Section
11:54

Make portfolio section dynamic

Portfolio Section
08:00

Make contact us section dynamic

Contact Us Section
06:45

Learn About wordpress theme builders

Wordpress Theme builders
04:22

Learn to work with advance metabox and custom field

Working with advance metabox and custom field
06:08

Learn to make theme documentation for your theme

Theme Documentation
03:55

Our new project introduction

Preview 02:18

Know how to create advance metabox for your wordpress theme

Custom Meta Box
11:21

Learn more about metabox

Metabox Part 2
08:24

metabox part 3 learn more about metabox

Metabox part 3
08:12

FIRST LECTURE IN HTML TO WORDPRESS CONVERSION

HTML TO WORDPRESS PART 1
04:26

html to wp part 2

part 2
04:25

PART 3 OF WP THEME

html to wp part 3
04:53
About the Instructor
MUHAMMAD AMAAN
2.9 Average rating
12 Reviews
1,640 Students
3 Courses
Web Designer

My name is Muhammad Waqas(Amaan).I am a front end web developer.I Learn web designing,graphic designing and then start working in web design field .I have 2 year experience in web designing.

I am working in wordpress from 2 years and i teach people in my area.

Now I start course in udemy so that i can share my experience and knowledge with others.