WordPress.org

Make WordPress Core

Ticket #30439: 30439_footer.patch

File 30439_footer.patch, 5.5 KB (added by janhenckens, 4 years ago)

Code and css to add the social menu

  • src/wp-content/themes/twentyfourteen/footer.php

    diff --git a/src/wp-content/themes/twentyfourteen/footer.php b/src/wp-content/themes/twentyfourteen/footer.php
    index 519e128..bf23982 100644
    a b  
    2020                                <?php do_action( 'twentyfourteen_credits' ); ?>
    2121                                <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentyfourteen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentyfourteen' ), 'WordPress' ); ?></a>
    2222                        </div><!-- .site-info -->
     23                        <?php if ( has_nav_menu( 'social' ) ) : ?>
     24                                <nav id="social-navigation" class="social-navigation" role="navigation">
     25                                        <?php
     26                                                // Social links navigation menu.
     27                                                wp_nav_menu( array(
     28                                                        'theme_location' => 'social',
     29                                                        'depth'          => 1,
     30                                                        'link_before'    => '<span class="screen-reader-text">',
     31                                                        'link_after'     => '</span>',
     32                                                ) );
     33                                        ?>
     34                                </nav><!-- .social-navigation -->
     35                        <?php endif; ?>
    2336                </footer><!-- #colophon -->
    2437        </div><!-- #page -->
    2538
    2639        <?php wp_footer(); ?>
    2740</body>
    28 </html>
    29  No newline at end of file
     41</html>
  • src/wp-content/themes/twentyfourteen/functions.php

    diff --git a/src/wp-content/themes/twentyfourteen/functions.php b/src/wp-content/themes/twentyfourteen/functions.php
    index f85ef1c..993169d 100644
    a b function twentyfourteen_setup() { 
    7878        set_post_thumbnail_size( 672, 372, true );
    7979        add_image_size( 'twentyfourteen-full-width', 1038, 576, true );
    8080
    81         // This theme uses wp_nav_menu() in two locations.
     81        // This theme uses wp_nav_menu() in three locations.
    8282        register_nav_menus( array(
    8383                'primary'   => __( 'Top primary menu', 'twentyfourteen' ),
    8484                'secondary' => __( 'Secondary menu in left sidebar', 'twentyfourteen' ),
     85                'social'  => __( 'Social Links Menu', 'twentyfifteen' ),
    8586        ) );
    8687
    8788        /*
  • src/wp-content/themes/twentyfourteen/style.css

    diff --git a/src/wp-content/themes/twentyfourteen/style.css b/src/wp-content/themes/twentyfourteen/style.css
    index 4221371..1f45959 100644
    a b div.wp-caption.alignright .wp-caption-text { 
    791791.contributor-posts-link:before,
    792792.menu-toggle:before,
    793793.search-toggle:before,
     794.social-navigation a:before,
    794795.slider-direction-nav a:before,
    795796.widget_twentyfourteen_ephemera .widget-title:before {
    796797        -webkit-font-smoothing: antialiased;
    span + .edit-link:before, 
    969970        font-weight: 900;
    970971}
    971972
     973
     974.social-navigation {
     975        margin: 0;
     976        float: right;
     977}
     978
     979.social-navigation ul {
     980        list-style: none;
     981        margin: 1.1em 0 0 0;
     982}
     983
     984.social-navigation li {
     985        float: left;
     986}
     987
     988.social-navigation a {
     989        color: rgba(255, 255, 255, 0.7);
     990        display: block;
     991        height: 3em;
     992        position: relative;
     993        width: 3em;
     994}
     995
     996.social-navigation a:hover {
     997        color: #24890d;
     998}
     999
     1000.social-navigation a:before {
     1001        content: "\f415";
     1002        font-size: 18px;
     1003        position: absolute;
     1004        top: 0;
     1005        left: 0;
     1006}
     1007
     1008.social-navigation a[href*="codepen.io"]:before {
     1009        content: "\f216";
     1010}
     1011
     1012.social-navigation a[href*="digg.com"]:before {
     1013        content: "\f221";
     1014}
     1015
     1016.social-navigation a[href*="dribbble.com"]:before {
     1017        content: "\f201";
     1018}
     1019
     1020.social-navigation a[href*="dropbox.com"]:before {
     1021        content: "\f225";
     1022}
     1023
     1024.social-navigation a[href*="facebook.com"]:before {
     1025        content: "\f203";
     1026}
     1027
     1028.social-navigation a[href*="flickr.com"]:before {
     1029        content: "\f211";
     1030}
     1031
     1032.social-navigation a[href*="foursquare.com"]:before {
     1033        content: "\f226";
     1034}
     1035
     1036.social-navigation a[href*="plus.google.com"]:before {
     1037        content: "\f206";
     1038}
     1039
     1040.social-navigation a[href*="github.com"]:before {
     1041        content: "\f200";
     1042}
     1043
     1044.social-navigation a[href*="instagram.com"]:before {
     1045        content: "\f215";
     1046}
     1047
     1048.social-navigation a[href*="linkedin.com"]:before {
     1049        content: "\f208";
     1050}
     1051
     1052.social-navigation a[href*="pinterest.com"]:before {
     1053        content: "\f210";
     1054}
     1055
     1056.social-navigation a[href*="getpocket.com"]:before {
     1057        content: "\f224";
     1058}
     1059
     1060.social-navigation a[href*="polldaddy.com"]:before {
     1061        content: "\f217";
     1062}
     1063
     1064.social-navigation a[href*="reddit.com"]:before {
     1065        content: "\f222";
     1066}
     1067
     1068.social-navigation a[href*="stumbleupon.com"]:before {
     1069        content: "\f223";
     1070}
     1071
     1072.social-navigation a[href*="tumblr.com"]:before {
     1073        content: "\f214";
     1074}
     1075
     1076.social-navigation a[href*="twitter.com"]:before {
     1077        content: "\f202";
     1078}
     1079
     1080.social-navigation a[href*="vimeo.com"]:before {
     1081        content: "\f212";
     1082}
     1083
     1084.social-navigation a[href*="wordpress.com"]:before,
     1085.social-navigation a[href*="wordpress.org"]:before {
     1086        content: "\f205";
     1087}
     1088
     1089.social-navigation a[href*="youtube.com"]:before {
     1090        content: "\f213";
     1091}
     1092
     1093.social-navigation a[href*="mailto:"]:before {
     1094        content: "\f410";
     1095}
     1096
     1097.social-navigation a[href*="spotify.com"]:before {
     1098        content: "\f515";
     1099}
     1100
     1101.social-navigation a[href*="twitch.tv"]:before {
     1102        content: "\f516";
     1103}
     1104
     1105.social-navigation a[href$="/feed/"]:before {
     1106        content: "\f413";
     1107}
     1108
     1109.social-navigation a[href*="path.com"]:before {
     1110        content: "\f219";
     1111}
     1112
     1113.social-navigation a[href*="skype.com"]:before {
     1114        content: "\f220";
     1115}
     1116
    9721117/* Primary Navigation */
    9731118
    9741119.primary-navigation {
    a.post-thumbnail:hover { 
    28302975}
    28312976
    28322977.site-info {
     2978        float: left;
    28332979        padding: 15px 10px;
    28342980}
    28352981
    a.post-thumbnail:hover { 
    31853331        .site-content .featured-post:before,
    31863332        .site-content .full-size-link a:before,
    31873333        .site-content .parent-post-link a:before,
    3188         .site-content .post-format a:before {
     3334        .site-content .post-format a:before, {
    31893335                -webkit-font-smoothing: antialiased;
    31903336                display: inline-block;
    31913337                font: normal 16px/1 Genericons;