Creating a Bootstrap Index.php In our previous tutorials, we took a Bootstrap theme and created a WordPress template. We then built out the header and added a navigation menu using Navwalker. We are now going to build the index page to display our posts. Let’s take a look at our index.php. It begins with a container div, and then […] Posted by Geoff on February 12, 2021
WP Header.php Typically, the WordPress header.php contains or outputs everything in the <head></head> tags, the <body> opening tag, and the navbar. In this tutorial we took an html template and create the template for a WordPress theme. Now we are going to focus on everything above the navbar in header.php Firing WordPress Actions In WordPress, there are […] Posted by Geoff on February 9, 2021
Create a Theme Template The first step in building a wordpress theme is to create or download an html template and then convert that into a theme. In this tutorial, we will download a bootstrap blog theme and then convert that into a wordpress theme template. Posted by Geoff on February 8, 2021
Bootstrap Navwalker Navwalker Navwalker, according to its developers, “is a utility class that is intended to format your WordPress theme menu with the correct syntax and CSS classes to utilize the Bootstrap dropdown navigation. It does not include the required Bootstrap JS and CSS files – you will have to include them manually.” In other words, Navwalker […] Posted by Geoff on February 7, 2021
Business Theme Pt 2: Index.php Theme Functions WordPress documentation states “The functions.php file is where you add unique features to your WordPress theme. It can be used to hook into the core functions of WordPress to make your theme more modular, extensible, and functional.“ The functions.php file is where we add features and functionality to our WordPress Theme. We can do this by either […] Posted by Geoff on February 1, 2021
Business Theme Pt 1: The Header Build a WordPress Theme Using Bootstrap 4.0 We’re going to build a wordpress theme using a free bootstrap template. First, we download the template from Startbootsrap.com. We’re going to use the Business Frontpage template, which can be downloaded here. Download the and unzip the file, open the directory, and see what’s there. Next, we create […] Posted by Geoff on January 30, 2021
Build a Bootstrap Navbar Create the theme We are going to begin by building a new blank bootstrap theme, and then adding a navbar to it. To begin, create a new directory under themes, and title it wpstrap (or whatever title you would like to give it. In this directory, you will create the two files necessary for a […] Posted by Geoff on January 26, 2021
Make Search Bar Functional Suppose we are working with an html template, either one we designed ourselves or perhaps one downloaded from Bootstrap or elsewhere. We have a searchbar which is simply a form. It does not work. No searches are performed. Here’s how to make the search bar function. Go to header.php (or where ever the search bar […] Posted by Geoff on January 24, 2021
Custom Widgets What is a Widget? In WordPress, widgets are blocks of content that you can add to your site’s sidebars, footers, and other areas. WordPress comes with a number of default widgets, which are found in the folder wp-includes/widgets. There, you will find category lists, menus, galleries, forms, etc. The complete list as of this writing […] Posted by Geoff on
Custom Home Page If you are anything like me, wordpress home pages have been a challenge. How do you design the home page that you want? If you don’t want your site’s home page to be just an standard archive of posts, or if you don’t want your site’s homepage to be just a generic page, what do […] Posted by Geoff on January 17, 2021