├── theme
    ├── css
    │   ├── blocks.css
    │   ├── editor.css
    │   └── b5st.css
    ├── js
    │   └── b5st.js
    └── scss
    │   ├── b5st
    │       ├── _code.scss
    │       ├── _footer.scss
    │       ├── _tables.scss
    │       ├── _embeds.scss
    │       ├── _comments.scss
    │       ├── _lists.scss
    │       ├── _typography.scss
    │       ├── _groups.scss
    │       ├── _quotes.scss
    │       ├── _images-and-galleries.scss
    │       ├── _base.scss
    │       └── _layout.scss
    │   └── b5st.scss
├── gitignore
├── screenshot.png
├── loops
    ├── index-post-none.php
    ├── 404.php
    ├── page-content.php
    ├── index-loop.php
    ├── search-results.php
    ├── index-post.php
    ├── single-post.php
    └── single-post-comments.php
├── page.php
├── index.php
├── search.php
├── single.php
├── style.css
├── package.json
├── footer.php
├── archive.php
├── category.php
├── tag.php
├── sidebar.php
├── functions
    ├── search-widget.php
    ├── enqueues.php
    ├── index-pagination.php
    ├── widgets.php
    ├── split-post-pagination.php
    ├── author-bio.php
    ├── cleanup.php
    ├── navbar.php
    ├── setup.php
    ├── action-hooks.php
    └── dimox-breadcrumbs.php
├── functions.php
├── author.php
├── LOG.md
├── LICENSE
├── UNLICENCE.md
├── header.php
├── .gitignore
└── README.md


/theme/css/blocks.css:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/theme/js/b5st.js:
--------------------------------------------------------------------------------
1 | /*!
2 |  * b5st JS
3 |  */


--------------------------------------------------------------------------------
/gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | npm-debug.log
3 | .env
4 | .DS_Store


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SimonPadbury/b5st/HEAD/screenshot.png


--------------------------------------------------------------------------------
/theme/scss/b5st/_code.scss:
--------------------------------------------------------------------------------
1 | .wp-block-code {
2 |   padding: 0.5em 1em;
3 |   margin: 0 0 1.5rem;
4 | }
5 | 


--------------------------------------------------------------------------------
/loops/index-post-none.php:
--------------------------------------------------------------------------------
1 | <?php
2 | /*
3 |  * Index Post None
4 |  * E.g. for when you have created a category but there are no posts yet.
5 |  */
6 | ?>
7 | 


--------------------------------------------------------------------------------
/theme/scss/b5st/_footer.scss:
--------------------------------------------------------------------------------
 1 | // Sticky Footer
 2 | 
 3 | body {
 4 |   display: flex;
 5 |   min-height: 100vh;
 6 |   flex-direction: column;
 7 | }
 8 | main {
 9 |   flex: 1 0 auto;
10 | }


--------------------------------------------------------------------------------
/theme/scss/b5st/_tables.scss:
--------------------------------------------------------------------------------
 1 | .wp-block-table {
 2 |   overflow-x: auto;
 3 |   margin: 1.5rem0;
 4 | }
 5 | 
 6 | .wp-block-table table {
 7 |   border-collapse: collapse;
 8 | }
 9 | 
10 | .wp-block-table td, .wp-block-table th {
11 |   padding: .5em;
12 | }


--------------------------------------------------------------------------------
/loops/404.php:
--------------------------------------------------------------------------------
1 | <div id="content" role="main" class="container py-5">
2 |   <h1>
3 |       <i class="bi bi-exclamation-triangle"></i> <?php _e('Error', 'b5st'); ?> 404
4 |   </h1>
5 |   <p class="mt-4"><?php _e('Sorry, we can&rsquo;t find what you were looking for.', 'b5st'); ?></p>
6 | </div><!-- /#content -->


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   get_header(); 
 3 |   b5st_mainbody_before();
 4 | ?>
 5 | 
 6 | <main id="site-main">
 7 |   <?php
 8 |     b5st_mainbody_start();
 9 |     get_template_part('loops/page-content');
10 |     b5st_mainbody_end();
11 |   ?>
12 | </main>
13 | 
14 | <?php 
15 |   b5st_mainbody_after();
16 |   get_footer(); 
17 | ?>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   get_header(); 
 3 |   b5st_mainbody_before();
 4 | ?>
 5 | 
 6 | <main id="site-main">
 7 |   <?php
 8 |     b5st_mainbody_start();
 9 |     get_template_part('loops/index-loop');
10 |     b5st_mainbody_end();
11 |   ?>
12 | </main>
13 | 
14 | <?php 
15 |   b5st_mainbody_after();
16 |   get_footer(); 
17 | ?>
18 | 


--------------------------------------------------------------------------------
/search.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   get_header(); 
 3 |   b5st_mainbody_before();
 4 | ?>
 5 | 
 6 | <main id="site-main">
 7 |   <?php 
 8 |     b5st_mainbody_start();
 9 |     get_template_part('loops/search-results');
10 |     b5st_mainbody_end();
11 |   ?>
12 | </main>
13 | 
14 | <?php 
15 |   b5st_mainbody_after();
16 |   get_footer(); 
17 | ?>


--------------------------------------------------------------------------------
/single.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   get_header();
 3 |   b5st_mainbody_before();
 4 | ?>
 5 | 
 6 | <main id="site-main">
 7 |   <?php b5st_mainbody_start(); ?>
 8 | 
 9 |   <?php get_template_part('loops/single-post', get_post_format()); ?>
10 | 
11 |   <?php b5st_mainbody_end(); ?>
12 | </main>
13 | 
14 | <?php
15 |     b5st_mainbody_after();
16 |     get_footer();
17 | ?>
18 | 


--------------------------------------------------------------------------------
/theme/scss/b5st.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * b5st since v1.0 | Unicence
 3 |  */
 4 | 
 5 |  @import "b5st/_base";
 6 |  @import "b5st/_typography";
 7 |  @import "b5st/_code";
 8 |  @import "b5st/_lists";
 9 |  @import "b5st/_quotes";
10 |  @import "b5st/_layout";
11 |  @import "b5st/_groups";
12 |  @import "b5st/_images-and-galleries";
13 |  @import "b5st/_embeds";
14 |  @import "b5st/_tables";
15 |  @import "b5st/_comments";
16 |  @import "b5st/_footer";
17 | 


--------------------------------------------------------------------------------
/theme/scss/b5st/_embeds.scss:
--------------------------------------------------------------------------------
 1 | .wp-block-embed.type-video > .wp-block-embed__wrapper {
 2 |   position: relative;
 3 |   width: 100%;
 4 |   height: 0;
 5 |   padding-top: 56.25%;
 6 | }
 7 | 
 8 | .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
 9 |   position: absolute;
10 |   width: 100%;
11 |   height: 100%;
12 |   top: 0;
13 |   left: 0;
14 |   bottom: 0;
15 |   right: 0;
16 | }
17 | 
18 | .wp-block-video video {
19 |   max-width: 720px;
20 | }
21 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
 1 | /** !
 2 | Theme Name: b5st
 3 | Theme URI: https://github.com/SimonPadbury/b5st
 4 | Description: A simple starter theme for WordPress. Gutenberg compatible. Using Bootstrap 5.x, Bootstrap Icons.x, and node-sass.
 5 | Author: Simon Padbury
 6 | Author URI: http://simonpadbury.github.io
 7 | Version: 1.3.3
 8 | Tags:
 9 | Text Domain: b5st
10 | License: Unlicense
11 | License URI: http://unlicense.org
12 | */
13 | 
14 | /* The CSS is all in theme/css/b5st.css  */
15 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "b5st",
 3 |   "version": "1.3.3",
 4 |   "description": "WordPress starter theme with Bootstrap 5",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "scss": "node-sass --watch theme/scss -o theme/css",
 8 |     "test": "echo \"Error: no test specified\" && exit 1"
 9 |   },
10 |   "author": "Simon Padbury",
11 |   "license": "Unlicence",
12 |   "dependencies": {},
13 |   "devDependencies": {
14 |     "node-sass": "^5.0.0"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/theme/scss/b5st/_comments.scss:
--------------------------------------------------------------------------------
 1 | #comments,
 2 | #reply-title {
 3 |   margin-top: 1.5rem;
 4 |   margin-bottom: 1rem;
 5 | }
 6 | 
 7 | .comment-list,
 8 | .comment-list ul {
 9 |   padding-left: 0;
10 | }
11 | 
12 | .comment-list li {
13 |   padding: 1rem;
14 | }
15 | 
16 | .comment-meta {
17 |   margin-bottom: 1rem;
18 | }
19 | 
20 | .comment-list,
21 | .comment-list .children {
22 |   list-style-type: none;
23 | }
24 | .comment {
25 |   border: 1px solid #dee2e6;
26 |   border-radius: .25rem;
27 |   box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
28 | }


--------------------------------------------------------------------------------
/theme/scss/b5st/_lists.scss:
--------------------------------------------------------------------------------
 1 | .entry-content ul:not(.blocks-gallery-grid),
 2 | .entry-content ol {
 3 |   margin: 0 auto 1.5em auto;
 4 |   max-width: 720px;
 5 |   list-style-position: outside;
 6 | }
 7 | 
 8 | .entry-content li {
 9 |   margin-left: 2.5em;
10 | }
11 | 
12 | .entry-content ul ul,
13 | .entry-content ol ol,
14 | .entry-content ul ol,
15 | .entry-content ol ul {
16 |   margin: 0 auto;
17 | }
18 | 
19 | .entry-content ul ul li,
20 | .entry-content ol ol li,
21 | .entry-content ul ol li,
22 | .entry-content ol ul li {
23 |   margin-left: 0;
24 | }
25 | 


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | <?php b5st_footer_before();?>
 2 | 
 3 | <footer id="site-footer" class="bg-light border-top border-bottom">
 4 | 
 5 |   <div class="container-xxl">
 6 | 
 7 |     <?php if(is_active_sidebar('footer-widget-area')): ?>
 8 |     <div class="row pt-5 pb-4" id="footer" role="navigation">
 9 |       <?php dynamic_sidebar('footer-widget-area'); ?>
10 |     </div>
11 |     <?php endif; ?>
12 | 
13 |   </div>
14 | 
15 | </footer>
16 | 
17 | <?php b5st_footer_after();?>
18 | 
19 | <?php b5st_bottomline();?>
20 | 
21 | <?php wp_footer(); ?>
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   get_header(); 
 3 |   b5st_mainbody_before();
 4 | ?>
 5 | 
 6 | <main id="site-main">
 7 |   <?php b5st_mainbody_start(); ?>
 8 | 
 9 |   <header class="container py-5 text-center">
10 |     <span class="h3 fw-light"><?php  _e('Archive', 'b5st'); ?></span>
11 |     <h1 class="display-4 mt-3">
12 |       <?php echo the_archive_title(); ?>
13 |     </h1>
14 |   </header>
15 | 
16 |   <?php get_template_part('loops/index-loop'); ?>
17 | 
18 |   <?php b5st_mainbody_end(); ?>
19 | </main>
20 | 
21 | <?php 
22 |   b5st_mainbody_after();
23 |   get_footer(); 
24 | ?>


--------------------------------------------------------------------------------
/category.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   get_header(); 
 3 |   b5st_mainbody_before();
 4 | ?>
 5 | 
 6 | <main id="site-main">
 7 |   <?php b5st_mainbody_start(); ?>
 8 | 
 9 |   <header class="container py-5 text-center">
10 |     <span class="h3 mt-5 fw-light"><?php _e('Category:', 'b5st'); ?></span>
11 |     <h1 class="display-4 mt-3">
12 |       <?php echo single_cat_title(); ?>
13 |     </h1>
14 |   </header>
15 | 
16 |   <?php
17 |     get_template_part('loops/index-loop');
18 |     b5st_mainbody_end();
19 |   ?>
20 | </main>
21 | 
22 | <?php 
23 |   b5st_mainbody_after();
24 |   get_footer(); 
25 | ?>


--------------------------------------------------------------------------------
/tag.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   get_header(); 
 3 |   b5st_mainbody_before();
 4 | ?>
 5 | 
 6 | <main id="site-main">
 7 |   <?php b5st_mainbody_start(); ?>
 8 | 
 9 |   <header class="container py-5 text-center">
10 |     <span class="h3 mt-5 fw-light"><?php _e('Posts tagged:', 'b5st'); ?></span>
11 |     <h1 class="display-4 mt-3">
12 |       <?php echo single_tag_title(); ?>
13 |     </h1>
14 |   </header>
15 | 
16 |   <?php
17 |     get_template_part('loops/index-loop'); 
18 |     b5st_mainbody_end();
19 |   ?>
20 | </main>
21 | 
22 | <?php 
23 |   b5st_mainbody_after();
24 |   get_footer(); 
25 | ?>
26 | 


--------------------------------------------------------------------------------
/loops/page-content.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * The Page Content Loop
 4 |  */
 5 | ?>
 6 | 
 7 | <?php if(have_posts()): while(have_posts()): the_post(); ?>
 8 |   <article role="article" id="post_<?php the_ID()?>" <?php post_class("mb-5")?>>
 9 |     <header class="container py-5 text-center">
10 |       <h1 class="display-2 my-5">
11 |         <?php the_title()?>
12 |       </h1>
13 |     </header>
14 |     <section class="wrap-md pb-5 entry-content">
15 |       <?php the_content()?>
16 |       <?php wp_link_pages(); ?>
17 |     </section>
18 |   </article>
19 | <?php
20 |   endwhile;
21 |   else :
22 |     get_template_part('loops/404');
23 |   endif;
24 | ?>
25 | 


