rayelliott
/
understrap
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #106 from maxdmyers/code-standards 

Implement @mdo's code standards as per feature request
You are great! Two thumb up  👍  👍 @maxdmyers
This commit is contained in:
Holger 2016-11-01 20:07:41 +01:00 committed by GitHub
parent a9e60bc26f 4a616a4a4d
commit b8a5f0cc5a
36 changed files with 993 additions and 1019 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
404.php
View File

@ -4,22 +4,24 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<div class="wrapper" id="404-wrapper"> <div class="wrapper" id="404-wrapper">
<div id="content" class="container"> <div class="container" id="content">
<div class="row"> <div class="row">
<div id="primary" class="content-area"> <div class="content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<section class="error-404 not-found"> <section class="error-404 not-found">
<header class="page-header"> <header class="page-header">
<h1 class="page-title"><?php _e( 'Oops! That page can&rsquo;t be found.', 'understrap' ); ?></h1> <h1 class="page-title"><?php _e( 'Oops! That page can&rsquo;t be found.', 'understrap' ); ?></h1>
</header><!-- .page-header --> </header><!-- .page-header -->
<div class="page-content"> <div class="page-content">

9
archive.php
View File

@ -7,17 +7,18 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<div class="wrapper" id="archive-wrapper"> <div class="wrapper" id="archive-wrapper">
<div id="content" class="container"> <div class="container" id="content">
<div class="row"> <div class="row">
<div id="primary" class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area"> <div class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>

17
author.php
View File

@ -6,17 +6,18 @@
* *
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<div class="wrapper" id="author-wrapper"> <div class="wrapper" id="author-wrapper">
<div id="content" class="container"> <div class="container" id="content">
<div class="row"> <div class="row">
<div id="primary" class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area"> <div class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<header class="page-header author-header"> <header class="page-header author-header">
@ -47,15 +48,15 @@ get_header(); ?>
</header><!-- .page-header --> </header><!-- .page-header -->
<ul> <ul>
<!-- The Loop -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <!-- The Loop -->
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<li> <li>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"> <a rel="bookmark" href="<?php the_permalink() ?>" title="Permanent Link: <?php the_title(); ?>">
<?php the_title(); ?></a>, <?php the_title(); ?></a>,
<?php the_time('d M Y'); ?> in <?php the_category('&');?> <?php the_time('d M Y'); ?> in <?php the_category('&');?>
</li> </li>
<?php endwhile; ?> <?php endwhile; ?>
<?php the_posts_navigation(); ?> <?php the_posts_navigation(); ?>

20
comments.php
View File

