David A. Windham
david
/
hbr
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

header logo

windhamdavid 3 years ago
parent
7a7793e971
commit
cbb20646b4
2 changed files with 83 additions and 0 deletions
Unified View Show Diff Stats
  1. 73 0
      header.php
  2. 10 0
      style.css

+ 73 - 0
header.php
View File 

@@ -0,0 +1,73 @@
 
+<?php

+/**

+ * The header.

+ *

+ * This is the template that displays all of the <head> section and everything up until main.

+ *

+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials

+ *

+ * @package WordPress

+ * @subpackage Twenty_Twenty_One

+ * @since Twenty Twenty-One 1.0

+ */

+

+?>

+<!doctype html>

+<html <?php language_attributes(); ?> <?php twentytwentyone_the_html_classes(); ?>>

+<head>

+	<meta charset="<?php bloginfo( 'charset' ); ?>" />

+	<meta name="viewport" content="width=device-width, initial-scale=1" />

+	<?php wp_head(); ?>

+</head>

+

+<body <?php body_class(); ?>>

+<?php wp_body_open(); ?>

+<div id="page" class="site">

+	<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'twentytwentyone' ); ?></a>

+

+	<?php

+		$wrapper_classes  = 'site-header';

+		$wrapper_classes .= has_custom_logo() ? ' has-logo' : '';

+		$wrapper_classes .= ( true === get_theme_mod( 'display_title_and_tagline', true ) ) ? ' has-title-and-tagline' : '';

+		$wrapper_classes .= has_nav_menu( 'primary' ) ? ' has-menu' : '';

+	?>

+

+	<header id="masthead" class="<?php echo esc_attr( $wrapper_classes ); ?>">

+

+		<?php

+			$blog_info    = get_bloginfo( 'name' );

+			$description  = get_bloginfo( 'description', 'display' );

+			$show_title   = ( true === get_theme_mod( 'display_title_and_tagline', true ) );

+			$header_class = $show_title ? 'site-title' : 'screen-reader-text';

+		?>

+

+

+		<div class="site-branding">

+

+			<?php if ( has_custom_logo() &&  $show_title ) : ?>

+				<div class="site-logo"><?php the_custom_logo(); ?></div>

+			<?php endif; ?>

+

+			<?php if ( $blog_info ) : ?>

+				<?php if ( is_front_page() && ! is_paged() ) : ?>

+					<h1 class="<?php echo esc_attr( $header_class ); ?>"><?php echo esc_html( $blog_info ); ?></h1>

+				<?php elseif ( is_front_page() && ! is_home() ) : ?>

+					<h1 class="<?php echo esc_attr( $header_class ); ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php echo esc_html( $blog_info ); ?></a></h1>

+				<?php else : ?>

+					<p class="<?php echo esc_attr( $header_class ); ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php echo esc_html( $blog_info ); ?></a></p>

+				<?php endif; ?>

+			<?php endif; ?>

+

+			<?php if ( $description && true === get_theme_mod( 'display_title_and_tagline', true ) ) : ?>

+				<p class="site-description">

+					<?php echo $description; // phpcs:ignore WordPress.Security.EscapeOutput ?>

+				</p>

+			<?php endif; ?>

+		</div><!-- .site-branding -->

+		<?php get_template_part( 'template-parts/header/site-nav' ); ?>

+

+	</header>

+

+	<div id="content" class="site-content">

+		<div id="primary" class="content-area">

+			<main id="main" class="site-main">

+ 10 - 0
style.css
View File 

@@ -23,6 +23,15 @@ License URI: https://www.gnu.org/licenses/gpl-2.0.html
 
 .site-header {
 
 .site-header {
 
   padding-bottom: 40px;
 
   padding-bottom: 40px;
 
 }
 
 }
 
+.site-branding {
 
+  padding-bottom: 10px;
 
+  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
 
+}
 
+.site-logo {
 
+  opacity: 0.25;
 
+  float: right;
 
+  margin: 0 0 -100px 380px;
 
+}
 
 .site-title {
 
 .site-title {
 
   font-family: 'Times New Roman', Times, serif;
 
   font-family: 'Times New Roman', Times, serif;
 
   font-size: 29px;
 
   font-size: 29px;
 
@@ -41,6 +50,7 @@ License URI: https://www.gnu.org/licenses/gpl-2.0.html
 
 
 
 
 
 
 
+
 
 .page-title {
 
 .page-title {
 
   font-size: 50px;
 
   font-size: 50px;
 
 }
 
 }