--------------------------------------------------------------------------------
/loops/index-loop.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * The Default Loop (used by index.php, category.php, tag.php, archive.php and author.php)
 4 |  * =================================================================
 5 |  * If you require only post excerpts to be shown in index and category pages, 
 6 |  * use the [---more---] block within blog posts.
 7 |  */
 8 | ?>
 9 | 
10 | <?php if(have_posts()) : while(have_posts()) : the_post(); ?>
11 | 
12 |   <?php get_template_part('loops/index-post', get_post_format()); ?>
13 | 
14 |   <?php endwhile; ?>
15 | 
16 |   <?php bootstrap_pagination(); ?>
17 | 
18 |   <?php
19 |   else :
20 |     get_template_part('loops/404');
21 |   endif;
22 | ?>
23 | 


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The Sidebar
 4 |  * ===========
 5 |  * 
 6 |  * Note: The main column has simply Bootstrap flexbox "col-sm" so it will expand
 7 |  * to occupy the whole row (if no sidebar) or to occupy whatever part of the row
 8 |  * is available (if there is a sidebar, or more than one sidebar, etc.).
 9 |  *
10 |  * (So, you don't need to set the main column to col-sm-8 or whatever.)
11 |  */
12 | ?>
13 | 
14 | <?php if( is_active_sidebar('mainbody-widget-area-1') ): ?>
15 | <div id="sidebar" class="sidebar col-sm-4" role="navigation">
16 |   <?php
17 |     b5st_mainbody_widgets_1_before();
18 |     dynamic_sidebar('mainbody-widget-area-1');
19 |     b5st_mainbody_widgets_1_after();
20 |   ?>
21 | </div>
22 | <?php endif; ?>
23 | 


--------------------------------------------------------------------------------
/functions/search-widget.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * Search form in widget
 4 |  */
 5 | 
 6 | if ( ! function_exists('b5st_search_form') ) {
 7 | 
 8 |   function b5st_search_form( $form ) {
 9 |     $form = '<form class="d-flex mb-3" role="search" method="get" id="searchform" action="' . home_url('/') . '" >
10 |       <div class="input-group">
11 |         <input class="form-control border-secondary" type="text" value="' . get_search_query() . '" placeholder="' . esc_attr_x('Search', 'b5st') . '..." name="s" id="s" />
12 |         <button type="submit" id="searchsubmit" value="'. esc_attr_x('Search', 'b5st') .'" class="btn btn-outline-secondary"><i class="bi bi-search"></i></button>
13 |       </div>
14 |     </form>';
15 |     return $form;
16 |   }
17 | }
18 | add_filter( 'get_search_form', 'b5st_search_form' );


--------------------------------------------------------------------------------
/theme/scss/b5st/_typography.scss:
--------------------------------------------------------------------------------
 1 | header h2 a {
 2 |   color: rgba(0,0,0,.9);
 3 |   text-decoration: none;
 4 |   &:hover {
 5 |     text-decoration: underline;
 6 |   }
 7 | }
 8 | 
 9 | // Drop cap (copied from the Gutenberg editor CSS)
10 | .has-drop-cap:not(:focus):first-letter {
11 |   float: left;
12 |   font-size: 8.4em;
13 |   line-height: .68;
14 |   font-weight: 100;
15 |   margin: .05em .1em 0 0;
16 |   text-transform: uppercase;
17 |   font-style: normal;
18 | }
19 | 
20 | // Long Read Prose - needs bigger text
21 | // (If you change this, then change the same also in the `editor.css`.)
22 | 
23 | .long-read {
24 |   font-size: clamp(1em, calc(0.625em + 1vw), 1.25em);
25 |   line-height: inherit;
26 | }
27 | 
28 | // More link
29 | 
30 | .more-link {
31 |   display: block;
32 |   margin-bottom: 1rem;
33 | }
34 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * All the functions are in the PHP files in the `functions/` folder.
 4 |  */
 5 | 
 6 | if ( ! defined('ABSPATH') ) {
 7 |   exit;
 8 | }
 9 | require get_template_directory() . '/functions/cleanup.php';
10 | require get_template_directory() . '/functions/setup.php';
11 | require get_template_directory() . '/functions/enqueues.php';
12 | require get_template_directory() . '/functions/action-hooks.php';
13 | require get_template_directory() . '/functions/navbar.php';
14 | require get_template_directory() . '/functions/dimox-breadcrumbs.php';
15 | require get_template_directory() . '/functions/widgets.php';
16 | require get_template_directory() . '/functions/search-widget.php';
17 | require get_template_directory() . '/functions/index-pagination.php';
18 | require get_template_directory() . '/functions/split-post-pagination.php';
19 | 


--------------------------------------------------------------------------------
/theme/scss/b5st/_groups.scss:
--------------------------------------------------------------------------------
 1 | .wp-block-group > .wp-block-group__inner-container > * {
 2 |   max-width: 720px;
 3 |   margin-left: auto;
 4 |   margin-right: auto;
 5 | }
 6 | 
 7 | .wp-block-group > .wp-block-group__inner-container > .alignwide {
 8 |   width: 100vw;
 9 |   max-width: 1100px;
10 |   margin: 1.5em 0 1.5em 50%;
11 |   transform: translateX(-50%);
12 | }
13 | 
14 | .wp-block-group > .wp-block-group__inner-container > .alignfull {
15 |   width: 100vw;
16 |   max-width: 100vw;
17 |   margin: 1.5em 0 1.5em 50%;
18 |   transform: translateX(-50%);
19 | }
20 | 
21 | .wp-block-group.has-background > .wp-block-group__inner-container > :first-child {
22 |   margin-top: 0;
23 | }
24 | 
25 | .wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
26 |   width: calc( 100% + 60px );
27 |   max-width: calc( 100% + 60px );
28 |   position: relative;
29 |   left: -30px;
30 | }


--------------------------------------------------------------------------------
/theme/scss/b5st/_quotes.scss:
--------------------------------------------------------------------------------
 1 | .wp-block-quote {
 2 |   margin-left: 16px;
 3 |   margin-right: 16px;
 4 |   padding: 0;
 5 | }
 6 | 
 7 | .wp-block-quote > * {
 8 |   margin-left: 1rem;
 9 | }
10 | 
11 | .wp-block-quote.is-large, 
12 | .wp-block-quote.is-style-large {
13 |   margin: 36px auto;
14 |   padding: 0;
15 | }
16 | 
17 | .wp-block-quote.is-large cite, 
18 | .wp-block-quote.is-large footer, 
19 | .wp-block-quote.is-style-large cite, 
20 | .wp-block-quote.is-style-large footer {
21 |   font-size: 13px;
22 |   font-size: 0.8125rem;
23 | }
24 | 
25 | @media screen and (min-width: 768px) {
26 |   .wp-block-quote {
27 |     margin: 48px auto;
28 |   }
29 | }
30 | 
31 | // Pull quotes
32 | 
33 | .wp-block-pullquote>p:first-child {
34 |   margin-top: 0;
35 | }
36 | 
37 | .wp-block-pullquote.alignright {
38 |   margin-left: 2rem;
39 | }
40 | 
41 | .wp-block-pullquote.alignleft {
42 |   margin-right: 2rem;
43 | }
44 | 


--------------------------------------------------------------------------------
/loops/search-results.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * The Search Results (Main Header and) Loop
 4 |  */
 5 | ?>
 6 | 
 7 | <header class="wrap-lg py-5 text-center">
 8 |   <h1 class="display-2 my-5">
 9 |     <?php _e('Search Results for', 'b5st'); ?> &ldquo;<?php the_search_query(); ?>&rdquo;
10 |   </h1>
11 | </header>
12 | 
13 | <?php if(have_posts()): while(have_posts()): the_post(); ?>
14 |   <article role="article" id="post_<?php the_ID()?>" <?php post_class("wrap-md pb-5")?>>
15 |     <header class="entry-header">
16 |       <h2><a href="<?php the_permalink(); ?>"><?php the_title()?></a></h2>
17 |     </header>
18 |     <section class="entry-content">
19 |       <?php the_excerpt(); ?>
20 |     </section>
21 |   </article>
22 | <?php endwhile; else: ?>
23 |   <div class="wrap-md pb-5 entry-content">
24 |     <article class="alert alert-warning px-3">
25 |       <i class="bi bi-exclamation-triangle"></i> <?php _e('Sorry, your search yielded no results.', 'b5st'); ?>
26 |     </article>
27 |   </div>
28 | <?php endif; ?>
29 | 


--------------------------------------------------------------------------------
/author.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | $userInfo = get_userdata( get_query_var('author'));
 3 | $isAuthor = true;
 4 | if (
 5 |   !in_array('contributor', $userInfo -> roles) &&
 6 |   !in_array('administrator', $userInfo -> roles) &&
 7 |   !in_array('author', $userInfo -> roles) &&
 8 |   !in_array('editor', $userInfo -> roles)
 9 | ) {
10 |   $isAuthor = false;
11 |   wp_redirect(esc_url( home_url() ) . '/404', 404);
12 | }
13 | ?>
14 | <?php
15 |   get_header(); 
16 |   b5st_mainbody_before();
17 | ?>
18 | 
19 | <main id="site-main">
20 |   <?php b5st_mainbody_start(); ?>
21 | 
22 |   <header class="container py-5 text-center">
23 |     <?php if ($isAuthor === true): ?>
24 |       <span class="h3 mt-5 fw-light"><?php _e('Posts by:', 'b5st'); ?></span>
25 |       <h1 class="display-4 mt-3">
26 |       <?php echo get_the_author_meta( 'display_name' ); ?>
27 |       </h1>
28 |     <?php endif; ?>
29 |   </header>
30 | 
31 |   <?php
32 |     if(have_posts()):
33 |       get_template_part('loops/index-loop');
34 |     else:
35 |       get_template_part('loops/index-none');
36 |     endif;
37 |   ?>
38 | 
39 |   <?php b5st_mainbody_end(); ?>
40 | </main>
41 | 
42 | <?php 
43 |   b5st_mainbody_after();
44 |   get_footer(); 
45 | ?>


--------------------------------------------------------------------------------
/LOG.md:
--------------------------------------------------------------------------------
 1 | # Log
 2 | 
 3 | ## Version 1.3.2 -- Feb 2023
 4 | 
 5 | * Update Bootstrap to v5.2.3 and Bootstrap Icons to v1.10.2
 6 | * Merged pull requests
 7 | 
 8 | ## Version 1.3 -- 20 Nov 2021
 9 | 
10 | * Fix to `narbar.php`
11 | * Update Bootstrap to v5.1.3 and Bootstrap Icons to v1.7.1
12 | 
13 | ## Version 1.1 -- 7 May 2021
14 | 
15 | * Now that Bootstrap 5.0.0 is launched, these `bootstrap.css` and `bootatrap.bundle.js` have been enqueued from the CDN instead of the previous beta versions.
16 | 
17 | ## Initial commit -- 26 April 2021
18 | 
19 | * Started from a clone of b4st and renamed all as b5st.
20 | * Switched to Bootstrap 5 (`bootstrap.css` and `bootatrap.bundle.js`), and Bootstrap Icons.
21 | * Set up `node-sass`. That’s all we will need to get this project started (you may want to add more node packages and a bundler later).
22 | * In the navbar walker, changed `data-toggle` to `data-bs-toggle` so that the dropdowns work OK.
23 | * `editor.css` is based on BS4 Reboot. Update that to BS5 Reboot.
24 | * Abstracted the mainbody-widget-area-1 to insertion via an action hook.
25 | * Abstracted the Dimox breadcrumbs to insertion via an action hook.
26 | * Added some more hooks:
27 |     * b5st_mainbody_start
28 |     * b5st_mainbody_end
29 | * Several other improvements.
30 | 


--------------------------------------------------------------------------------
/theme/scss/b5st/_images-and-galleries.scss:
--------------------------------------------------------------------------------
 1 | img,
 2 | .size-auto,
 3 | .size-full,
 4 | .size-large,
 5 | .size-medium,
 6 | .size-thumbnail {
 7 |   max-width: 100%;
 8 |   height: auto;
 9 | }
10 | 
11 | .attachment-post-thumbnail {
12 |   margin-bottom: 1.5em;
13 | }
14 | 
15 | .wp-block-image img {
16 |   display: block;
17 | }
18 | 
19 | .wp-block-image.alignleft,
20 | .wp-block-image.alignright {
21 |   width: 100%
22 | }
23 | 
24 | .wp-block-image.alignfull img {
25 |   width: 100vw;
26 | }
27 | 
28 | .wp-block-image .alignleft img,
29 | .wp-block-image .alignright img,
30 | .wp-block-image .alignleft figcaption,
31 | .wp-block-image .alignright figcaption {
32 |   max-width: 100%;
33 |   width: 100%;
34 | }
35 | 
36 | // .wp-block-gallery:not(.components-placeholder) {
37 | //  margin: 1.5em auto;
38 | //}
39 | 
40 | .wp-block-image .alignfull,
41 | .wp-block-gallery.alignfull {
42 |   width: 100vw;
43 | }
44 | 
45 | .wp-block-image .alignright,
46 | .wp-block-image .alignleft,
47 | .wp-block-gallery.alignright,
48 | .wp-block-gallery.alignleft {
49 |   max-width: calc((720px / 2) - 16px);
50 | }
51 | 
52 | .wp-block-image .alignright,
53 | .wp-block-gallery.alignright {
54 |   margin-left: 2rem;
55 | }
56 | 
57 | .wp-block-image .alignleft,
58 | .wp-block-gallery.alignleft {
59 |   margin-right: 2rem;
60 | }


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | This is free and unencumbered software released into the public domain.
 2 | 
 3 | Anyone is free to copy, modify, publish, use, compile, sell, or
 4 | distribute this software, either in source code form or as a compiled
 5 | binary, for any purpose, commercial or non-commercial, and by any
 6 | means.
 7 | 
 8 | In jurisdictions that recognize copyright laws, the author or authors
 9 | of this software dedicate any and all copyright interest in the