@ -18,7 +18,7 @@ if ( post_password_required() ) {
} }
?> ?>
<div id="comments" class="comments-area"> <div class="comments-area" id="comments">
<?php // You can start editing here -- including this comment! ?> <?php // You can start editing here -- including this comment! ?>
@ -31,12 +31,11 @@ if ( post_password_required() ) {
</h2> </h2>
<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
<nav id="comment-nav-above" class="comment-navigation" role="navigation"> <nav class="comment-navigation" id="comment-nav-above" role="navigation">
<h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'understrap' ); ?></h1> <h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'understrap' ); ?></h1>
<?php if ( get_previous_comments_link() ) { ?> <?php if ( get_previous_comments_link() ) { ?>
<div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'understrap' ) ); ?></div> <div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'understrap' ) ); ?></div>
<?php } <?php } if ( get_next_comments_link() ) { ?>
if ( get_next_comments_link() ) { ?>
<div class="nav-next"><?php next_comments_link( __( 'Newer Comments &rarr;', 'understrap' ) ); ?></div> <div class="nav-next"><?php next_comments_link( __( 'Newer Comments &rarr;', 'understrap' ) ); ?></div>
<?php } ?> <?php } ?>
</nav><!-- #comment-nav-above --> </nav><!-- #comment-nav-above -->
@ -52,12 +51,11 @@ if ( post_password_required() ) {
</ol><!-- .comment-list --> </ol><!-- .comment-list -->
<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?> <?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) : // are there comments to navigate through ?>
<nav id="comment-nav-below" class="comment-navigation" role="navigation"> <nav class="comment-navigation" id="comment-nav-below" role="navigation">
<h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'understrap' ); ?></h1> <h1 class="screen-reader-text"><?php _e( 'Comment navigation', 'understrap' ); ?></h1>
<?php if ( get_previous_comments_link() ) { ?> <?php if ( get_previous_comments_link() ) { ?>
<div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'understrap' ) ); ?></div> <div class="nav-previous"><?php previous_comments_link( __( '&larr; Older Comments', 'understrap' ) );?></div>
<?php } <?php } if ( get_next_comments_link() ) { ?>
if ( get_next_comments_link() ) { ?>
<div class="nav-next"><?php next_comments_link( __( 'Newer Comments &rarr;', 'understrap' ) ); ?></div> <div class="nav-next"><?php next_comments_link( __( 'Newer Comments &rarr;', 'understrap' ) ); ?></div>
<?php } ?> <?php } ?>
</nav><!-- #comment-nav-below --> </nav><!-- #comment-nav-below -->
@ -69,7 +67,9 @@ if ( post_password_required() ) {
// If comments are closed and there are comments, let's leave a little note, shall we? // If comments are closed and there are comments, let's leave a little note, shall we?
if ( ! comments_open() && '0' != get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) : if ( ! comments_open() && '0' != get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) :
?> ?>
<p class="no-comments"><?php _e( 'Comments are closed.', 'understrap' ); ?></p> <p class="no-comments"><?php _e( 'Comments are closed.', 'understrap' ); ?></p>
<?php endif; ?> <?php endif; ?>
<?php <?php

50
css/theme.css
View File

@ -4907,13 +4907,16 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
#wrapper-hero { #wrapper-hero {
padding: 0px !important; } padding: 0px !important; }
.sticky, .gallery-caption, .bypostauthor { .sticky,
.gallery-caption,
.bypostauthor {
font-size: inherit; } font-size: inherit; }
.wrapper#wrapper-sticky { .wrapper#wrapper-sticky {
border-bottom: 1px solid #818a91; } border-bottom: 1px solid #818a91; }
#wrapper-footer-full, #wrapper-static-hero { #wrapper-footer-full,
#wrapper-static-hero {
background-color: #eceeef; } background-color: #eceeef; }
.wp-caption { .wp-caption {
@ -4939,13 +4942,17 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
.entry-footer span { .entry-footer span {
padding-right: 10px; } padding-right: 10px; }
img.wp-post-image, article img, figure, img, #secondary img { img.wp-post-image,
article img,
figure,
img,
#secondary img {
max-width: 100%; max-width: 100%;
height: auto; } height: auto; }
a.skip-link { a.skip-link {
z-index: 1000;
position: fixed; position: fixed;
z-index: 1000;
top: 0px; top: 0px;
right: 0px; } right: 0px; }
@ -4954,9 +4961,14 @@ a.skip-link {
.menu-item { .menu-item {
float: left; float: left;
width: auto; display: inline;
display: inline; } width: auto; }
/* Navbar toggle
* Custom button for toggling the `.navbar-collapse`, powered by the collapse
* JavaScript plugin.
* Navbar vertical align
*/
.navbar-toggle { .navbar-toggle {
position: relative; position: relative;
float: right; float: right;
@ -4964,7 +4976,10 @@ a.skip-link {
padding: 9px 10px; padding: 9px 10px;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border: 1px solid transparent; } border: 1px solid transparent;
/*
* We remove the `outline` here, but later compensate by attaching `:hover` styles to `:focus`.
*/ }
.navbar-toggle:focus { .navbar-toggle:focus {
outline: 0; } outline: 0; }
.navbar-toggle .icon-bar { .navbar-toggle .icon-bar {
@ -4975,9 +4990,10 @@ a.skip-link {
.navbar-toggle .icon-bar + .icon-bar { .navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px; } margin-top: 4px; }
.navbar .collapsing, .navbar .collapse.in { .navbar .collapsing,
width: 100%; .navbar .collapse.in {
float: left; } float: left;
width: 100%; }
.navbar-dark .navbar-toggle { .navbar-dark .navbar-toggle {
border: 1px solid #fff; } border: 1px solid #fff; }
@ -5005,19 +5021,19 @@ a.skip-link {
margin-left: 0rem; } margin-left: 0rem; }
.nav-link { .nav-link {
margin-left: .425rem; margin-right: .425rem;
margin-right: .425rem; } margin-left: .425rem; }
.dropdown-menu .dropdown-menu { .dropdown-menu .dropdown-menu {
position: relative; position: relative;
display: block; display: block;
border: none; width: 140px;
box-shadow: none;
margin-left: 10px; margin-left: 10px;
width: 140px; } border: none;
box-shadow: none; }
.dropdown-menu .dropdown-menu li { .dropdown-menu .dropdown-menu li {
list-style: square; padding-left: 0px;
padding-left: 0px; } list-style: square; }
.dropdown-menu .menu-item { .dropdown-menu .menu-item {
width: 100%; } width: 100%; }

2
css/theme.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
css/theme.min.css.map
View File

File diff suppressed because one or more lines are too long

15
footer.php
View File

@ -6,12 +6,13 @@
* *
* @package understrap * @package understrap
*/ */
$the_theme = wp_get_theme(); $the_theme = wp_get_theme();
?> ?>
<?php get_sidebar('footerfull'); ?> <?php get_sidebar('footerfull'); ?>
<div class="wrapper" id="wrapper-footer"> <div class="wrapper" id="wrapper-footer">
<div class="container"> <div class="container">
@ -19,12 +20,12 @@
<div class="col-md-12"> <div class="col-md-12">
<footer id="colophon" class="site-footer" role="contentinfo"> <footer class="site-footer" id="colophon" role="contentinfo">
<div class="site-info"> <div class="site-info">
<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'understrap' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'understrap' ), 'WordPress' ); ?></a> <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'understrap' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'understrap' ), 'WordPress' ); ?></a>
<span class="sep"> | </span> <span class="sep"> | </span>
<?php printf( __( 'Theme: %1$s by %2$s.', 'understrap' ), $the_theme->get( 'Name' ), '<a href="http://understrap.com/" rel="designer">understrap.com</a>' ); ?> <?php printf( __( 'Theme: %1$s by %2$s.', 'understrap' ), $the_theme->get( 'Name' ), '<a rel="designer" href="http://understrap.com/">understrap.com</a>' ); ?>
(<?php printf( __( 'Version: %1$s', 'understrap' ), $the_theme->get( 'Version' ) ); ?>) (<?php printf( __( 'Version: %1$s', 'understrap' ), $the_theme->get( 'Version' ) ); ?>)
</div><!-- .site-info --> </div><!-- .site-info -->
@ -36,11 +37,11 @@
</div><!-- container end --> </div><!-- container end -->
</div><!-- wrapper end --> </div><!-- wrapper end -->
</div><!-- #page --> </div><!-- #page -->
<?php wp_footer(); ?> <?php wp_footer(); ?>
</body> </body>

1
functions.php
View File

@ -62,7 +62,6 @@ require get_template_directory() . '/inc/bootstrap-wp-navwalker.php';
*/ */
require get_template_directory() . '/inc/bootstrap-wp-gallery.php'; require get_template_directory() . '/inc/bootstrap-wp-gallery.php';
/** /**
* Load WooCommerce functions. * Load WooCommerce functions.
*/ */

38
header.php
View File

@ -6,23 +6,24 @@
* *
* @package understrap * @package understrap
*/ */
?><!DOCTYPE html> ?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>> <html <?php language_attributes(); ?>>
<head> <head>
<meta charset="<?php bloginfo( 'charset' ); ?>"> <meta charset="<?php bloginfo( 'charset' ); ?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>"> <meta name="apple-mobile-web-app-title" content="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>">
<link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?> <?php wp_head(); ?>
</head> </head>
<body <?php body_class(); ?>> <body <?php body_class(); ?>>
<div id="page" class="hfeed site"> <div class="hfeed site" id="page">
<!-- ******************* The Navbar Area ******************* --> <!-- ******************* The Navbar Area ******************* -->
<div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar"> <div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar">
@ -31,21 +32,16 @@
<nav class="navbar navbar-dark bg-inverse site-navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"> <nav class="navbar navbar-dark bg-inverse site-navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<!-- .navbar-toggle is used as the toggle for collapsed navbar content --> <!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
<button class="navbar-toggler hidden-sm-up" data-toggle="collapse" data-target=".exCollapsingNavbar" type="button" aria-controls="exCollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation">&#9776;</button>
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target=".exCollapsingNavbar" aria-controls="exCollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation">
&#9776;
</button>
<!-- Your site title as branding in the menu --> <!-- Your site title as branding in the menu -->
<?php if (!has_custom_logo()) { ?> <?php if (!has_custom_logo()) { ?>
<a class="navbar-brand" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"> <a class="navbar-brand" rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
<?php bloginfo( 'name' ); ?> <?php bloginfo( 'name' ); ?>
</a> </a>
<?php } else { the_custom_logo(); } ?><!-- end custom logo --> <?php } else { the_custom_logo(); } ?><!-- end custom logo -->
@ -69,9 +65,3 @@
</nav><!-- .site-navigation --> </nav><!-- .site-navigation -->
</div><!-- .wrapper-navbar end --> </div><!-- .wrapper-navbar end -->

2
inc/bootstrap-wp-gallery.php
View File

@ -79,7 +79,7 @@ function bootstrap_wp_gallery( $output, $attr ) {
// Filter gallery CSS // Filter gallery CSS
$output = apply_filters( 'gallery_style', " $output = apply_filters( 'gallery_style', "
<div id='$selector' class='gallery galleryid-{$id} row'>" <div class='gallery galleryid-{$id} row' id='$selector'>"
); );
// Iterate through the attachments in this gallery instance // Iterate through the attachments in this gallery instance

19
inc/bootstrap-wp-navwalker.php
View File

@ -27,7 +27,7 @@ class wp_bootstrap_navwalker extends Walker_Nav_Menu {
*/ */
public function start_lvl( &$output, $depth = 0, $args = array() ) { public function start_lvl( &$output, $depth = 0, $args = array() ) {
$indent = str_repeat( "\t", $depth ); $indent = str_repeat( "\t", $depth );
$output .= "\n$indent<ul role=\"menu\" class=\" dropdown-menu\">\n"; $output .= "\n$indent<ul class=\" dropdown-menu\" role=\"menu\">\n";
} }
/** /**
* @see Walker::start_el() * @see Walker::start_el()
@ -50,13 +50,13 @@ class wp_bootstrap_navwalker extends Walker_Nav_Menu {
* a 0 if the strings are equal. * a 0 if the strings are equal.
*/ */
if ( strcasecmp( $item->attr_title, 'divider' ) == 0 && $depth === 1 ) { if ( strcasecmp( $item->attr_title, 'divider' ) == 0 && $depth === 1 ) {
$output .= $indent . '<li role="presentation" class="divider">'; $output .= $indent . '<li class="divider" role="presentation">';
} else if ( strcasecmp( $item->title, 'divider') == 0 && $depth === 1 ) { } else if ( strcasecmp( $item->title, 'divider') == 0 && $depth === 1 ) {
$output .= $indent . '<li role="presentation" class="divider">'; $output .= $indent . '<li class="divider" role="presentation">';
} else if ( strcasecmp( $item->attr_title, 'dropdown-header') == 0 && $depth === 1 ) { } else if ( strcasecmp( $item->attr_title, 'dropdown-header') == 0 && $depth === 1 ) {
$output .= $indent . '<li role="presentation" class="dropdown-header">' . esc_attr( $item->title ); $output .= $indent . '<li class="dropdown-header" role="presentation">' . esc_attr( $item->title );
} else if ( strcasecmp($item->attr_title, 'disabled' ) == 0 ) { } else if ( strcasecmp($item->attr_title, 'disabled' ) == 0 ) {
$output .= $indent . '<li role="presentation" class="disabled"><a href="#">' . esc_attr( $item->title ) . '</a>'; $output .= $indent . '<li class="disabled" role="presentation"><a href="#">' . esc_attr( $item->title ) . '</a>';
} else { } else {
$class_names = $value = ''; $class_names = $value = '';
$classes = empty( $item->classes ) ? array() : (array) $item->classes; $classes = empty( $item->classes ) ? array() : (array) $item->classes;
@ -163,17 +163,17 @@ class wp_bootstrap_navwalker extends Walker_Nav_Menu {
$fb_output = null; $fb_output = null;
if ( $container ) { if ( $container ) {
$fb_output = '<' . $container; $fb_output = '<' . $container;
if ( $container_id )
$fb_output .= ' id="' . $container_id . '"';
if ( $container_class ) if ( $container_class )
$fb_output .= ' class="' . $container_class . '"'; $fb_output .= ' class="' . $container_class . '"';
if ( $container_id )
$fb_output .= ' id="' . $container_id . '"';
$fb_output .= '>'; $fb_output .= '>';
} }
$fb_output .= '<ul'; $fb_output .= '<ul';
if ( $menu_id )
$fb_output .= ' id="' . $menu_id . '"';
if ( $menu_class ) if ( $menu_class )
$fb_output .= ' class="' . $menu_class . '"'; $fb_output .= ' class="' . $menu_class . '"';
if ( $menu_id )
$fb_output .= ' id="' . $menu_id . '"';
$fb_output .= '>'; $fb_output .= '>';
$fb_output .= '<li><a href="' . admin_url( 'nav-menus.php' ) . '">Add a menu</a></li>'; $fb_output .= '<li><a href="' . admin_url( 'nav-menus.php' ) . '">Add a menu</a></li>';
$fb_output .= '</ul>'; $fb_output .= '</ul>';
@ -183,4 +183,3 @@ class wp_bootstrap_navwalker extends Walker_Nav_Menu {
} }
} }
} }

