Twenty Fourteen: Social Menu

[wilflare]

I would like to see native support for Social Menus in Twenty Fourteen (it's my mainstay theme for now).

I understood from the WordPress.org forums that it is built-in for the Twenty Fifteen theme. It would be great to see that in Twenty Fourteen in a future update

Thank you

[lancewillett]

Hi wilflare, thank you for the suggestion. We'll keep it in mind for a future update. For now you can use Social Menu plugin to get the same functionality, like ​http://jetpack.me/support/social-links/. The benefit to using a plugin is that your links will transfer if you switch themes, something not always the case if the feature is built into a theme itself.

[wilflare]

Hi lancewillett, thanks for the reply and explanation.
hmm I tried looking into my Jetpack modules but couldn't really find an option to activate the Social Menu for Twenty Fourteen.

​http://kovshenin.com/2014/social-menus-in-wordpress-themes/

• I was directed to this on the WordPress.org support forums - it seems to suggest that themes should be supporting such a feature (trying to cut down my plugins bloat)

but thank you for considering this

[iamtakashi]

I'm fine with adding social links feature with the way Twenty Fifteen does. What we need to think about is the location. First, I thought where Further (Original theme) had: ​https://furtherdemo.wordpress.com/ but it would break some users header and it might not be the ideal location to add it from now. Other choices are the left sidebar (top or bottom), and the footer.

[lancewillett]

@binarymoon is looking at this one as part of WordCamp London 2015 Contributor Day.

[karmatosed]

@iamtakashi what do you think about bringing in what Twenty Sixteen does as a solution for this?

[iamtakashi]

As I said before, what we need to have is our consensus about the location. We need to pick the safest location. In my mind, that's either #secondary or .site-footer but I'm open to other suggestions.

[karmatosed]

@iamtakashi I'm personally fine wherever you think they fit in the design.

[karmatosed]

I'd love to see a patch based on the positioning @iamtakashi is suggesting of #secondary or .site-footer.

[janhenckens]

Social navigation in the sidebar

[janhenckens]

Social navigation in the footer

[janhenckens]

I had a quick go at this one and have attached the results of placing the social navigation in the footer and in the sidebar.

Which one do you all prefer?

Also, the genericons version included in twentyfourteen does not have an icon for foursquare.com, it does in twentyfifteen/twentysixteen. Should we update genericons in twentyfourteen or drop the css for foursquare?

Happy to take care of the patch once we've determined where want the nav to go :)

[lukecavanagh]

@janhenckens

Footer seems to be a more common use for social links.

[dots]

@lukecavanagh

I also agree with you to add the social icon on the footer in the right position.

[janhenckens]

Code and css to add the social menu

[janhenckens]

Genericons update, taken from twentyfifteen

[janhenckens]

I've made this into 2 patches:

• 1 that adds the menu and the styling
• 1 that updates the genericons in twentyfourteen

Testing & feedback are welcome :)

[toddmilliken]

Fixes CSS Parsing error by removing a trailing comma.

[toddmilliken]

Replying to janhenckens:

I've made this into 2 patches:

• 1 that adds the menu and the styling
• 1 that updates the genericons in twentyfourteen

Testing & feedback are welcome :)

When testing the patch for twenty-fourteen, the social menu looked good but I noticed a side-effect on each post's meta information (date, comments, and edit link). The font icons were unable to render due to CSS Parse issue - there was one extra trailing slash at line 3334 in the theme's stylesheet style.css. Removing the comma fixed the parse error, the patch looks ok now.

[DrewAPicture]

Assigning ownership to mark the good-first-bug as "claimed".

[davidbaumwald]

This ticket needs a refresh, and with Beta 1 closing in for 5.4, it's being moved to Future Release. If any committer or maintainer feels this can be refreshed and reviewed in time for 5.4 or can assume ownership during a specific cycle, feel free to update the milestone accordingly.

[desrosj]

I'm going to close this one out as a wontfix.

We've started to take a stance of "no new social icon requests" in other themes (see the ​WordPress 5.5 Theme Field Guide for Twenty Twenty). I think that should extend here to this request.

Additionally, the block editor has a growing number of social icons supported that work on any theme. Those blocks should be used instead.