10 | software to the public domain. We make this dedication for the benefit
11 | of the public at large and to the detriment of our heirs and
12 | successors. We intend this dedication to be an overt act of
13 | relinquishment in perpetuity of all present and future rights to this
14 | software under copyright law.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
19 | IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22 | OTHER DEALINGS IN THE SOFTWARE.
23 | 
24 | For more information, please refer to <https://unlicense.org>
25 | 


--------------------------------------------------------------------------------
/UNLICENCE.md:
--------------------------------------------------------------------------------
 1 | This is free and unencumbered software released into the public domain.
 2 | 
 3 | Anyone is free to copy, modify, publish, use, compile, sell, or
 4 | distribute this software, either in source code form or as a compiled
 5 | binary, for any purpose, commercial or non-commercial, and by any
 6 | means.
 7 | 
 8 | In jurisdictions that recognize copyright laws, the author or authors
 9 | of this software dedicate any and all copyright interest in the
10 | software to the public domain. We make this dedication for the benefit
11 | of the public at large and to the detriment of our heirs and
12 | successors. We intend this dedication to be an overt act of
13 | relinquishment in perpetuity of all present and future rights to this
14 | software under copyright law.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
19 | IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
20 | OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
21 | ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22 | OTHER DEALINGS IN THE SOFTWARE.
23 | 
24 | For more information, please refer to <http://unlicense.org/>
25 | 


--------------------------------------------------------------------------------
/functions/enqueues.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * Enqueues
 4 |  */
 5 | 
 6 | if ( ! function_exists('b5st_enqueues') ) {
 7 | 	function b5st_enqueues() {
 8 | 
 9 | 		// Styles
10 | 
11 | 		wp_register_style('bootstrap5', 'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css', false, '5.2.3', null);
12 | 		wp_enqueue_style('bootstrap5');
13 | 
14 | 		wp_register_style('bootstrapIcons', 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css', false, '1.10.2', null);
15 | 		wp_enqueue_style('bootstrapIcons');
16 | 
17 | 		wp_enqueue_style( 'gutenberg-blocks', get_template_directory_uri() . '/theme/css/blocks.css' );
18 | 
19 | 		wp_register_style('theme', get_template_directory_uri() . '/theme/css/b5st.css', false, null);
20 | 		wp_enqueue_style('theme');
21 | 
22 | 		// Scripts
23 | 
24 | 		wp_register_script('bootstrap5', 'https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js', false, '5.2.3', true);
25 | 		wp_enqueue_script('bootstrap5');
26 | 
27 | 		// wp_register_script('theme', get_template_directory_uri() . '/theme/js/b5st.js', false, null, true);
28 | 		// wp_enqueue_script('theme');
29 | 
30 | 		if (is_singular() && comments_open() && get_option('thread_comments')) {
31 | 			wp_enqueue_script('comment-reply');
32 | 		}
33 | 	}
34 | }
35 | add_action('wp_enqueue_scripts', 'b5st_enqueues', 100);
36 | 


--------------------------------------------------------------------------------
/theme/scss/b5st/_base.scss:
--------------------------------------------------------------------------------
 1 | // .author-bio,
 2 | // .comments-wrap {
 3 | //   margin: 48px auto;
 4 | //   max-width: 720px;
 5 | //   padding-left: 16px;
 6 | //   padding-right: 16px;
 7 | // }
 8 | 
 9 | .site-header-image {
10 |   display: block;
11 |   margin: auto;
12 | }
13 | 
14 | // .wp-caption {}
15 | // .wp-caption-text {}
16 | // .sticky {}
17 | // .screen-reader-text {}
18 | // .gallery-caption {}
19 | 
20 | // .bypostauthor {}
21 | 
22 | .alignleft {
23 |   float: left;
24 | }
25 | 
26 | .alignright {
27 |   float: right;
28 | }
29 | 
30 | .aligncenter {
31 |   clear: both;
32 |   display: block;
33 | }
34 | 
35 | // Author bio
36 | 
37 | // .author-bio .avatar {
38 | //   border: 1px solid #dee2e6;
39 | //   border-radius: 50%;
40 | // }
41 | 
42 | // Main content
43 | // Can go here
44 | 
45 | // Sidebar
46 | // Can go here
47 | 
48 | // Cover
49 | 
50 | .wp-block-cover-text p {
51 |   padding: 1.5em 16px;
52 | }
53 | 
54 | @media screen and (min-width: 768px) {
55 |   .wp-block-cover-text p {
56 |     padding: 1.5em 0;
57 |   }
58 | }
59 | 
60 | // Latest Posts
61 | 
62 | ul.wp-block-latest-posts.alignwide,
63 | ul.wp-block-latest-posts.alignfull,
64 | ul.wp-block-latest-posts.is-grid.alignwide,
65 | ul.wp-block-latest-posts.is-grid.alignwide {
66 |   padding: 0 16px;
67 | }
68 | 
69 | // Latest Comments
70 | ol.wp-block-latest-comments {
71 |   padding-left: 0;
72 | }
73 | 


--------------------------------------------------------------------------------
/theme/scss/b5st/_layout.scss:
--------------------------------------------------------------------------------
 1 | // Layout wrappers (centered width constraints)
 2 | 
 3 | // .wrap-sm {} // unused
 4 | 
 5 | .wrap-md {
 6 |   width: 100%;
 7 |   max-width: 720px;
 8 |   margin-right: auto;
 9 |   margin-left: auto;
10 |   padding-right: .75rem;
11 |   padding-left: .75rem;
12 | }
13 | 
14 | .wrap-lg {
15 |   width: 100%;
16 |   max-width: 960px;
17 |   margin-right: auto;
18 |   margin-left: auto;
19 |   padding-right: .75rem;
20 |   padding-left: .75rem;
21 | }
22 | 
23 | // .wrap-xl {} // unused
24 | // .wrap-xxl {} // unrequired because ≡ .container-xxl{}
25 | 
26 | .entry-content > .alignwide,
27 | .wp-block-image.alignwide,
28 | .wp-block-gallery.alignwide {
29 |   width: 100vw;
30 |   max-width: 1100px;
31 |   margin: 1.5em 0 1.5em 50%;
32 |   transform: translateX(-50%);
33 | }
34 | 
35 | .entry-content > .alignwide > img {
36 |   width: 1320px;
37 | }
38 | 
39 | .entry-content > .alignfull,
40 | .wp-block-image.alignfull,
41 | .wp-block-gallery.alignfull {
42 |   width: 100vw;
43 |   max-width: 100vw;
44 |   margin: 1.5em 0 1.5em 50%;
45 |   transform: translateX(-50%);
46 | }
47 | 
48 | .entry-content > .alignfull > img {
49 |   width: 100vw;
50 | }
51 | 
52 | // Columns
53 | 
54 | .wp-block-columns {
55 |   padding-right: 1rem;
56 |   padding-left: 1rem;
57 | }
58 | 
59 | // Block separator
60 | 
61 | .wp-block-separator {
62 |   margin: 3em auto;
63 |   padding: 0;
64 | }


--------------------------------------------------------------------------------
/loops/index-post.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * The Index Post (or excerpt)
 4 |  * ===========================
 5 |  * Used by index.php, category.php and author.php
 6 |  */
 7 | ?>
 8 | 
 9 | 
10 | <article role="article" id="post_<?php the_ID()?>" <?php post_class("wrap-md entry-content pt-5"); ?> >
11 |   <header>
12 |     <?php the_post_thumbnail(); ?>
13 |     <div class="index-post-category mb-3 text-muted">
14 |       <i class="bi bi-bookmark"></i> 
15 |       <span class="text-uppercase"><?php the_category(', '); ?></span>
16 |     </div>
17 |     <h2 class="h1 mb-3 fw-bolder">
18 |       <a href="<?php the_permalink(); ?>">
19 |         <?php the_title()?>
20 |       </a>
21 |     </h2>
22 |   </header>
23 | 
24 |   <section>
25 |     <?php if ( has_excerpt( $post->ID ) ) {
26 |     the_excerpt();
27 |     ?><a href="<?php the_permalink(); ?>">
28 |     	<?php _e( 'Continue reading →', 'b5st' ) ?>
29 |       </a>
30 |   	<?php } else {
31 |   	  the_content( __('Continue reading →', 'b5st' ) );
32 | 	  } ?>
33 | 
34 |     <div class="text-muted mb-3">
35 |       <i class="bi bi-calendar3"></i> <?php b5st_post_date(); ?>
36 |       <i class="bi bi-person-circle"></i> <?php _e('By ', 'b5st'); the_author_posts_link(); ?>
37 |       <i class="bi bi-chat-text"></i> <a href="<?php comments_link(); ?>"><?php printf( _nx( 'One Comment', '%1$s Comments', get_comments_number(), '', 'b5st' ), number_format_i18n( get_comments_number() ) ); ?></a>
38 |     </div>
39 |   </section>
40 | 
41 |   <hr class="mt-5">
42 | </article>
43 | 


--------------------------------------------------------------------------------
/functions/index-pagination.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * Blog index pagination ofor Bootatrap
 4 |  * From Mtx Z’s gist: https://gist.github.com/mtx-z/f95af6cc6fb562eb1a1540ca715ed928
 5 |  */
 6 | function bootstrap_pagination( \WP_Query $wp_query = null, $echo = true, $params = [] ) {
 7 |   if ( null === $wp_query ) {
 8 |     global $wp_query;
 9 |   }
10 | 
11 |   $add_args = [];
12 | 
13 |   $pages = paginate_links( array_merge( [
14 |       'base'         => str_replace( 999999999, '%#%', esc_url( get_pagenum_link( 999999999 ) ) ),
15 |       'format'       => '?paged=%#%',
16 |       'current'      => max( 1, get_query_var( 'paged' ) ),
17 |       'total'        => $wp_query->max_num_pages,
18 |       'type'         => 'array',
19 |       'show_all'     => false,
20 |       'end_size'     => 3,
21 |       'mid_size'     => 1,
22 |       'prev_next'    => true,
23 |       'prev_text'    => __( '« Prev' ),
24 |       'next_text'    => __( 'Next »' ),
25 |       'add_args'     => $add_args,
26 |       'add_fragment' => ''
27 |     ], $params )
28 |   );
29 | 
30 |   if ( is_array( $pages ) ) {
31 |     $pagination = '<div class="wrap-md my-5"><ul class="pagination">';
32 | 
33 |     foreach ( $pages as $page ) {
34 |       $pagination .= '<li class="page-item' . (strpos($page, 'current') !== false ? ' active' : '') . '"> ' . str_replace('page-numbers', 'page-link', $page) . '</li>';
35 |     }
36 | 
37 |     $pagination .= '</ul></div>';
38 | 
39 |     if ( $echo ) {
40 |       echo $pagination;
41 |     } else {
42 |       return $pagination;
43 |     }
44 |   }
45 | 
46 |   return null;
47 | }
48 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html class="no-js" <?php language_attributes(); ?>>
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |   <?php wp_head(); ?>
 8 | </head>
 9 | 
10 | <body <?php body_class(); ?>>
11 | 
12 | <a class="visually-hidden-focusable d-inline-block p-1" href="#site-main">Skip to main content</a>
13 | 
14 | <?php b5st_navbar_before();?>
15 | 
16 | <nav id="site-navbar" class="border-bottom navbar navbar-expand-md navbar-light bg-light">
17 |   <div class="container-xxl">
18 | 
19 |     <?php b5st_navbar_brand();?>
20 | 
21 |     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
22 |       <span class="navbar-toggler-icon"></span>
23 |     </button>
24 | 
25 |     <div class="collapse navbar-collapse" id="navbarSupportedContent">
26 |       <?php
27 |         wp_nav_menu( array(
28 |           'theme_location'  => 'navbar',
29 |           'container'       => false,
30 |           'menu_class'      => '',
31 |           'fallback_cb'     => '__return_false',
32 |           'items_wrap'      => '<ul id="%1$s" class="navbar-nav ms-auto %2$s">%3$s</ul>',
33 |           'depth'           => 2,
34 |           'walker'          => new b5st_walker_nav_menu()
35 |         ) );
36 |       ?>
37 | 
38 |       <?php b5st_navbar_search();?>    
39 |     </div>
40 | 
41 |   </div>
42 | </nav>
43 |   
44 | </div>
45 | 
46 | <?php b5st_navbar_after();?>
47 | 


--------------------------------------------------------------------------------
/functions/widgets.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Widgets
 4 |  */
 5 | 
 6 | function b5st_widgets_init() {
 7 | 
 8 |   /**
 9 |    * Versatile widget areas using Bootstrap grid columns 
10 |    * ===================================================
11 |    * 
12 |    * Flexbox `col-sm` gives the correct the column width:
13 |    * 
14 |    * — If only 1 widget, then this will have full width ...
15 |    * — If 2 widgets, then these will each have half width ...
16 |    * — If 3 widgets, then these will each have third width ...
17 |    * — If 4 widgets, then these will each have quarter width ...
18 |    * 
19 |    * ... above the Bootstrap `sm` breakpoint.
20 |    */
21 | 
22 |   /**
23 |    * Main
24 |    */
25 | 
26 |    register_sidebar( array(
27 |     'name'            => __( 'Mainbody Widget Area 1', 'b5st' ),
28 |     'id'              => 'mainbody-widget-area-1',
29 |     'description'     => __( 'Use 1, 2, 3 or 4 widgets.', 'b5st' ),
30 |     'before_widget'   => '<div class="%1$s %2$s col-md">',
31 |     'after_widget'    => '</div>',
32 |     'before_title'    => '<h2 class="h4">',
33 |     'after_title'     => '</h2>',
34 |   ) );
35 | 
36 |   /**
37 |    * Footer
38 |    */
39 | 
40 |   register_sidebar( array(
41 |     'name'            => __( 'Footer Widget Area', 'b5st' ),
42 |     'id'              => 'footer-widget-area',
43 |     'description'     => __( 'Use 1, 2, 3 or 4 widgets.', 'b5st' ),
44 |     'before_widget'   => '<div class="%1$s %2$s col-md">',
45 |     'after_widget'    => '</div>',
46 |     'before_title'    => '<h2 class="h4">',
47 |     'after_title'     => '</h2>',
48 |   ) );
49 | 
50 | }
51 | add_action( 'widgets_init', 'b5st_widgets_init' );


--------------------------------------------------------------------------------
/functions/split-post-pagination.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * Split Post Pagination
 4 |  */
 5 | 
 6 | add_filter('wp_link_pages', 'b5st_split_post_pagination');
 7 | 
 8 | function b5st_split_post_pagination($args){
 9 | 	global $post;
10 | 	$postbase = trailingslashit( get_site_url(null, $post->post_name) );
11 | 	$args = trim(str_replace(array('<p class="post-nav-links">Pages: ', '</p>'), '', $args));
12 | 	
13 | 	if ( empty($args) ) {
14 | 		return '';
15 |   	}
16 | 
17 | 	$defaults = array(
18 | 		'before' => '<nav aria-label="Page navigation"><ul class="pagination mt-5">',
19 | 		'after' => '</ul></nav>',
20 | 		'text_before' => '',
21 | 		'text_after' => '',
22 | 		'link_class' => 'page-link',
23 | 		'next_or_number' => 'number',
24 | 		'pagelink' => '%',
25 | 		'echo' => 1
26 | 	);
27 | 	$r = wp_parse_args( $args, $defaults );
28 | 	$r = apply_filters( 'wp_link_pages_args', $r );
29 | 	extract( $r, EXTR_SKIP );
30 | 	global $page, $numpages, $multipage, $more, $pagenow;
31 | 	$output = '';
32 | 	if ( $multipage ) {
33 | 		if ( 'number' == $next_or_number ) {
34 | 			$output .= $before;
35 | 
36 | 			// Page status
37 | 			$output .= '<li class="page-item disabled"><a class="page-link">Page ' . $page . ' of ' . $numpages . '</a></li>';
38 | 
39 | 			// Page numbering
40 | 			for ( $i = 1; $i < ( $numpages + 1 ); $i = $i + 1 ) {
41 | 				$j = str_replace( '%', $i, $pagelink );
42 | 				$output .= ' ';
43 | 				if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) )
44 | 					$output .= '<li class="page-item"><a class="page-link" href="' . get_post_page_url( $i ) . '">';
45 | 				else
46 | 					$output .= '<li class="page-item active"><a class="page-link" href="#">';
47 | 				$output .= $text_before . $j . $text_after;
48 | 				if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) )
49 | 					$output .= '</li></a>';
50 | 				else
51 | 					$output .= '</li></a>';
52 | 			}
53 | 			
54 | 			// Finalize
55 | 			$output .= $after;
56 | 		}
57 | 	}
58 | 	return $output;
59 | }
60 | 
61 | // Extract link from string
62 | function get_post_page_url( $i ) {
63 | 	if ( preg_match( '/href="([^"]+)"/', _wp_link_page( $i ), $match ) )
64 | 		return $match[1];
65 | }
66 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | # Logs
  2 | logs
  3 | *.log
  4 | npm-debug.log*
  5 | yarn-debug.log*
  6 | yarn-error.log*
  7 | lerna-debug.log*
  8 | 
  9 | # Diagnostic reports (https://nodejs.org/api/report.html)
 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 11 | 
 12 | # Runtime data
 13 | pids
 14 | *.pid
 15 | *.seed
 16 | *.pid.lock
 17 | 
 18 | # Directory for instrumented libs generated by jscoverage/JSCover
 19 | lib-cov
 20 | 
 21 | # Coverage directory used by tools like istanbul
 22 | coverage
 23 | *.lcov
 24 | 
 25 | # nyc test coverage
 26 | .nyc_output
 27 | 
 28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 29 | .grunt
 30 | 
 31 | # Bower dependency directory (https://bower.io/)
 32 | bower_components
 33 | 
 34 | # node-waf configuration
 35 | .lock-wscript
 36 | 
 37 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 38 | build/Release
 39 | 
 40 | # Dependency directories
 41 | node_modules/
 42 | jspm_packages/
 43 | 
 44 | # TypeScript v1 declaration files
 45 | typings/
 46 | 
 47 | # TypeScript cache
 48 | *.tsbuildinfo
 49 | 
 50 | # Optional npm cache directory
 51 | .npm
 52 | 
 53 | # Optional eslint cache
 54 | .eslintcache
 55 | 
 56 | # Microbundle cache
 57 | .rpt2_cache/
 58 | .rts2_cache_cjs/
 59 | .rts2_cache_es/
 60 | .rts2_cache_umd/
 61 | 
 62 | # Optional REPL history
 63 | .node_repl_history
 64 | 
 65 | # Output of 'npm pack'
 66 | *.tgz
 67 | 
 68 | # Yarn Integrity file
 69 | .yarn-integrity
 70 | 
 71 | # dotenv environment variables file
 72 | .env
 73 | .env.test
 74 | 
 75 | # parcel-bundler cache (https://parceljs.org/)
 76 | .cache
 77 | 
 78 | # Next.js build output
 79 | .next
 80 | 
 81 | # Nuxt.js build / generate output
 82 | .nuxt
 83 | dist
 84 | 
 85 | # Gatsby files
 86 | .cache/
 87 | # Comment in the public line in if your project uses Gatsby and *not* Next.js
 88 | # https://nextjs.org/blog/next-9-1#public-directory-support
 89 | # public
 90 | 
 91 | # vuepress build output
 92 | .vuepress/dist
 93 | 
 94 | # Serverless directories
 95 | .serverless/
 96 | 
 97 | # FuseBox cache
 98 | .fusebox/
 99 | 
