Bladeren bron

Adds footer file. Styles fixes for footer.

Jeffrey Pearce 6 jaren geleden
bovenliggende
commit
b5c84026bb
4 gewijzigde bestanden met toevoegingen van 117 en 75 verwijderingen
  1. 61 0
      stow/footer.php
  2. 26 48
      stow/sass/_extra-child-theme.scss
  3. 9 3
      stow/style-rtl.css
  4. 21 24
      stow/style.css

+ 61 - 0
stow/footer.php

@@ -0,0 +1,61 @@
+<?php
+/**
+ * The template for displaying the footer
+ *
+ * Contains the closing of the #content div and all content after.
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
+ *
+ * @package WordPress
+ * @subpackage Varia
+ * @since 1.0.0
+ */
+
+?>
+
+	</div><!-- #content -->
+
+	<footer id="colophon" class="site-footer responsive-max-width">
+        <div class="footer-widgets">
+            <?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>    
+        </div><!-- .footer-widgets -->
+		<?php
+		if ( function_exists( 'the_privacy_policy_link' ) ) {
+			the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
+		}
+        ?>
+        <div class="footer-nav-credits">
+            <?php if ( has_nav_menu( 'menu-2' ) ) : ?>
+                <nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'varia' ); ?>">
+                    <?php
+                    wp_nav_menu(
+                        array(
+                            'theme_location' => 'menu-2',
+                            'menu_class'     => 'footer-menu',
+                            'depth'          => 1,
+                        )
+                    );
+                    ?>
+                </nav><!-- .footer-navigation -->
+            <?php endif; ?>
+            <div class="site-info">
+                <?php $blog_info = get_bloginfo( 'name' ); ?>
+                <?php if ( ! empty( $blog_info ) ) : ?>
+                    <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a><span class="comma">,</span>
+                <?php endif; ?>
+                <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'varia' ) ); ?>" class="imprint">
+                    <?php
+                    /* translators: %s: WordPress. */
+                    printf( __( 'proudly powered by %s.', 'varia' ), 'WordPress' );
+                    ?>
+                </a>
+            </div><!-- .site-info -->
+        </div><!-- .footer-nav-credits -->
+	</footer><!-- #colophon -->
+
+</div><!-- #page -->
+
+<?php wp_footer(); ?>
+
+</body>
+</html>

+ 26 - 48
stow/sass/_extra-child-theme.scss

@@ -3,7 +3,7 @@
  *
  * 1. General Helper Styles
  * 2. Header
- * 3. Main Wrapper
+ * 3. Main Wrapper and Content
  * 4. Navigation Menu
  * 5. Footer
  * 6. Archive Pagination and Post Navigation
@@ -34,18 +34,6 @@ a {
 	text-transform: uppercase;
 }
 
