0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds footer file. Styles fixes for footer.

Browse source
This commit is contained in:
Jeffrey Pearce 2019-08-01 17:24:46 +02:00
parent 9f6ad2a43d
commit b5c84026bb
4 changed files with 117 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
stow/footer.php Normal file
View file

@ -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>

74
stow/sass/_extra-child-theme.scss
View file

@ -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;
}
}
}

12
stow/style-rtl.css
View file

@ -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%;
}
}
/**

45
stow/style.css
View file

@ -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;
}
}