100 | # DynamoDB Local files
101 | .dynamodb/
102 | 
103 | # TernJS port file
104 | .tern-port
105 | 


--------------------------------------------------------------------------------
/functions/author-bio.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * Author Bio
 4 |  */
 5 | 
 6 | function wpb_author_info_box( $content ) {
 7 | 
 8 | global $post;
 9 | 
10 | // Detect if it is a single post with a post author
11 | if ( is_single() && isset( $post->post_author ) ) {
12 | 
13 | // Get author's display name
14 | $display_name = get_the_author_meta( 'display_name', $post->post_author );
15 | 
16 | // If display name is not available then use nickname as display name
17 | if ( empty( $display_name ) )
18 | $display_name = get_the_author_meta( 'nickname', $post->post_author );
19 | 
20 | // Get author's biographical information or description
21 | $user_description = get_the_author_meta( 'user_description', $post->post_author );
22 | 
23 | // Get author's website URL
24 | $user_website = get_the_author_meta('url', $post->post_author);
25 | 
26 | // Get link to the author archive page
27 | $user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
28 | 
29 | if ( ! empty( $display_name ) )
30 | 
31 | $author_details = '<p class="author_name">About ' . $display_name . '</p>';
32 | 
33 | if ( ! empty( $user_description ) )
34 | // Author avatar and bio
35 | 
36 | $author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';
37 | 
38 | $author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>';
39 | 
40 | // Check if author has a website in their profile
41 | if ( ! empty( $user_website ) ) {
42 | 
43 | // Display author website link
44 | $author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';
45 | 
46 | } else {
47 | // if there is no author website then just close the paragraph
48 | $author_details .= '</p>';
49 | }
50 | 
51 | // Pass all this info to post content
52 | $content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
53 | }
54 | return $content;
55 | }
56 | 
57 | // Add our function to the post content filter
58 | add_action( 'the_content', 'wpb_author_info_box' );
59 | 
60 | // Allow HTML in author bio section
61 | remove_filter('pre_user_description', 'wp_filter_kses');


--------------------------------------------------------------------------------
/functions/cleanup.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * Cleanup
 4 |  */
 5 | 
 6 | // Less stuff in <head>
 7 | 
 8 | if ( ! function_exists('b5st_cleanup_head') ) {
 9 |   function b5st_cleanup_head() {
10 |     remove_action('wp_head', 'wp_generator');
11 |     remove_action('wp_head', 'rsd_link');
12 |     remove_action('wp_head', 'wlwmanifest_link');
13 |     remove_action('wp_head', 'index_rel_link');
14 |     remove_action('wp_head', 'feed_links', 2);
15 |     remove_action('wp_head', 'feed_links_extra', 3);
16 |     remove_action('wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0);
17 |     remove_action('wp_head', 'wp_shortlink_wp_head', 10, 0);
18 |     remove_action('wp_head', 'print_emoji_detection_script', 7);
19 |     remove_action('wp_print_styles', 'print_emoji_styles');
20 |   }
21 | }
22 | add_action('init', 'b5st_cleanup_head');
23 | 
24 | // Show less info to users on failed login for security.
25 | // (Will not let a valid username be known.)
26 | 
27 | if ( ! function_exists('show_less_login_info') ) {
28 |   function show_less_login_info() {
29 |     return "<strong>ERROR</strong>: Stop guessing!";
30 |   }
31 | }
32 | add_filter( 'login_errors', 'show_less_login_info' );
33 | 
34 | // Do not generate and display WordPress version
35 | 
36 | if ( ! function_exists('b5st_remove_generator') ) {
37 |   function b5st_remove_generator()  {
38 |     return '';
39 |   }
40 | }
41 | add_filter( 'the_generator', 'no_generator' );
42 | 
43 | // Remove Query Strings From Static Resources
44 | 
45 | /*if ( ! function_exists('b5st_remove_script_version') ) {
46 |   function b5st_remove_script_version( $src ) {
47 |     if ( current_user_can('manage_options') ) {
48 |       return $src;
49 |     }
50 |     if( strpos( $src, '?ver=' ) ) {
51 |       $src = remove_query_arg( 'ver', $src );
52 |       return $src;
53 |     }
54 |   }
55 | }
56 | add_filter( 'script_loader_src', 'b5st_remove_script_version', 15, 1 );
57 | add_filter( 'style_loader_src', 'b5st_remove_script_version', 15, 1 );*/
58 | 
59 | // Comment Reply Button
60 | 
61 | add_filter('comment_reply_link', 'replace_reply_link_class');
62 | 
63 | function replace_reply_link_class($class){
64 |   $class = str_replace("class='comment-reply-link", "class='comment-reply-link btn btn-primary", $class);
65 |   return $class;
66 | }
67 | 


--------------------------------------------------------------------------------
/functions/navbar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 |  * Bootstrap Navbar Walker_Nav_menu
 4 |  */
 5 | 
 6 | class b5st_walker_nav_menu extends Walker_Nav_menu {
 7 | 
 8 | 	function start_lvl( &$output, $depth = 0, $args = array() ){ // ul
 9 | 		$indent = str_repeat("\t",$depth); // indents the outputted HTML
10 | 		$submenu = ($depth > 0) ? ' sub-menu' : '';
11 | 		$output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\">\n";
12 | 	}
13 | 
14 |   function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ){ // li a span
15 | 
16 |     $indent = ( $depth ) ? str_repeat("\t",$depth) : '';
17 | 
18 |     $li_attributes = '';
19 | 		$class_names = $value = '';
20 | 
21 |     $classes = empty( $item->classes ) ? array() : (array) $item->classes;
22 | 
23 | 		$classes[] = ($args->walker->has_children) ? 'dropdown' : '';
24 | 		$classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
25 | 		$classes[] = 'nav-item';
26 | 		$classes[] = 'nav-item-' . $item->ID;
27 | 		if( $depth && $args->walker->has_children ){
28 | 			$classes[] = 'dropdown-menu dropdown-menu-right';
29 | 		}
30 | 
31 | 		$class_names =  join(' ', apply_filters('nav_menu_css_class', array_filter( $classes ), $item, $args ) );
32 | 		$class_names = ' class="' . esc_attr($class_names) . '"';
33 | 
34 | 		$id = apply_filters('nav_menu_item_id', 'menu-item-'.$item->ID, $item, $args);
35 | 		$id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';
36 | 
37 | 		$output .= $indent . '<li ' . $id . $value . $class_names . $li_attributes . '>';
38 | 
39 | 		$attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr($item->attr_title) . '"' : '';
40 | 		$attributes .= ! empty( $item->target ) ? ' target="' . esc_attr($item->target) . '"' : '';
41 | 		$attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr($item->xfn) . '"' : '';
42 | 		$attributes .= ! empty( $item->url ) ? ' href="' . esc_attr($item->url) . '"' : '';
43 | 
44 | 		$attributes .= ( $args->walker->has_children ) ? ' class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"' : ' class="nav-link"';
45 | 	  
46 | 		$item_output = $args->before;
47 | 		$item_output .= ( $depth > 0 ) ? '<a class="dropdown-item"' . $attributes . '>' : '<a' . $attributes .'>';
48 | 		$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
49 | 		$item_output .= '</a>';
50 | 		$item_output .= $args->after;
51 | 
52 | 		$output .= apply_filters ( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
53 | 
54 | 	}
55 | 
56 | }
57 | 
58 | /*
59 |  * Register Navbar
60 |  */
61 | 
62 | register_nav_menu('navbar', __('Navbar', 'b5st'));
63 | 


--------------------------------------------------------------------------------
/functions/setup.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /*
  3 |  * Setup
  4 |  */
  5 | 
  6 | if ( ! function_exists('b5st_setup') ) {
  7 | 	function b5st_setup() {
  8 | 
  9 | 		add_theme_support( 'editor-styles' );
 10 | 		add_editor_style('theme/css/editor.css');
 11 | 
 12 | 		// Gutenberg Blocks
 13 | 		add_theme_support( 'wp-block-styles' );
 14 | 		add_theme_support( 'align-wide' );
 15 | 		
 16 | 		add_theme_support('title-tag');
 17 | 		add_theme_support('post-thumbnails');
 18 | 
 19 | 		add_theme_support(
 20 | 			'editor-font-sizes',
 21 | 			array(
 22 | 				array(
 23 | 					'name'      => __( 'Small', 'b5st' ),
 24 | 					'shortName' => __( 'S', 'b5st' ),
 25 | 					'size'      => 14,
 26 | 					'slug'      => 'small',
 27 | 				),
 28 | 				array(
 29 | 					'name'      => __( 'Normal', 'b5st' ),
 30 | 					'shortName' => __( 'M', 'b5st' ),
 31 | 					'size'      => 16,
 32 | 					'slug'      => 'normal',
 33 | 				),
 34 | 				array(
 35 | 					'name'      => __( 'Large', 'b5st' ),
 36 | 					'shortName' => __( 'L', 'b5st' ),
 37 | 					'size'      => 22,
 38 | 					'slug'      => 'large',
 39 | 				),
 40 | 				array(
 41 | 					'name'      => __( 'Huge', 'b5st' ),
 42 | 					'shortName' => __( 'XL', 'b5st' ),
 43 | 					'size'      => 28,
 44 | 					'slug'      => 'huge',
 45 | 				),
 46 | 			)
 47 | 		);
 48 | 
 49 | 		update_option('thumbnail_size_w', 285); /* internal max-width of col-3 */
 50 | 		update_option('small_size_w', 350); /* internal max-width of col-4 */
 51 | 		update_option('medium_size_w', 730); /* internal max-width of col-8 */
 52 | 		update_option('large_size_w', 1110); /* internal max-width of col-12 */
 53 | 
 54 | 		if ( ! isset($content_width) ) {
 55 | 			$content_width = 1100;
 56 | 		}
 57 | 
 58 | 		add_theme_support( 'post-formats', array(
 59 | 			'aside',
 60 | 			'gallery',
 61 | 			'link',
 62 | 			'image',
 63 | 			'quote',
 64 | 			'status',
 65 | 			'video',
 66 | 			'audio',
 67 | 			'chat'
 68 | 		) );
 69 | 
 70 | 		add_theme_support('automatic-feed-links');
 71 | 	}
 72 | }
 73 | add_action('init', 'b5st_setup');
 74 | 
 75 | if ( ! function_exists( 'b5st_avatar_attributes' ) ) {
 76 | 	function b5st_avatar_attributes($avatar_attributes) {
 77 | 		$display_name = get_the_author_meta( 'display_name' );
 78 | 		$avatar_attributes = str_replace('alt=\'\'', 'alt=\'Avatar for '.$display_name.'\' title=\'Gravatar for '.$display_name.'\'',$avatar_attributes);
 79 | 		return $avatar_attributes;
 80 | 	}
 81 | }
 82 | add_filter('get_avatar','b5st_avatar_attributes');
 83 | 
 84 | if ( ! function_exists( 'b5st_author_avatar' ) ) {
 85 | 	function b5st_author_avatar() {
 86 | 
 87 | 		echo get_avatar('', $size = '40');
 88 | 	}
 89 | }
 90 | 
 91 | if ( ! function_exists( 'b5st_author_bio_avatar' ) ) {
 92 | 	function b5st_author_bio_avatar() {
 93 | 
 94 | 		echo get_avatar('', $size = '96');
 95 | 	}
 96 | }
 97 | 
 98 | if ( ! function_exists( 'b5st_author_description' ) ) {
 99 | 	function b5st_author_description() {
100 | 		echo get_the_author_meta('user_description');
101 | 	}
102 | }
103 | 
104 | if ( ! function_exists( 'b5st_post_date' ) ) {
105 | 	function b5st_post_date() {
106 | 		if ( in_array( get_post_type(), array( 'post', 'attachment' ) ) ) {
107 | 			$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time>';
108 | 
109 | 			if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
110 | 				$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time> <time class="updated" datetime="%3$s">(updated %4$s)</time>';
111 | 			}
112 | 
113 | 			$time_string = sprintf( $time_string,
114 | 				esc_attr( get_the_date( 'c' ) ),
115 | 				get_the_date(),
116 | 				esc_attr( get_the_modified_date( 'c' ) ),
117 | 				get_the_modified_date()
118 | 			);
119 | 
120 | 			echo $time_string;
121 | 		}
122 | 	}
123 | }
124 | 


