O'Reilly logo

Bootstrap 4 Site Blueprints by Ian Whitley, David Cochran, Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The side bar of your blog

The HTML and PHP code for the side bar can be found in the sidebar.php file in your theme directory. The side bar loads WordPress Widgets. You can manage your widgets in the WordPress Dashboard. Navigate to Appearance | Widget and configure the widgets.

Each widget has a built-in HTML structure with CSS classes. You can change or modify the HTML and CSS structure when you register your side bar. The JBST 4 theme's side bars are registered in the assets/functions/sidebar.php file of the theme as follows:

 register_sidebar(array( 'id' => 'sidebar1', 'name' => __('Sidebar 1', 'jbst-4'), 'description' => __('The first (primary) sidebar.', 'jbst-4'), 'before_widget' => '<div id="%1$s" class="widget %2$s">', 'after_widget' => ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required