8
inc/custom-comments.php
View File

@ -10,11 +10,11 @@
$html5 = current_theme_supports( 'html5', 'comment-form' ) ? 1 : 0; $html5 = current_theme_supports( 'html5', 'comment-form' ) ? 1 : 0;
$fields = array( $fields = array(
'author' => '<div class="form-group comment-form-author">' . '<label for="author">' . __( 'Name', 'understrap' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' . 'author' => '<div class="form-group comment-form-author">' . '<label for="author">' . __( 'Name', 'understrap' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' .
'<input class="form-control" id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . ' /></div>', '<input class="form-control" id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30"' . $aria_req . '></div>',
'email' => '<div class="form-group comment-form-email"><label for="email">' . __( 'Email', 'understrap' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' . 'email' => '<div class="form-group comment-form-email"><label for="email">' . __( 'Email', 'understrap' ) . ( $req ? ' <span class="required">*</span>' : '' ) . '</label> ' .
'<input class="form-control" id="email" name="email" ' . ( $html5 ? 'type="email"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . ' /></div>', '<input class="form-control" id="email" name="email" ' . ( $html5 ? 'type="email"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30"' . $aria_req . '></div>',
'url' => '<div class="form-group comment-form-url"><label for="url">' . __( 'Website', 'understrap' ) . '</label> ' . 'url' => '<div class="form-group comment-form-url"><label for="url">' . __( 'Website', 'understrap' ) . '</label> ' .
'<input class="form-control" id="url" name="url" ' . ( $html5 ? 'type="url"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" /></div>', '<input class="form-control" id="url" name="url" ' . ( $html5 ? 'type="url"' : 'type="text"' ) . ' value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30"></div>',
); );
return $fields; return $fields;
} }
@ -23,7 +23,7 @@
function bootstrap3_comment_form( $args ) { function bootstrap3_comment_form( $args ) {
$args['comment_field'] = '<div class="form-group comment-form-comment"> $args['comment_field'] = '<div class="form-group comment-form-comment">
<label for="comment">' . _x( 'Comment', 'noun', 'understrap' ) . ( ' <span class="required">*</span>' ) . '</label> <label for="comment">' . _x( 'Comment', 'noun', 'understrap' ) . ( ' <span class="required">*</span>' ) . '</label>
<textarea class="form-control" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea> <textarea class="form-control" id="comment" name="comment" aria-required="true" cols="45" rows="8"></textarea>
</div>'; </div>';
$args['class_submit'] = 'btn btn-secondary'; // since WP 4.1 $args['class_submit'] = 'btn btn-secondary'; // since WP 4.1
return $args; return $args;

17
index.php
View File

@ -11,29 +11,26 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
<?php
if ( is_front_page() && is_home() ) { if ( is_front_page() && is_home() ) {
get_sidebar('hero'); get_sidebar('hero');
get_sidebar('statichero'); get_sidebar('statichero');
} else { } else {
// Do nothing...or? // Do nothing...or?
} }
?> ?>
<div class="wrapper" id="wrapper-index"> <div class="wrapper" id="wrapper-index">
<div id="content" class="container"> <div class="container" id="content">
<div class="row"> <div class="row">
<div id="primary" class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area"> <div class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>
@ -69,6 +66,6 @@ get_header(); ?>
</div><!-- Container end --> </div><!-- Container end -->
</div><!-- Wrapper end --> </div><!-- Wrapper end -->
<?php get_footer(); ?> <?php get_footer(); ?>

1
loop-templates/content-blank.php
View File

@ -7,4 +7,3 @@
?> ?>
<?php the_content(); ?> <?php the_content(); ?>

1
loop-templates/content-empty.php
View File

@ -7,4 +7,3 @@
?> ?>
<?php the_content(); ?> <?php the_content(); ?>

2
loop-templates/content-none.php
View File

@ -9,7 +9,7 @@
?> ?>
<article id="post-0" class="post no-results not-found"> <article class="post no-results not-found" id="post-0">
<header class="page-header"> <header class="page-header">

2
loop-templates/content-page.php
View File

@ -6,7 +6,7 @@
*/ */
?> ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<header class="entry-header"> <header class="entry-header">

2
loop-templates/content-search.php
View File

@ -4,7 +4,7 @@
*/ */
?> ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<header class="entry-header"> <header class="entry-header">

2
loop-templates/content-single.php
View File

@ -4,7 +4,7 @@
*/ */
?> ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<header class="entry-header"> <header class="entry-header">

2
loop-templates/content-verticalpage.php
View File

@ -8,7 +8,7 @@
<?php global $post ?> <?php global $post ?>
<article id="<?php echo strtolower( $post->post_title ); ?>" <?php post_class(); ?>> <article <?php post_class(); ?> id="<?php echo strtolower( $post->post_title ); ?>">
<header class="entry-header"> <header class="entry-header">

2
loop-templates/content.php
View File

@ -4,7 +4,7 @@
*/ */
?> ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<header class="entry-header"> <header class="entry-header">

15
page-templates/blank.php
View File

@ -7,10 +7,9 @@
* @package understrap * @package understrap
*/ */
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html <?php language_attributes(); ?>> <html <?php language_attributes(); ?>>
<head> <head>
<meta charset="<?php bloginfo('charset'); ?>"> <meta charset="<?php bloginfo('charset'); ?>">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@ -20,13 +19,13 @@
<link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
<?php wp_head(); ?> <?php wp_head(); ?>
</head> </head>
<body> <body>
<?php while (have_posts()) : the_post(); ?> <?php while (have_posts()) : the_post(); ?>
<?php get_template_part('loop-templates/content', 'blank'); ?> <?php get_template_part('loop-templates/content', 'blank'); ?>
<?php endwhile; // end of the loop. ?> <?php endwhile; // end of the loop. ?>
<?php wp_footer();?> <?php wp_footer();?>
</body> </body>
</html> </html>

7
page-templates/empty.php
View File

@ -7,12 +7,13 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<?php while ( have_posts() ) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( 'loop-templates/content', 'empty' ); ?> <?php get_template_part( 'loop-templates/content', 'empty' ); ?>
<?php endwhile; // end of the loop. ?> <?php endwhile; // end of the loop. ?>
<?php get_footer(); ?> <?php get_footer(); ?>

9
page-templates/fullwidthpage.php
View File

@ -7,15 +7,16 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<div class="wrapper" id="full-width-page-wrapper"> <div class="wrapper" id="full-width-page-wrapper">
<div id="content" class="container"> <div class="container" id="content">
<div id="primary" class="col-md-12 content-area"> <div class="col-md-12 content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<?php while ( have_posts() ) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>

18
page-templates/vertical-one-page.php
View File

@ -7,32 +7,32 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<?php <?php
/* /*
* Exclude the posts page from being shown in this layout. * Exclude the posts page from being shown in this layout.
* Order pages by their order number. * Order pages by their order number.
*/ */
$exclude = get_option( 'page_for_posts' ); $exclude = get_option( 'page_for_posts' );
$args = array( $args = array(
'post_type' => 'page', 'post_type' => 'page',
'post__not_in' => array( $exclude ), 'post__not_in' => array( $exclude ),
'orderby' => 'menu_order', 'orderby' => 'menu_order',
'order' => 'ASC' 'order' => 'ASC'
); );
$qry = new WP_Query( $args );
$qry = new WP_Query( $args );
?> ?>
<div class="wrapper" id="full-width-page-wrapper"> <div class="wrapper" id="full-width-page-wrapper">
<div id="content" class="container"> <div class="container" id="content">
<div id="primary" class="col-md-12 content-area"> <div class="col-md-12 content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<?php if ( have_posts() ): while ( $qry->have_posts() ): $qry->the_post() ?> <?php if ( have_posts() ): while ( $qry->have_posts() ): $qry->the_post() ?>
<div class="page"> <div class="page">

9
page.php
View File

@ -10,17 +10,18 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<div class="wrapper" id="page-wrapper"> <div class="wrapper" id="page-wrapper">
<div id="content" class="container"> <div class="container" id="content">
<div class="row"> <div class="row">
<div id="primary" class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area"> <div class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<?php while ( have_posts() ) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>

168
sass/understrap/understrap.scss
View File

@ -1,93 +1,76 @@
// Some basic padding for all wrappers // Some basic padding for all wrappers
.wrapper { .wrapper { padding: $grid-gutter-width-base 0; }
padding:$grid-gutter-width-base 0;
}
// Reset hero wrapper padding to 0 // Reset hero wrapper padding to 0
#wrapper-hero { #wrapper-hero { padding: 0px !important; }
padding:0px!important;
}
// Adding basic Wordpress classes to pass the Wordpress.org tests // Adding basic Wordpress classes to pass the Wordpress.org tests
.sticky, .gallery-caption, .bypostauthor { .sticky,
font-size:inherit; .gallery-caption,
} .bypostauthor { font-size: inherit; }
// Separate sticky wrapper from main content // Separate sticky wrapper from main content
.wrapper#wrapper-sticky { .wrapper#wrapper-sticky { border-bottom: 1px solid $gray-light; }
border-bottom:1px solid $gray-light;
}
// Adding some contrast background color to footer full widget // Adding some contrast background color to footer full widget
#wrapper-footer-full, #wrapper-static-hero{ #wrapper-footer-full,
background-color: $gray-lighter; #wrapper-static-hero { background-color: $gray-lighter; }
}
// Necessary WP classes // Necessary WP classes
.wp-caption { .wp-caption { font-size: inherit; }
font-size: inherit;
}
.wp-caption-text { .wp-caption-text { font-size: inherit; }
font-size: inherit;
}
.screen-reader-text { .screen-reader-text { font-size: inherit; }
font-size: inherit;
}
.alignright { .alignright {
float: right; float: right;
padding-left:10px; padding-left: 10px;
} }
.alignleft { .alignleft {
float: left; float: left;
padding-right:10px; padding-right: 10px;
} }
.aligncenter { .aligncenter { margin: 0px auto; }
margin:0px auto;
}
//Post design // Post design
.entry-footer span { .entry-footer span { padding-right: 10px; }
padding-right:10px;
}
//Limit featured image size to 100% // Limit featured image size to 100%
img.wp-post-image, article img, figure, img, #secondary img { img.wp-post-image,
article img,
figure,
img,
#secondary img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
// Skip to content link // Skip to content link
a.skip-link{ a.skip-link {
z-index: 1000; position: fixed;
position: fixed; z-index: 1000;
top: 0px; top: 0px;
right: 0px; right: 0px;
} }
// Reset Jumbotron default margin // Reset Jumbotron default margin
.jumbotron { .jumbotron { margin-bottom: 0px; }
margin-bottom:0px;
// Bootstrap3 to Bootstrap4 "translation"
.menu-item {
float: left;
display: inline;
width: auto;
} }
//Bootstrap3 to Bootstrap4 "translation" /* Navbar toggle
.menu-item {float:left; width:auto; display:inline;} * Custom button for toggling the `.navbar-collapse`, powered by the collapse
//ul.nav.navbar-nav a { * JavaScript plugin.
// display: block; * Navbar vertical align
// padding-top: .425rem; */
// padding-bottom: .425rem;
//}
// Navbar toggle
//
// Custom button for toggling the `.navbar-collapse`, powered by the collapse
// JavaScript plugin.
// Navbar vertical align
.navbar-toggle { .navbar-toggle {
position: relative; position: relative;
float: right; float: right;
@ -97,12 +80,10 @@ right: 0px;
background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
border: 1px solid transparent; border: 1px solid transparent;
/*
// We remove the `outline` here, but later compensate by attaching `:hover` * We remove the `outline` here, but later compensate by attaching `:hover` styles to `:focus`.
// styles to `:focus`. */
&:focus { &:focus { outline: 0; }
outline: 0;
}
// Bars // Bars
.icon-bar { .icon-bar {
@ -111,76 +92,59 @@ right: 0px;
height: 2px; height: 2px;
border-radius: 1px; border-radius: 1px;
} }
.icon-bar + .icon-bar { .icon-bar + .icon-bar { margin-top: 4px; }
margin-top: 4px;
}
} }
.navbar { .navbar {
.collapsing, .collapse.in { .collapsing,
width:100%; .collapse.in {
float:left; float: left;
width: 100%;
} }
} }
.navbar-dark { .navbar-dark {
.navbar-toggle { .navbar-toggle { border: 1px solid #fff; }
border:1px solid #fff; .icon-bar { border-bottom: 1px solid #fff; }
} .dropdown-menu { background-color: $gray-dark; }
.icon-bar {
border-bottom:1px solid #fff;
}
.dropdown-menu {
background-color: $gray-dark;
}
} }
.navbar #main-menu { .navbar #main-menu { float:left; }
float:left;
}
.navbar-nav { .navbar-nav {
.nav-item { .nav-item { float: left; }
float: left;
}
.nav-link { .nav-link {
display: block; display: block;
padding-top: .425rem; padding-top: .425rem;
padding-bottom: .425rem; padding-bottom: .425rem;
+ .nav-link { + .nav-link { margin-left: 0rem; }
margin-left: 0rem;
}
} }
.nav-item + .nav-item { .nav-item + .nav-item { margin-left: 0rem; }
margin-left: 0rem;
}
} }
.nav-link { .nav-link {
margin-left:.425rem; margin-right: .425rem;
margin-right:.425rem; margin-left: .425rem;
} }
// Fixing BS dropdown in a dropdown // Fixing BS dropdown in a dropdown
.dropdown-menu .dropdown-menu { .dropdown-menu .dropdown-menu {
position:relative; position: relative;
display:block; display: block;
width: 140px;
margin-left: 10px;
border: none; border: none;
box-shadow: none; box-shadow: none;
margin-left:10px;
width:140px;
li { li {
list-style: square;
padding-left: 0px; padding-left: 0px;
list-style: square;
} }
} }
.dropdown-menu .menu-item { .dropdown-menu .menu-item {
width:100%; width: 100%;
a:hover { a:hover { background-color: $brand-primary; }
background-color:$brand-primary; }
}
}

7
search.php
View File

@ -5,16 +5,17 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<div class="wrapper search-wrapper"> <div class="wrapper search-wrapper">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<section id="primary" class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area"> <section class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<?php if ( have_posts() ) : ?> <?php if ( have_posts() ) : ?>

11
searchform.php
View File

@ -5,12 +5,13 @@
* @package understrap * @package understrap
*/ */
?> ?>
<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
<label for="s" class="assistive-text"><?php _e( 'Search', 'understrap' ); ?></label> <form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>" role="search">
<label class="assistive-text" for="s"><?php _e( 'Search', 'understrap' ); ?></label>
<div class="input-group"> <div class="input-group">
<input type="text" class="field form-control" name="s" id="s" placeholder="<?php esc_attr_e( 'Search &hellip;', 'understrap' ); ?>" /> <input class="field form-control" id="s" name="s" type="text" placeholder="<?php esc_attr_e( 'Search &hellip;', 'understrap' ); ?>">
<span class="input-group-btn"> <span class="input-group-btn">
<input type="submit" class="submit btn btn-primary" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'understrap' ); ?>" /> <input class="submit btn btn-primary" id="searchsubmit" name="submit" type="submit" value="<?php esc_attr_e( 'Search', 'understrap' ); ?>">
</span> </span>
</div> </div>
</form> </form>

