Adds social footer menu.

stratford/footer.php

@@ -0,0 +1,59 @@
+<?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">
+		<?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
+		<?php
+		if ( function_exists( 'the_privacy_policy_link' ) ) {
+			the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
+		}
+		?>
+		<?php if ( has_nav_menu( 'social' ) ) : ?>
+			<nav class="footer-navigation social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'varia' ); ?>">
+				<?php
+				wp_nav_menu(
+					array(
+						'theme_location' => 'social',
+						'menu_class'     => 'social-links-menu',
+						'link_before'    => '<span class="screen-reader-text">',
+						'link_after'     => '</span>' . varia_get_icon_svg( 'link' ),
+						'depth'          => 1,
+					)
+				);
+				?>
+			</nav><!-- .social-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 -->
+	</footer><!-- #colophon -->
+
+</div><!-- #page -->
+
+<?php wp_footer(); ?>
+
+</body>
+</html>

stratford/sass/_extra-child-theme.scss

@@ -59,3 +59,10 @@ $spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
 		}
 	}
 }
+
+// Social Links Footer Menu
+.social-links-menu {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+}