Overview
Bootstrap is a UI library used for developing interactive web applications. In addition, Bootstrap can be used to develop interactive WordPress themes with templates. Integrating a WordPress theme enables the creation of dynamic websites and applications.
This instructor-led, live training (online or onsite) is aimed at developers who wish to use Bootstrap to create WordPress themes.
By the end of this training, participants will be able to:
- Set up the necessary development environment to start developing WordPress themes.
- Create custom components for a two-column layout.
- Split and integrate HTML code into WordPress.
- Display UI elements with conditional behavior.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Requirements
- PHP programming experience
Audience
- Developers
Course Outline
Introduction
Overview of the Front-End Development Cycle
- Front-end versus back-end
- PHP logic, CSS templates, and HTML templates
WordPress and the styling process
- Modules and functions used in WordPress to style web applications
Bootstrap and UI libraries
- Processes and modules used in Bootstrap to create web applications
Preparing the Development Environment
- Creating and managing a version control system (GitHub, GitLab, etc.)
- Organizing a folder directory
- Installing and configuring Bootstrap
- Creating the files necessary to build the template
Functionalizing the Theme
- Editing the style.css
- Editing the functions.php
Structuring the Theme
- Editing all .php files
- Introducing Nav components
Integrating WordPress
- Re-editing all .php files to let WordPress plugins manage the theme data
Creating interactive widgets for the WordPress Theme
- Registiring sidebar components wrapped with CSS elements
- Integrating the sidebar components to the main template file
Viewing the Theme
- Locating with WordPress administration appearance options
Troubleshooting
Summary and Conclusion