--------------------------------------------------------------------------------
/functions/action-hooks.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /*
  3 |  * b5st Action Hooks
  4 |  * =================
  5 |  * Designed to be used by a child theme, but they can also be used directly 
  6 |  * in your development of b5st. Example usage:
  7 |  *    -- See “Dimox Breadcrumbs Insertion” below.
  8 |  *    -- See “Mainbody Widgets 1 Insertion” below.
  9 |  */
 10 | 
 11 | // Navbar (in `header.php`)
 12 | 
 13 | function b5st_navbar_before() {
 14 |   do_action('navbar_before');
 15 | }
 16 | 
 17 | function b5st_navbar_after() {
 18 |   do_action('navbar_after');
 19 | }
 20 | function b5st_navbar_brand() {
 21 |   if ( ! has_action('navbar_brand') ) {
 22 |     ?>
 23 |     <a class="navbar-brand" href="<?php echo esc_url( home_url('/') ); ?>"><?php bloginfo('name'); ?></a>
 24 |     <?php
 25 |   } else {
 26 | 		do_action('navbar_brand');
 27 | 	}
 28 | }
 29 | function b5st_navbar_search() {
 30 |   if ( ! has_action('navbar_search') ) {
 31 |     ?>
 32 |     <form class="ms-1 md-flex" role="search" method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
 33 |       <div class="input-group">
 34 |         <input class="form-control border-secondary" type="text" value="<?php echo get_search_query(); ?>" placeholder="Search..." name="s" id="s">
 35 |         <button type="submit" id="searchsubmit" value="<?php esc_attr_x('Search', 'b5st') ?>" class="btn btn-outline-secondary">
 36 |           <i class="bi bi-search"></i>
 37 |         </button>
 38 |       </div>
 39 |     </form>
 40 |     <?php
 41 |   } else {
 42 | 		do_action('navbar_search');
 43 | 	}
 44 | }
 45 | 
 46 | // Mainbody
 47 | 
 48 | function b5st_mainbody_before() {
 49 |   do_action('mainbody_before');
 50 | }
 51 | function b5st_mainbody_after() {
 52 |   do_action('mainbody_after');
 53 | }
 54 | 
 55 | function b5st_mainbody_start() {
 56 |   do_action('mainbody_start');
 57 | }
 58 | function b5st_mainbody_end() {
 59 |   do_action('mainbody_end');
 60 | }
 61 | 
 62 | /*
 63 |  * Dimox Breadcrumbs Insertion
 64 |  * ===========================
 65 |  * An example for how to insert something via an action hook -- 
 66 |  * but inserting it only on single posts, using `is_single()`.
 67 |  */
 68 | 
 69 | function b5st_dimox_single_post() {
 70 |   if ( is_single() ) { ?>
 71 |     <?php if (function_exists('dimox_breadcrumbs')) { ?>
 72 |       <?php dimox_breadcrumbs(); ?>
 73 |     <?php } ?>
 74 |   <?php }
 75 | };
 76 | 
 77 | add_action( 'mainbody_before', 'b5st_dimox_single_post' );
 78 | 
 79 | /*
 80 |  * Mainbody Widgets 1 Insertion
 81 |  * ============================
 82 |  * An example for how to insert something via an action hook -- 
 83 |  * this will appear on every page (if you have widgets in this area).
 84 |  */
 85 | 
 86 | function b5st_mainbody_widgets_1() {
 87 |   if(is_active_sidebar('mainbody-widget-area-1')): ?>
 88 |     <section class="container-xxl my-5">
 89 |       <div class="row">
 90 |         <?php dynamic_sidebar('mainbody-widget-area-1'); ?>
 91 |       </div>
 92 |     </section>
 93 |   <?php endif;
 94 | };
 95 | add_action( 'mainbody_end', 'b5st_mainbody_widgets_1' );
 96 | 
 97 | // Footer (in `footer.php`)
 98 | 
 99 | function b5st_footer_before() {
100 |   do_action('footer_before');
101 | }
102 | function b5st_footer_after() {
103 |   do_action('footer_after');
104 | }
105 | function b5st_bottomline() {
106 | 	if ( ! has_action('bottomline') ) {
107 | 		?>
108 |     <div class="container-xxl">
109 |       <div class="row pt-3">
110 |         <div class="col-sm">
111 |           <p class="text-center text-sm-start">&copy; <?php echo date('Y'); ?> <a href="<?php echo home_url('/'); ?>"><?php bloginfo('name'); ?></a></p>
112 |         </div>
113 |         <div class="col-sm">
114 |           <p class="text-center text-sm-end"><a href="https://github.com/SimonPadbury/b5st">b5st</a> theme for WordPress</p>
115 |         </div>
116 |       </div>
117 |     </div>
118 | 		<?php		
119 | 	} else {
120 | 		do_action('bottomline');
121 | 	}
122 | }
123 | 