-// .main-navigation > div {
-// 	text-align: left;
-// }
-
-// .comment-reply-title {
-// 	display: inherit;
-// }
-
-// .comment .comment-reply-title {
-// 	display: flex;
-// }
-
 .main-navigation > div > ul,
 .social-navigation > div > ul,
 .pagination .nav-links {
@@ -93,7 +81,7 @@ a {
 }
 
 /**
- * 3. Main Wrapper
+ * 3. Main Wrapper and Content
  */
 .site {
 	margin: 0 auto;
@@ -211,35 +199,18 @@ a {
  */
 .site-footer {
 	background-color: #{map-deep-get($config-global, "color", "primary", "default")};
-	
 	margin: 0 auto;
 	padding: #{map-deep-get($config-global, "spacing", "vertical")};
 	@extend %responsive-width-full;
 	@include media(tablet) {
-		aside {
-			&.widget-area {
-				display:flex;
-				flex-wrap:wrap;
-				flex-direction:row;
-				justify-content:flex-start;
-				align-items:stretch;
-				section {
-					&.widget {
-						flex-basis: 50%;
-					}
-				}
-				> *:first-child {
-					margin-top: #{map-deep-get($config-global, "spacing", "vertical")};
-				}
+		div {
+			&.footer-nav-credits {
+				width: 100%;
 			}
 		}
 	}
 }
 
-
-
-// UNSURE ABOUT KEEPING
-
 /**
  * 6. Archive Pagination and Post Navigation
  */
@@ -248,7 +219,6 @@ a {
 	font-weight: normal;
 }
 
-
 /**
  * 7. Block Specific Styles
  */
@@ -397,21 +367,29 @@ a {
 			margin-bottom: .857em;
 		}
 	}
-}
-
-// ONLY IF HOME WITH NO HEADER - REMOVE FOR PRODUCTION
-.home {
-	&.page {
-		.site-main {
-			padding: 0;
-			article {
-				.entry-content {
-					margin-top: 0;
+	@include media(tablet) {
+		div {
+			&.footer-widgets {
+				width: 100%;
+				aside {
+					&.widget-area {
+						display:flex;
+						flex-wrap:wrap;
+						flex-direction:row;
+						justify-content:flex-start;
+						align-items:stretch;
+						section {
+							&.widget {
+								flex-basis: 50%;
+							}
+						}
+						> *:first-child {
+							margin-top: #{map-deep-get($config-global, "spacing", "vertical")};
+						}
+					}
 				}
+				
 			}
 		}
-		.entry-header {
-			display: none;
-		}		
 	}
 }

+ 9 - 3
stow/style-rtl.css

@@ -3405,19 +3405,25 @@ a {
 }
 
 @media only screen and (min-width: 640px) {
-	.site-footer aside.widget-area {
+	.site-footer div.footer-widgets {
+		width: 100%;
+	}
+	.site-footer div.footer-widgets aside.widget-area {
 		display: flex;
 		flex-wrap: wrap;
 		flex-direction: row;
 		justify-content: flex-start;
 		align-items: stretch;
 	}
-	.site-footer aside.widget-area section.widget {
+	.site-footer div.footer-widgets aside.widget-area section.widget {
 		flex-basis: 50%;
 	}
-	.site-footer aside.widget-area > *:first-child {
+	.site-footer div.footer-widgets aside.widget-area > *:first-child {
 		margin-top: 32px;
 	}
+	.site-footer div.footer-nav-credits {
+		width: 100%;
+	}
 }
 
 /**

+ 21 - 24
stow/style.css

@@ -3219,7 +3219,7 @@ img#wpstats {
  *
  * 1. General Helper Styles
  * 2. Header
- * 3. Main Wrapper
+ * 3. Main Wrapper and Content
  * 4. Navigation Menu
  * 5. Footer
  * 6. Archive Pagination and Post Navigation
@@ -3297,7 +3297,7 @@ a {
 }
 
 /**
- * 3. Main Wrapper
+ * 3. Main Wrapper and Content
  */
 .site {
 	margin: 0 auto;
@@ -3410,18 +3410,8 @@ a {
 }
 
 @media only screen and (min-width: 640px) {
-	.site-footer aside.widget-area {
-		display: flex;
-		flex-wrap: wrap;
-		flex-direction: row;
-		justify-content: flex-start;
-		align-items: stretch;
-	}
-	.site-footer aside.widget-area section.widget {
-		flex-basis: 50%;
-	}
-	.site-footer aside.widget-area > *:first-child {
-		margin-top: 32px;
+	.site-footer div.footer-nav-credits {
+		width: 100%;
 	}
 }
 
@@ -3581,14 +3571,21 @@ a {
 	margin-bottom: .857em;
 }
 
-.home.page .site-main {
-	padding: 0;
-}
-
-.home.page .site-main article .entry-content {
-	margin-top: 0;
-}
-
-.home.page .entry-header {
-	display: none;
+@media only screen and (min-width: 640px) {
+	.site-footer div.footer-widgets {
+		width: 100%;
+	}
+	.site-footer div.footer-widgets aside.widget-area {
+		display: flex;
+		flex-wrap: wrap;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: stretch;
+	}
+	.site-footer div.footer-widgets aside.widget-area section.widget {
+		flex-basis: 50%;
+	}
+	.site-footer div.footer-widgets aside.widget-area > *:first-child {
+		margin-top: 32px;
+	}
 }