Bootstrap to WordPress: Build Custom Responsive themes!
Create a stunning custom WordPress theme from scratch using the responsive Bootstrap framework. Also covers PHP basics
Master the art of building custom WordPress themes from scratch using Bootstrap!
WordPress is the most popular CMS on the web and powers a large percentage of websites today. In this course i will guide you step by step, to building your own custom responsive theme using the popular Boostrap framework.
No more looking around for pre built themes and making them fit your website. Or even paying for themes on sites such as Themeforest.
This course will give you the knowledge to either build your own custom site and convert to WordPress, or convert your existing static HTML website to WordPress!
You can even use what you learn to publish and sell your own themes on Themeforest!
From the beginning you will get to work on our Spa theme template with Boostrap. Don't worry if you have not used Bootstrap before, if you have a little HTML & CSS experience I will guide you through.
After the bootstrap section I will then guide you through every step of the way to convert our Bootstrap template to a fully functional WordPress theme.
I will not just be showing you the basic conversion, we will go further with many other topics such as:
- Making our themes for translation ready for international users.
- Custom header images
- Adding custom fields to make our website customisable for non technical users
- Using PHP to pull into our website dynamic data
- Fully functional contact forms and search boxes
- Organising our code into templates
- Finer blog styling control using post class
- Widgets
- Filtering blog posts
- Fully functional blog comments
- And much more
Included is all the images etc you will need, there is also need no extra software, subscriptions or purchases etc to complete or take this course.
So are you ready to take your web design or WordPress skills to the next level?
Join me now and I look forward to having you on board!
Get Bootstrap to WordPress: Build Custom Responsive themes! – Chris Dixon, Only Price $12
Course Curriculum
Welcome
- Introduction (2:51)
Bootstrap template- Home page
- Optional download
- Bootstrap set up (8:32)
- Header section- HTML (13:15)
- Header section- CSS (18:19)
- Home page- welcome section (13:09)
- Home page- offers section- HTML (7:27)
- Home page- offers section- CSS (9:03)
- Home page- shop online section (7:35)
- Footer section- HTML (7:28)
- Footer section- CSS (6:28)
Bootstrap template- Additional pages
- Blog page- HTML (10:17)
- Blog page- CSS (5:17)
- About us page (5:17)
- Contact us page- HTML (11:10)
- Contact us page- CSS (4:41)
Optional Section: PHP Basics / Refresher
- Section requirements
- Localhost installation & setup (7:50)
- Hello World (7:00)
- Strings, variables & constants (10:14)
- Data types & operators (5:56)
- PHP Arrays (6:59)
- PHP Functions (4:39)
- Conditional statements & more operators (12:25)
- Switch statements (4:31)
- Loops (11:12)
- The Codex (2:38)
WordPress Conversion
- Localhost setup & WordPress installation (12:26)
- WordPress theme folder (10:38)
- Index page (11:20)
- Header & footer (13:47)
- WordPress menu using navwalker (5:28)
- Image file paths (4:47)
- Create the front-page.php (4:49)
- WordPress loop and page.php (3:34)
WordPress blog section
- Blog index page part 1 (16:59)
- Blog index page part 2 (7:06)
- Dynamic feature text (4:19)
- Single blog post template (9:47)
- Adding comments to the blog (11:50)
Footer menu, Widgets & Final page templates
- Making our sidebar dynamic (4:09)
- Archives template (7:31)
- Latest news page (5:30)
- Adding feature images to our posts (6:04)
- WordPress footer menu (5:29)t
- Adding the sidebar widgets (10:54)t
- About us page (4:16)
- Contact us page (4:07)
- Custom 404 page (7:44)
- Organise our code using get template part (4:20)
- Custom search template (6:05)
Theme finishing touches
- Advanced custom fields part 1 (6:20)
- Advanced custom fields part 2 (13:30)
- Custom header images (3:39)
- Adding the post class (4:00)
- Making our contact form functional (8:09)
- Adding WordPress core CSS (1:50)
Translating our theme
- Preparing our theme text strings for translation (14:48)
- Preparing our function text for translation (3:01)
- Creating translation files using Poedit (6:42)
Thank You
- Starter themes (3:59)
- Thank you (includes finished theme downloads) (1:45)
Get Bootstrap to WordPress: Build Custom Responsive themes! – Chris Dixon, Only Price $12
Tag: Bootstrap to WordPress: Build Custom Responsive themes! – Chris Dixon Review. Bootstrap to WordPress: Build Custom Responsive themes! – Chris Dixon download. Bootstrap to WordPress: Build Custom Responsive themes! – Chris Dixon discount. add bootstrap to wordpres. bootstrap ui. import bootstrap wordpress. bootstrap website. library bootstrap. add bootstrap css to wordpress theme
Reviews
There are no reviews yet.