2
sidebar.php
View File

@ -10,7 +10,7 @@ if ( ! is_active_sidebar( 'sidebar-1' ) ) {
} }
?> ?>
<div id="secondary" class="col-md-4 widget-area" role="complementary"> <div class="col-md-4 widget-area" id="secondary" role="complementary">
<?php dynamic_sidebar( 'sidebar-1' ); ?> <?php dynamic_sidebar( 'sidebar-1' ); ?>

9
single.php
View File

@ -5,16 +5,17 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<div class="wrapper" id="single-wrapper"> <div class="wrapper" id="single-wrapper">
<div id="content" class="container"> <div class="container" id="content">
<div class="row"> <div class="row">
<div id="primary" class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area"> <div class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<?php while ( have_posts() ) : the_post(); ?> <?php while ( have_posts() ) : the_post(); ?>

7
woocommerce.php
View File

@ -10,15 +10,16 @@
* @package understrap * @package understrap
*/ */
get_header(); ?> get_header();
?>
<div class="wrapper" id="woocommerce-wrapper"> <div class="wrapper" id="woocommerce-wrapper">
<div class="container"> <div class="container">
<div id="primary" class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area"> <div class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-8<?php else : ?>col-md-12<?php endif; ?> content-area" id="primary">
<main id="main" class="site-main" role="main"> <main class="site-main" id="main" role="main">
<!-- The WooCommerce loop --> <!-- The WooCommerce loop -->