--------------------------------------------------------------------------------
/loops/single-post.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /*
  3 |  * The Single Post
  4 |  */
  5 | ?>
  6 | 
  7 | <?php if(have_posts()): while(have_posts()): the_post(); ?>
  8 |   <article role="article" id="post_<?php the_ID()?>" <?php post_class("entry-content")?>>
  9 |     <header class="wrap-lg my-5 entry-header">
 10 |       <div class="index-post-category mb-5 text-center text-muted">
 11 |         <i class="bi bi-bookmark"></i> 
 12 |         <span class="text-uppercase"><?php the_category(', '); ?></span>
 13 |       </div>
 14 |       <h1 class="display-1 text-center fw-bolder"><?php the_title()?></h1>
 15 |       <div class="header-metas d-flex justify-content-center align-items-center my-5 text-muted">
 16 |         
 17 |         <div class="pe-3 d-flex align-items-center">
 18 |           <?php # <i class="bi bi-person-circle"></i> ?>
 19 |           <div class="me-1 border rounded-circle overflow-hidden">
 20 |             <?php b5st_author_avatar(); ?>
 21 |           </div>
 22 |           <?php _e('By', 'b5st'); echo '&nbsp;'; the_author_posts_link(); ?>
 23 |         </div>
 24 | 
 25 |         <div class="pe-3">
 26 |           <i class="bi bi-calendar3"></i>
 27 |           <?php b5st_post_date(); ?>
 28 |         </div>
 29 | 
 30 |         <div>
 31 |           <i class="bi bi-chat-text"></i>
 32 |           <a href="#post-comments"><?php
 33 |             $comment_count = get_comments_number();
 34 |             printf(
 35 |               /* translators: 1: comment count number. */
 36 |               esc_html( _nx( '%1$s comment', '%1$s comments', $comment_count, 'b5st' ) ),
 37 |               number_format_i18n( $comment_count )
 38 |             );
 39 |           ?></a>
 40 |         </div>
 41 |       </div>
 42 |     </header>
 43 |     <section class="container-xxl pb-6">
 44 |       <?php the_post_thumbnail(); ?>
 45 |     </section>
 46 | 
 47 |     <?php wp_link_pages(); ?>
 48 | 
 49 |     <section class="wrap-md my-5 long-read">
 50 |       <?php the_content(); ?>
 51 |     </section>
 52 | 
 53 |     <?php wp_link_pages(); ?>
 54 |   </article>
 55 | 
 56 |   <?php if (has_tag()) { ?>
 57 |     <div class="wrap-md footer-metas my-5 text-muted">
 58 |       <i class="bi bi-tag"></i>
 59 |       <?php the_tags('Tagged: ', ', '); ?>
 60 |     </div>
 61 |   <?php  }; ?>
 62 | 
 63 |   <section class="wrap-md author-bio d-flex border-top border-bottom py-5">
 64 |     <div class="border rounded-circle overflow-hidden">
 65 |       <?php b5st_author_bio_avatar(); ?>
 66 |     </div>
 67 |     <div class="ms-3">
 68 |       <p class="h4 author-name"><?php _e('Author: ', 'b5st'); the_author(); ?></p>
 69 |       <?php if (b5st_author_description()) {
 70 |         ?>
 71 |         <div class="author-description"><?php b5st_author_description(); ?></div>
 72 |         <?php
 73 |       } ?>
 74 |       <p class="author-other-posts mb-0"><?php _e('Other posts by ', 'b5st'); the_author_posts_link(); ?></p>
 75 |     </div>
 76 |   </section><!-- /.author-bio -->
 77 | 
 78 |   <?php
 79 |     // This continues in the single post loop
 80 |     if ( comments_open() || get_comments_number() ) :
 81 | 
 82 |     //comments_template();
 83 |     comments_template('/loops/single-post-comments.php');
 84 | 
 85 |     endif;
 86 |   ?>
 87 | 
 88 |   <section class="container-xxl my-5">
 89 |     <div class="row g-2">
 90 |       <?php if (get_previous_post()) { ?>
 91 |       <div class="col-sm">
 92 |         <div class="border rounded bg-light d-flex align-items-center">
 93 |           <i class="bi bi-chevron-compact-left fs-1"></i>
 94 |           <div>
 95 |             Previous post<br>
 96 |             <?php previous_post_link( '%link', '%title' ) ?>
 97 |           </div>
 98 |         </div>
 99 |       </div>
100 |       <?php } ?>
101 | 
102 |       <?php if (get_next_post()) { ?>
103 |         <div class="col-sm">
104 |           <div class="border rounded bg-light d-flex flex-row-reverse align-items-center">
105 |           <i class="bi bi-chevron-compact-right fs-1"></i>
106 |           <div class="text-end">
107 |             Next Post<br>
108 |             <?php next_post_link( '%link', '%title' ) ?>
109 |           </div>
110 |         </div>
111 |       </div>
112 |       <?php } ?>
113 | 
114 |       <?php
115 |         /*
116 |         <div class="col text-start">
117 |           <?php previous_post_link('%link', '<i class="bi bi-arrow-left"></i> Previous post: '.'%title'); ?>
118 |         </div>
119 |         <div class="col text-end">
120 |           <?php next_post_link('%link', 'Next post: '.'%title'.' <i class="bi bi-arrow-right"></i>'); ?>
121 |         </div>
122 |         */      
123 |       ?>
124 |     </div>
125 |   </section>
126 | 
127 |   <?php
128 |   endwhile; else :
129 |     get_template_part('loops/404');
130 |   endif;
131 | ?>
132 | 
133 | 
134 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # b5st – A Bootstrap 5 Starter Theme, for WordPress
 2 | 
 3 | *Version 1.3.3*
 4 | 
 5 | [https://github.com/SimonPadbury/b5st](https://github.com/SimonPadbury/b5st)
 6 | 
 7 | ------------------
 8 | 
 9 | > b5st is a simple, Gutenberg-compatible WordPress starter theme loaded with Bootstrap 5 and Bootstrap Icons — using node-sass for preprocessing its SCSS into CSS.
10 | 
11 | ## Basic features
12 | 
13 | * [UNLICENCE](http://unlicense.org) (open source).
14 | 
15 | * Simple, intuitive, clean code. Theme CSS and JS, functions and loops are organized into different folders.
16 | 
17 | * A starter CSS theme – `/theme/css/b5st.css`, enqueued. (Note: do not put your styles in `styles.css`, because that is not enqueued.)
18 | 
19 | * `b5st.css` is generated from SCSS using `node-sass`. The SCSS files are also included.
20 | 
21 | * A starter JS script – `theme/css/b5st.js` – unrequired but present as a starter (and with a commented-out enqueue).
22 | 
23 | * Dimox breadcrumbs ([http://dimox.net/wordpress-breadcrumbs-without-a-plugin/](http://dimox.net/wordpress-breadcrumbs-without-a-plugin/)). Inserted using an action hook.
24 | 
25 | * Long read prose (paragraphs etc) in single posts has increased font size for wide viewports, using CSS `clamp()`.
26 | 
27 | ## Dependencies
28 | 
29 | * WordPress. 😎
30 | 
31 | * Served from a CDN:
32 |   * Bootstrap v5.2.3 CSS
33 |   * Bootstrap v5.2.3 _bundle_ JS
34 |   * Bootstrap Icons v1.10.2
35 | 
36 | * **Optional** (see “Preprocessing SCSS Files” below):
37 |   * NodeJS
38 |   * node-sass
39 | 
40 | **Bootstrap Sass is not included.** But you can follow the instructions at [https://getbootstrap.com/docs/5.0/customize/sass/](https://getbootstrap.com/docs/5.0/customize/sass/) to bring Bootstrap Sass into your project.
41 | 
42 | ## Bootstrap Integration
43 | 
44 | * Bootstrap navbar with WordPress menu and search.
45 | 	* Navbar dropdowns (child menus) are handled by a [custom walker nav menu class](https://github.com/SimonPadbury/b5st/blob/master/functions/navbar.php).
46 | 
47 | * Bootstrap customized comments and feedback response form.
48 | 
49 | ## Gutenberg Compatibility
50 | 
51 | * Gutenberg editor stylesheet – into which has been copy-pasted the typography styles from Bootstrap 5’s _Reboot_ CSS plus a few extras.
52 | 
53 | * b5st has a centered narrow single-column layout, so that it can make use of Gutenberg’s extra-wide and full width blocks. In the front-end CSS, these are handled by a variation on Andy Bell’s [full bleed](https://hankchizljaw.com/wrote/creating-a-full-bleed-css-utility/) utility.
54 | 
55 | ## Child-Themes and b5st
56 | 
57 | _I recommend you do not simply use b5st as-is, and then do all your designing in a child theme._
58 | 
59 | b5st is only a meant to be a place to start a WordPress/Bootstrap 5 project. It is easier and better to directly rebuild b5st to suit your design needs. Besides, future improvements to b5st may make it not compatible with your child theme -- so, you may not be able to “upgrade” your project to a newer version of b5st simply by swapping it out.
60 | 
61 | With that said, you can develop child themes _based off your (b5st-based) project_. After you have taken and made b5st your own, modifying its layouts, styles etc. to create your own theme, and then deployed it on a live website, then you can later make child themes _from what will then be your (client’s) website theme_. For example, for special occasions you can make a child themes with alternate colors and backgrounds, seasonal layout changes, etc.
62 | 
63 | To aid you at that point, b5st has the following child-theme friendly features:
64 | 
65 | * Many functions are pluggable.
66 | 
67 | * Theme [hooks](/functions/hooks.php) – paired _before_ and _after_ the navbar, post/page main, (optional sidebar) and footer. Parent theme hooks are able to recieve [actions](https://developer.wordpress.org/plugins/hooks/actions/) from a child theme.
68 | 
69 | * Also, the navbar brand, navbar search form and sub-footer “bottomline” are inserted using pluggable hooks. So, a child theme can override these.
70 | 
71 | ## Preprocessing SCSS Files
72 | 
73 | In the `theme/` folder there is a `scss/` folder containing all the SCSS files that have been used to create the file `theme/css/b5st.css`.
74 | 
75 | You can (beautify and) edit `b5st.css` directly — or you can preprocess the SCSS files using whatever you prefer to use. A simple way is to do the following:
76 | 
77 | 1. Install b5st (this theme) into your WordPress (local) development environment.
78 | 
79 | 2. Download and install [NodeJS](https://nodejs.org/), if you don’t have it already.
80 | 
81 | 3. In your terminal, `cd` into the `b5st` folder. Just do `npm install` so that `node-sass` gets installed as a dev dependancy (see the b5st `package.json`).
82 | 
83 | 4. You can then run `node-sass` in the terminal using `npm run scss`, and stop it using `ctrl+C`. `node-sass` will look for changes in SCSS files inside the `b5st/theme/scss` folder and output the CSS file(s) in the `b5st/theme/css` folder.
84 | 
85 | 5. Initially, only `b5st/theme/css/b5st.css` is enqueued in `functions/enqueues.php` (after the Bootstrap 5 enqueue). You can add more enqueues the same way.
86 | 
87 | 6. Your WordPress (local) development server likely has no live-refresh for when CSS files are modified in this way. So, manually do a browser refresh ↻ whenever you want to see your CSS changes.
88 | 
89 | ---
90 | 
91 | See the [LOG.md](/LOG.md)
92 | 


--------------------------------------------------------------------------------
/theme/css/editor.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * b5st Editor Styles (Gutenberg Ready)
 3 |  * ====================================
 4 |  * (1.) Bootstrap 5’s Reboot: from `reboot.min.css`
 5 |  * (2.) Title: `.editor-post-title__block .editor-post-title__input`
 6 |  *      — copied from base font-family and Bootstrap h1
 7 |  * (3.) Long Read Prose
 8 |  */
 9 | 
10 | /*!
11 |  * Bootstrap Reboot v5.0.0-beta3 (https://getbootstrap.com/)
12 |  * Copyright 2011-2021 The Bootstrap Authors
13 |  * Copyright 2011-2021 Twitter, Inc.
14 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
15 |  * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
16 |  */*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
17 | 
18 |  /*
19 |   * (2.) Gutenberg Editor Title Block (same as Bootstrap = b5st frontend h1)
20 |   */
21 | 
22 | .editor-post-title__block .editor-post-title__input {
23 |   margin-bottom: .5rem;
24 |   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
25 |   font-size: 2.5em;
26 |   font-weight: 500;
27 |   line-height: 1.2;
28 |   color: inherit;
29 | }
30 | 
31 | /*
32 |  * (3.) Long Read Prose -- needs bigger text
33 |  * (see the `.long-read` class in front-end styles `typography.scss`)
34 |  */
35 | 
36 | .block-editor-block-list__layout {
37 |   font-size: clamp(1em, calc(0.625em + 1vw), 1.375em);
38 |   line-height: inherit;
39 | }


--------------------------------------------------------------------------------
/theme/css/b5st.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * b5st since v1.0 | Unicence
  3 |  */
  4 | .site-header-image {
  5 |   display: block;
  6 |   margin: auto; }
  7 | 
  8 | .alignleft {
  9 |   float: left; }
 10 | 
 11 | .alignright {
 12 |   float: right; }
 13 | 
 14 | .aligncenter {
 15 |   clear: both;
 16 |   display: block; }
 17 | 
 18 | .wp-block-cover-text p {
 19 |   padding: 1.5em 16px; }
 20 | 
 21 | @media screen and (min-width: 768px) {
 22 |   .wp-block-cover-text p {
 23 |     padding: 1.5em 0; } }
 24 | 
 25 | ul.wp-block-latest-posts.alignwide,
 26 | ul.wp-block-latest-posts.alignfull,
 27 | ul.wp-block-latest-posts.is-grid.alignwide,
 28 | ul.wp-block-latest-posts.is-grid.alignwide {
 29 |   padding: 0 16px; }
 30 | 
 31 | ol.wp-block-latest-comments {
 32 |   padding-left: 0; }
 33 | 
 34 | header h2 a {
 35 |   color: rgba(0, 0, 0, 0.9);
 36 |   text-decoration: none; }
 37 |   header h2 a:hover {
 38 |     text-decoration: underline; }
 39 | 
 40 | .has-drop-cap:not(:focus):first-letter {
 41 |   float: left;
 42 |   font-size: 8.4em;
 43 |   line-height: .68;
 44 |   font-weight: 100;
 45 |   margin: .05em .1em 0 0;
 46 |   text-transform: uppercase;
 47 |   font-style: normal; }
 48 | 
 49 | .long-read {
 50 |   font-size: clamp(1em, calc(0.625em + 1vw), 1.25em);
 51 |   line-height: inherit; }
 52 | 
 53 | .more-link {
 54 |   display: block;
 55 |   margin-bottom: 1rem; }
 56 | 
 57 | .wp-block-code {
 58 |   padding: 0.5em 1em;
 59 |   margin: 0 0 1.5rem; }
 60 | 
 61 | .entry-content ul:not(.blocks-gallery-grid),
 62 | .entry-content ol {
 63 |   margin: 0 auto 1.5em auto;
 64 |   max-width: 720px;
 65 |   list-style-position: outside; }
 66 | 
 67 | .entry-content li {
 68 |   margin-left: 2.5em; }
 69 | 
 70 | .entry-content ul ul,
 71 | .entry-content ol ol,
 72 | .entry-content ul ol,
 73 | .entry-content ol ul {
 74 |   margin: 0 auto; }
 75 | 
 76 | .entry-content ul ul li,
 77 | .entry-content ol ol li,
 78 | .entry-content ul ol li,
 79 | .entry-content ol ul li {
 80 |   margin-left: 0; }
 81 | 
 82 | .wp-block-quote {
 83 |   margin-left: 16px;
 84 |   margin-right: 16px;
 85 |   padding: 0; }
 86 | 
 87 | .wp-block-quote > * {
 88 |   margin-left: 1rem; }
 89 | 
 90 | .wp-block-quote.is-large,
 91 | .wp-block-quote.is-style-large {
 92 |   margin: 36px auto;
 93 |   padding: 0; }
 94 | 
 95 | .wp-block-quote.is-large cite,
 96 | .wp-block-quote.is-large footer,
 97 | .wp-block-quote.is-style-large cite,
 98 | .wp-block-quote.is-style-large footer {
 99 |   font-size: 13px;
100 |   font-size: 0.8125rem; }
101 | 
102 | @media screen and (min-width: 768px) {
103 |   .wp-block-quote {
104 |     margin: 48px auto; } }
105 | 
106 | .wp-block-pullquote > p:first-child {
107 |   margin-top: 0; }
108 | 
109 | .wp-block-pullquote.alignright {
110 |   margin-left: 2rem; }
111 | 
112 | .wp-block-pullquote.alignleft {
113 |   margin-right: 2rem; }
114 | 
115 | .wrap-md {
116 |   width: 100%;
117 |   max-width: 720px;
118 |   margin-right: auto;
119 |   margin-left: auto;
120 |   padding-right: .75rem;
121 |   padding-left: .75rem; }
122 | 
123 | .wrap-lg {
124 |   width: 100%;
125 |   max-width: 960px;
126 |   margin-right: auto;
127 |   margin-left: auto;
128 |   padding-right: .75rem;
129 |   padding-left: .75rem; }
130 | 
131 | .entry-content > .alignwide,
132 | .wp-block-image.alignwide,
133 | .wp-block-gallery.alignwide {
134 |   width: 100vw;
135 |   max-width: 1100px;
136 |   margin: 1.5em 0 1.5em 50%;
137 |   transform: translateX(-50%); }
138 | 
139 | .entry-content > .alignwide > img {
140 |   width: 1320px; }
141 | 
142 | .entry-content > .alignfull,
143 | .wp-block-image.alignfull,
144 | .wp-block-gallery.alignfull {
145 |   width: 100vw;
146 |   max-width: 100vw;
147 |   margin: 1.5em 0 1.5em 50%;
148 |   transform: translateX(-50%); }
149 | 
150 | .entry-content > .alignfull > img {
151 |   width: 100vw; }
152 | 
153 | .wp-block-columns {
154 |   padding-right: 1rem;
155 |   padding-left: 1rem; }
156 | 
157 | .wp-block-separator {
158 |   margin: 3em auto;
159 |   padding: 0; }
160 | 
161 | .wp-block-group > .wp-block-group__inner-container > * {
162 |   max-width: 720px;
163 |   margin-left: auto;
164 |   margin-right: auto; }
165 | 
166 | .wp-block-group > .wp-block-group__inner-container > .alignwide {
167 |   width: 100vw;
168 |   max-width: 1100px;
169 |   margin: 1.5em 0 1.5em 50%;
170 |   transform: translateX(-50%); }
171 | 
172 | .wp-block-group > .wp-block-group__inner-container > .alignfull {
173 |   width: 100vw;
174 |   max-width: 100vw;
175 |   margin: 1.5em 0 1.5em 50%;
176 |   transform: translateX(-50%); }
177 | 
178 | .wp-block-group.has-background > .wp-block-group__inner-container > :first-child {
179 |   margin-top: 0; }
180 | 
181 | .wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
182 |   width: calc( 100% + 60px);
183 |   max-width: calc( 100% + 60px);
184 |   position: relative;
185 |   left: -30px; }
186 | 
187 | img,
188 | .size-auto,
189 | .size-full,
190 | .size-large,
191 | .size-medium,
192 | .size-thumbnail {
193 |   max-width: 100%;
194 |   height: auto; }
195 | 
196 | .attachment-post-thumbnail {
197 |   margin-bottom: 1.5em; }
198 | 
199 | .wp-block-image img {
200 |   display: block; }
201 | 
202 | .wp-block-image.alignleft,
203 | .wp-block-image.alignright {
204 |   width: 100%; }
205 | 
206 | .wp-block-image.alignfull img {
207 |   width: 100vw; }
208 | 
209 | .wp-block-image .alignleft img,
210 | .wp-block-image .alignright img,
211 | .wp-block-image .alignleft figcaption,
212 | .wp-block-image .alignright figcaption {
213 |   max-width: 100%;
214 |   width: 100%; }
215 | 
216 | .wp-block-image .alignfull,
217 | .wp-block-gallery.alignfull {
218 |   width: 100vw; }
219 | 
220 | .wp-block-image .alignright,
221 | .wp-block-image .alignleft,
222 | .wp-block-gallery.alignright,
223 | .wp-block-gallery.alignleft {
224 |   max-width: calc((720px / 2) - 16px); }
225 | 
226 | .wp-block-image .alignright,
227 | .wp-block-gallery.alignright {
228 |   margin-left: 2rem; }
229 | 
230 | .wp-block-image .alignleft,
231 | .wp-block-gallery.alignleft {
232 |   margin-right: 2rem; }
233 | 
234 | .wp-block-embed.type-video > .wp-block-embed__wrapper {
235 |   position: relative;
236 |   width: 100%;
237 |   height: 0;
238 |   padding-top: 56.25%; }
239 | 
240 | .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
241 |   position: absolute;
242 |   width: 100%;
243 |   height: 100%;
244 |   top: 0;
245 |   left: 0;
246 |   bottom: 0;
247 |   right: 0; }
248 | 
249 | .wp-block-video video {
250 |   max-width: 720px; }
251 | 
252 | .wp-block-table {
253 |   overflow-x: auto;
254 |   margin: 1.5rem0; }
255 | 
256 | .wp-block-table table {
257 |   border-collapse: collapse; }
258 | 
259 | .wp-block-table td, .wp-block-table th {
260 |   padding: .5em; }
261 | 
262 | #comments,
263 | #reply-title {
264 |   margin-top: 1.5rem;
265 |   margin-bottom: 1rem; }
266 | 
267 | .comment-list,
268 | .comment-list ul {
269 |   padding-left: 0; }
270 | 
271 | .comment-list li {
272 |   padding: 1rem; }
273 | 
274 | .comment-meta {
275 |   margin-bottom: 1rem; }
276 | 
277 | .comment-list,
278 | .comment-list .children {
279 |   list-style-type: none; }
280 | 
281 | .comment {
282 |   border: 1px solid #dee2e6;
283 |   border-radius: .25rem;
284 |   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
285 | 
286 | body {
287 |   display: flex;
288 |   min-height: 100vh;
289 |   flex-direction: column; }
290 | 
291 | main {
292 |   flex: 1 0 auto; }
293 | 


--------------------------------------------------------------------------------
/loops/single-post-comments.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /*
  3 |  * Custom Feedback
  4 |  * ===============
  5 |  * https://codex.wordpress.org/Function_Reference/wp_list_comments#Comments_Only_With_A_Custom_Comment_Display
  6 | */
  7 | 
  8 | function b5st_comment($comment, $args, $depth) {
  9 |   $GLOBALS['comment'] = $comment;
 10 |   extract($args, EXTR_SKIP);
 11 |   if ( 'div' == $args['style'] ) {
 12 |       $tag = 'div';
 13 |       $add_below = 'comment';
 14 |   } else {
 15 |       $tag = 'li';
 16 |       $add_below = 'div-comment';
 17 |   }
 18 | ?>
 19 | 
 20 | <<?php echo $tag ?> <?php comment_class(empty( $args['has_children'] ) ? '' : 'parent') ?> id="comment-<?php comment_ID() ?>">
 21 | <?php if ( 'div' != $args['style'] ) : ?>
 22 |   <div id="div-comment-<?php comment_ID() ?>" class="comment-body">
 23 | <?php endif; ?>
 24 | 
 25 |   <div class="comment-author vcard d-flex">
 26 |     <div class="pe-3">
 27 |       <?php echo get_avatar( $comment->comment_author_email, $size = '52'); ?>
 28 |     </div>
 29 |     <div>
 30 |       <h4 class="m-0"><?php comment_author(); ?></h4>
 31 |       <p class="comment-meta commentmetadata"><a href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ) ?>"><?php printf('%1$s ' . __('at', 'b5st') . ' %2$s', get_comment_date(), get_comment_time()) ?></a></p>
 32 |       <?php if ($comment->comment_approved == '0') : ?>
 33 |         <p><em class="comment-awaiting-moderation"><?php _e('Your comment is awaiting moderation.', 'b5st') ?></em></p>
 34 |       <?php endif; ?>
 35 |     </div>
 36 |   </div>
 37 | 
 38 |   <div>
 39 |     <?php comment_text() ?>
 40 |   </div>
 41 | 
 42 |   <div class="reply">
 43 |     <p>
 44 |       <?php comment_reply_link( array_merge( $args, array(
 45 |         'add_below' => $add_below,
 46 |         'reply_text' => __('<i class="bi bi-reply"></i> Reply', 'textdomain'),
 47 |         'depth' => $depth,
 48 |         'max_depth' => $args['max_depth']
 49 |         ))
 50 |       ); ?>
 51 |       <?php edit_comment_link('<span class="btn btn-secondary">' . __('<i class="bi bi-pen"></i> Edit this reply', 'b5st') . '</span>',' ','' ); ?>
 52 |     </p>
 53 |   </div>
 54 | 
 55 | <?php if ( 'div' != $args['style'] ) : ?>
 56 | </div>
 57 | <?php endif; }
 58 | 
 59 | /**!
 60 |  * Custom Comments Form
 61 |  */
 62 | 
 63 | // Do not delete this section
 64 | if (isset($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME'])){
 65 |   die ('Please do not load this page directly. Thanks!'); }
 66 | if ( post_password_required() ) { ?>
 67 |   <section id="post-comments">
 68 |     <div class="comments-wrap wrap-md">
 69 |       <div class="alert alert-warning">
 70 |         <?php _e('This post is password protected. Enter the password to view comments.', 'b5st'); ?>
 71 |       </div>
 72 |     </div>
 73 |   </section>
 74 | <?php
 75 |   return;
 76 | } // End do not delete section
 77 | 
 78 | if (have_comments()) : ?>
 79 | 
 80 |   <secion id="post-comments">
 81 |     <div class="comments-wrap wrap-md">
 82 |       <h3 class="mt-5 mb-3">
 83 |         <?php printf(
 84 |           /* translators: 1: title. */
 85 |           esc_html__( 'Feedback', 'b5st' ),
 86 |           '<span>' . get_the_title() . '</span>'
 87 |         );?>
 88 |       </h3>
 89 | 
 90 |       <p><i class="bi bi-chat-text"></i> <?php
 91 |           $comment_count = get_comments_number();
 92 |           if ( '1' === $comment_count ) {
 93 |             printf(
 94 |               /* translators: 1: title. */
 95 |               esc_html__( 'One comment on &ldquo;%1$s&rdquo;', 'b5st' ),
 96 |               '<span>' . get_the_title() . '</span>'
 97 |             );
 98 |           } else {
 99 |             printf(
100 |               /* translators: 1: comment count number, 2: title. */
101 |               esc_html( _nx( '%1$s comment on &ldquo;%2$s&rdquo;', '%1$s comments on &ldquo;%2$s&rdquo;', $comment_count, 'comments title', 'b5st' ) ),
102 |               number_format_i18n( $comment_count ),
103 |               '<span>' . get_the_title() . '</span>'
104 |             );
105 |           }
106 |         ?>
107 |       </p>
108 | 
109 |       <ol class="comment-list">
110 |         <?php wp_list_comments('type=comment&callback=b5st_comment');?>
111 |       </ol><!-- /.comment-list -->
112 | 
113 |       <p class="text-muted">
114 |         <?php paginate_comments_links(); ?>
115 |       </p>
116 |     </div>
117 |   </section>  
118 | <?php
119 |   else :
120 | 	  if (comments_open()) :
121 |       echo '<section id="post-comments"><div class="comments-wrap wrap-md"><p class="alert alert-info mt-5">' . __('Be the first to write a comment.', 'b5st') . '</p></div></section>';
122 | 		else :
123 | 			echo '<section id="post-comments"><div class="comments-wrap wrap-md"><p class="alert alert-info">' . __('Comments are closed for this post.', 'b5st') . '</p></div></section>';
124 | 		endif;
125 | 	endif;
126 | ?>
127 | 
128 | <?php if (comments_open()) : ?>
129 | <section id="respond" class="wrap-md py-3">
130 |   <div class="comments-wrap bg-light border px-3 py-1">
131 |     <div>
132 |         <h3 class="mt-3"><?php comment_form_title(__('Leave a Reply', 'b5st'), __('Responses to %s', 'b5st')); ?></h3>
133 |         <p>Required fields are marked <span class="fs-4">*</span></p>
134 |         <p><?php cancel_comment_reply_link(); ?></p>
135 |         <?php if (get_option('comment_registration') && !is_user_logged_in()) : ?>
136 |         <p><?php printf(__('You must be <a href="%s">logged in</a> to post a comment.', 'b5st'), wp_login_url(get_permalink())); ?></p>
137 |         <?php else : ?>
138 | 
139 |         <form action="<?php echo site_url('/wp-comments-post.php') ?>" method="post" id="commentform">
140 | 
141 |           <?php if (is_user_logged_in()) : ?>
142 |           <p>
143 |             <?php printf(__('Logged in as', 'b5st') . ' <a href="%s/wp-admin/profile.php">%s</a>.', get_option('url'), $user_identity); ?>
144 |             <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="<?php __('Log out of this account', 'b5st'); ?>"><?php echo __('Log out', 'b5st') . ' <i class="bi bi-arrow-right"></i>'; ?></a>
145 |           </p>
146 |           <?php else : ?>
147 | 
148 |           <div class="form-group">
149 |             <label for="author" class="mb-2">
150 |               <?php _e('Your name', 'b5st'); if ($req) echo '*'; ?>
151 |             </label>
152 |             <input type="text" class="form-control" name="author" id="author" value="<?php echo esc_attr($comment_author); ?>" <?php if ($req) echo 'aria-required="true"'; ?>>
153 |           </div>
154 | 
155 |           <div class="form-group">
156 |             <label for="email" class="my-2">
157 |               <?php _e('Your email address', 'b5st'); if ($req) echo '*'; echo '<span class="text-muted">' . __('(will not be published)', 'b5st') . '</span>'; ?>
158 |             </label>
159 |             <input type="email" class="form-control" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?>" <?php if ($req) echo 'aria-required="true"'; ?>>
160 |           </div>
161 | 
162 |           <div class="form-group">
163 |             <label for="url" class="my-2">
164 |               <?php echo __('Your website or blog', 'b5st') . '<span class="text-muted">' . __(' (not required)', 'b5st') . '</span>'; ?>
165 |             </label>
166 |             <input type="url" class="form-control" name="url" id="url" value="<?php echo esc_attr($comment_author_url); ?>">
167 |           </div>
168 | 
169 |           <?php endif; ?>
170 | 
171 |           <div class="form-group">
172 |             <label for="comment" class="my-2"><?php _e('Your comment:', 'b5st'); ?></label>
173 |             <textarea name="comment" class="form-control mt-1 mb-3" id="comment" rows="8" aria-required="true"></textarea>
174 |           </div>
175 | 
176 |           <p><input name="submit" class="btn btn-primary" type="submit" id="submit" value="<?php _e('Post comment', 'b5st'); ?>"></p>
177 | 
178 |           <?php comment_id_fields(); ?>
179 |           <?php do_action('comment_form', $post->ID); ?>
180 |         </form>
181 |         <?php endif; ?>
182 | 
183 |     </div>
184 |   </div>
185 | </section>
186 | <?php endif; ?>
187 | 


--------------------------------------------------------------------------------
/functions/dimox-breadcrumbs.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /*
  3 |  * WordPress Breadcrumbs
  4 |  * author: Dimox
  5 |  * version: 2019.03.03
  6 |  * license: MIT
  7 |  */
  8 | 
  9 |  /*
 10 | 	* With b5st (Bootstrap 5) modifications; see //----b5st// {...} //----//
 11 | 	* Dimox originals are still there as “commented out” lines.
 12 |   */
 13 | 
 14 | 	function dimox_breadcrumbs() {
 15 | 
 16 | 	/* === OPTIONS === */
 17 | 	$text['home']     = 'Home'; // text for the 'Home' link
 18 | 	$text['category'] = 'Archive by Category "%s"'; // text for a category page
 19 | 	$text['search']   = 'Search Results for "%s" Query'; // text for a search results page
 20 | 	$text['tag']      = 'Posts Tagged "%s"'; // text for a tag page
 21 | 	$text['author']   = 'Articles Posted by %s'; // text for an author page
 22 | 	$text['404']      = 'Error 404'; // text for the 404 page
 23 | 	$text['page']     = 'Page %s'; // text 'Page N'
 24 | 	$text['cpage']    = 'Comment Page %s'; // text 'Comment Page N'
 25 | 
 26 | 	$wrap_before    = '<div class="border-bottom"><nav aria-label="breadcrumb" class="container-xxl py-3"><ol class="breadcrumb m-0" itemscope itemtype="http://schema.org/BreadcrumbList">'; // the opening wrapper tag
 27 | 	//$wrap_before    = '<div class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">'; // the opening wrapper tag
 28 | 	
 29 | 	//----b5st//
 30 | 	$wrap_after     = '</ol></nav></div><!-- .breadcrumb -->'; // the closing wrapper tag
 31 | 	$sep            = '<span class="px-2 text-muted"> / </span>'; // separator between crumbs
 32 | 	$before         = '<li class="breadcrumb-item active" aria-current="page">'; // tag before the current crumb
 33 | 	//----//
 34 | 	
 35 | 	//$wrap_after     = '</div><!-- .breadcrumbs -->'; // the closing wrapper tag
 36 | 	//$sep            = '<span class="breadcrumbs__separator"> › </span>'; // separator between crumbs
 37 | 	//$before         = '<span class="breadcrumbs__current">'; // tag before the current crumb
 38 | 
 39 | 	$after          = '</li>'; // tag after the current crumb
 40 | 
 41 | 	$show_on_home   = 0; // 1 - show breadcrumbs on the homepage, 0 - don't show
 42 | 	
 43 | 	$show_home_link = 1; // 1 - show the 'Home' link, 0 - don't show
 44 | 	$show_current   = 1; // 1 - show current page title, 0 - don't show
 45 | 	$show_last_sep  = 1; // 1 - show last separator, when current page title is not displayed, 0 - don't show
 46 | 	/* === END OF OPTIONS === */
 47 | 
 48 | 	global $post;
 49 | 	$home_url       = home_url('/');
 50 | 
 51 | 	//----b5st//
 52 | 	$link           = '<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">';
 53 | 	$link          .= '<a href="%1$s" itemprop="item"><span itemprop="name">%2$s</span></a>';
 54 | 	$link          .= '<meta itemprop="position" content="%3$s" />';
 55 | 	$link          .= '</li>';
 56 | 	//----//
 57 | 
 58 | 	// $link           = '<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">';
 59 | 	// $link          .= '<a class="breadcrumbs__link" href="%1$s" itemprop="item"><span itemprop="name">%2$s</span></a>';
 60 | 	// $link          .= '<meta itemprop="position" content="%3$s" />';
 61 | 	// $link          .= '</span>';
 62 | 
 63 | 	$parent_id      = ( $post ) ? $post->post_parent : '';
 64 | 	$home_link      = sprintf( $link, $home_url, $text['home'], 1 );
 65 | 
 66 | 	if ( is_home() || is_front_page() ) {
 67 | 
 68 | 		if ( $show_on_home ) echo $wrap_before . $home_link . $wrap_after;
 69 | 
 70 | 	} else {
 71 | 
 72 | 		$position = 0;
 73 | 
 74 | 		echo $wrap_before;
 75 | 
 76 | 		if ( $show_home_link ) {
 77 | 			$position += 1;
 78 | 			echo $home_link;
 79 | 		}
 80 | 
 81 | 		if ( is_category() ) {
 82 | 			$parents = get_ancestors( get_query_var('cat'), 'category' );
 83 | 			foreach ( array_reverse( $parents ) as $cat ) {
 84 | 				$position += 1;
 85 | 				if ( $position > 1 ) echo $sep;
 86 | 				echo sprintf( $link, get_category_link( $cat ), get_cat_name( $cat ), $position );
 87 | 			}
 88 | 			if ( get_query_var( 'paged' ) ) {
 89 | 				$position += 1;
 90 | 				$cat = get_query_var('cat');
 91 | 				echo $sep . sprintf( $link, get_category_link( $cat ), get_cat_name( $cat ), $position );
 92 | 				echo $sep . $before . sprintf( $text['page'], get_query_var( 'paged' ) ) . $after;
 93 | 			} else {
 94 | 				if ( $show_current ) {
 95 | 					if ( $position >= 1 ) echo $sep;
 96 | 					echo $before . sprintf( $text['category'], single_cat_title( '', false ) ) . $after;
 97 | 				} elseif ( $show_last_sep ) echo $sep;
 98 | 			}
 99 | 
100 | 		} elseif ( is_search() ) {
101 | 			if ( get_query_var( 'paged' ) ) {
102 | 				$position += 1;
103 | 				if ( $show_home_link ) echo $sep;
104 | 				echo sprintf( $link, $home_url . '?s=' . get_search_query(), sprintf( $text['search'], get_search_query() ), $position );
105 | 				echo $sep . $before . sprintf( $text['page'], get_query_var( 'paged' ) ) . $after;
106 | 			} else {
107 | 				if ( $show_current ) {
108 | 					if ( $position >= 1 ) echo $sep;
109 | 					echo $before . sprintf( $text['search'], get_search_query() ) . $after;
110 | 				} elseif ( $show_last_sep ) echo $sep;
111 | 			}
112 | 
113 | 		} elseif ( is_year() ) {
114 | 			if ( $show_home_link && $show_current ) echo $sep;
115 | 			if ( $show_current ) echo $before . get_the_time('Y') . $after;
116 | 			elseif ( $show_home_link && $show_last_sep ) echo $sep;
117 | 
118 | 		} elseif ( is_month() ) {
119 | 			if ( $show_home_link ) echo $sep;
120 | 			$position += 1;
121 | 			echo sprintf( $link, get_year_link( get_the_time('Y') ), get_the_time('Y'), $position );
122 | 			if ( $show_current ) echo $sep . $before . get_the_time('F') . $after;
123 | 			elseif ( $show_last_sep ) echo $sep;
124 | 
125 | 		} elseif ( is_day() ) {
126 | 			if ( $show_home_link ) echo $sep;
127 | 			$position += 1;
128 | 			echo sprintf( $link, get_year_link( get_the_time('Y') ), get_the_time('Y'), $position ) . $sep;
129 | 			$position += 1;
130 | 			echo sprintf( $link, get_month_link( get_the_time('Y'), get_the_time('m') ), get_the_time('F'), $position );
131 | 			if ( $show_current ) echo $sep . $before . get_the_time('d') . $after;
132 | 			elseif ( $show_last_sep ) echo $sep;
133 | 
134 | 		} elseif ( is_single() && ! is_attachment() ) {
135 | 			if ( get_post_type() != 'post' ) {
136 | 				$position += 1;
137 | 				$post_type = get_post_type_object( get_post_type() );
138 | 				if ( $position > 1 ) echo $sep;
139 | 				echo sprintf( $link, get_post_type_archive_link( $post_type->name ), $post_type->labels->name, $position );
140 | 				if ( $show_current ) echo $sep . $before . get_the_title() . $after;
141 | 				elseif ( $show_last_sep ) echo $sep;
142 | 			} else {
143 | 				$cat = get_the_category(); $catID = $cat[0]->cat_ID;
144 | 				$parents = get_ancestors( $catID, 'category' );
145 | 				$parents = array_reverse( $parents );
146 | 				$parents[] = $catID;
147 | 				foreach ( $parents as $cat ) {
148 | 					$position += 1;
149 | 					if ( $position > 1 ) echo $sep;
150 | 					echo sprintf( $link, get_category_link( $cat ), get_cat_name( $cat ), $position );
151 | 				}
152 | 				if ( get_query_var( 'cpage' ) ) {
153 | 					$position += 1;
154 | 					echo $sep . sprintf( $link, get_permalink(), get_the_title(), $position );
155 | 					echo $sep . $before . sprintf( $text['cpage'], get_query_var( 'cpage' ) ) . $after;
156 | 				} else {
157 | 					if ( $show_current ) echo $sep . $before . get_the_title() . $after;
158 | 					elseif ( $show_last_sep ) echo $sep;
159 | 				}
160 | 			}
161 | 
162 | 		} elseif ( is_post_type_archive() ) {
163 | 			$post_type = get_post_type_object( get_post_type() );
164 | 			if ( get_query_var( 'paged' ) ) {
165 | 				$position += 1;
166 | 				if ( $position > 1 ) echo $sep;
167 | 				echo sprintf( $link, get_post_type_archive_link( $post_type->name ), $post_type->label, $position );
168 | 				echo $sep . $before . sprintf( $text['page'], get_query_var( 'paged' ) ) . $after;
169 | 			} else {
170 | 				if ( $show_home_link && $show_current ) echo $sep;
171 | 				if ( $show_current ) echo $before . $post_type->label . $after;
172 | 				elseif ( $show_home_link && $show_last_sep ) echo $sep;
173 | 			}
174 | 
175 | 		} elseif ( is_attachment() ) {
176 | 			$parent = get_post( $parent_id );
177 | 			$cat = get_the_category( $parent->ID ); $catID = $cat[0]->cat_ID;
178 | 			$parents = get_ancestors( $catID, 'category' );
179 | 			$parents = array_reverse( $parents );
180 | 			$parents[] = $catID;
181 | 			foreach ( $parents as $cat ) {
182 | 				$position += 1;
183 | 				if ( $position > 1 ) echo $sep;
184 | 				echo sprintf( $link, get_category_link( $cat ), get_cat_name( $cat ), $position );
185 | 			}
186 | 			$position += 1;
187 | 			echo $sep . sprintf( $link, get_permalink( $parent ), $parent->post_title, $position );
188 | 			if ( $show_current ) echo $sep . $before . get_the_title() . $after;
189 | 			elseif ( $show_last_sep ) echo $sep;
190 | 
191 | 		} elseif ( is_page() && ! $parent_id ) {
192 | 			if ( $show_home_link && $show_current ) echo $sep;
193 | 			if ( $show_current ) echo $before . get_the_title() . $after;
194 | 			elseif ( $show_home_link && $show_last_sep ) echo $sep;
195 | 
196 | 		} elseif ( is_page() && $parent_id ) {
197 | 			$parents = get_post_ancestors( get_the_ID() );
198 | 			foreach ( array_reverse( $parents ) as $pageID ) {
199 | 				$position += 1;
200 | 				if ( $position > 1 ) echo $sep;
201 | 				echo sprintf( $link, get_page_link( $pageID ), get_the_title( $pageID ), $position );
202 | 			}
203 | 			if ( $show_current ) echo $sep . $before . get_the_title() . $after;
204 | 			elseif ( $show_last_sep ) echo $sep;
205 | 
206 | 		} elseif ( is_tag() ) {
207 | 			if ( get_query_var( 'paged' ) ) {
208 | 				$position += 1;
209 | 				$tagID = get_query_var( 'tag_id' );
210 | 				echo $sep . sprintf( $link, get_tag_link( $tagID ), single_tag_title( '', false ), $position );
211 | 				echo $sep . $before . sprintf( $text['page'], get_query_var( 'paged' ) ) . $after;
212 | 			} else {
213 | 				if ( $show_home_link && $show_current ) echo $sep;
214 | 				if ( $show_current ) echo $before . sprintf( $text['tag'], single_tag_title( '', false ) ) . $after;
215 | 				elseif ( $show_home_link && $show_last_sep ) echo $sep;
216 | 			}
217 | 
218 | 		} elseif ( is_author() ) {
219 | 			$author = get_userdata( get_query_var( 'author' ) );
220 | 			if ( get_query_var( 'paged' ) ) {
221 | 				$position += 1;
222 | 				echo $sep . sprintf( $link, get_author_posts_url( $author->ID ), sprintf( $text['author'], $author->display_name ), $position );
223 | 				echo $sep . $before . sprintf( $text['page'], get_query_var( 'paged' ) ) . $after;
224 | 			} else {
225 | 				if ( $show_home_link && $show_current ) echo $sep;
226 | 				if ( $show_current ) echo $before . sprintf( $text['author'], $author->display_name ) . $after;
227 | 				elseif ( $show_home_link && $show_last_sep ) echo $sep;
228 | 			}
229 | 
230 | 		} elseif ( is_404() ) {
231 | 			if ( $show_home_link && $show_current ) echo $sep;
232 | 			if ( $show_current ) echo $before . $text['404'] . $after;
233 | 			elseif ( $show_last_sep ) echo $sep;
234 | 
235 | 		} elseif ( has_post_format() && ! is_singular() ) {
236 | 			if ( $show_home_link && $show_current ) echo $sep;
237 | 			echo get_post_format_string( get_post_format() );
238 | 		}
239 | 
240 | 		echo $wrap_after;
241 | 
242 | 	}
243 | } // end of dimox_breadcrumbs()


--------------------------------------------------------------------------------