Social icons

[amdrew]

Social icons could be used:

1. On single posts, pages and downloads for sharing
2. By the site owner, to link to their social profiles
3. By the vendor, when FES is activated. Social icons would show on their vendor page

I really like the way basic social links have been done in the Twenty Sixteen and Twenty Seventeen themes. You simply add custom links that point to your social media sites and the theme automatically detects the link and shows the correct icon. This means there's no need to add customizer controls.

Some notes:

• Icons will be SVG
• If a social icon is missing, it can be easily added from either Themedd or a child theme, no need to build customizer controls.
• A "social links menu" could be created like the 2016 and 2017 themes to show the icons in a very specific location. Potentially in the footer, below any widgets
• Themedd could still provide styling support for Jetpack's social icons and other popular plugins.

[arraypress]

Any updates on this one @amdrew? No rush, just wondering if I should do it myself for my child theme if it's not gong to make 1.0 release.

[amdrew]

@davidsherlock It won't make it for 1.0, currently mile-stoned for future release.

[arraypress]

@amdrew, when roughly do you expect version 1.0 to be released roughly? Going to try and align it with my child theme.

[amdrew]

@davidsherlock Roughly 2-3 weeks or less (hopefully)

[arraypress]

Not meaning to sound pushy, but this one would be really neat to tackle in the next update (and much needed - since most options out there are bloated).

[arraypress]

As a side note, adding a customiser control to handle the color of the icons would be useful.

[amdrew]

Will get to it when I can. Will be neat for sure!

[amdrew]

Made progress on this.

A new "Social Links Menu” theme location has been added. Icons are displayed in this footer location by simply creating custom links and linking to the various social platforms. This is how it's acheived with the Twenty Sixteen and Twenty Seventeen themes.

---

An extreme example:

Admin menu:

---

Desktop:

---

If the social links menu location isn't used, the copyright will be centered as before:

---

On mobile devices, the icons show above the copyright notice:

---

Some notes:

• The Link icon is shown when there isn't an SVG available for the chosen social platform.

• There's a themedd_get_svg() function for displaying any SVG icon from the theme. This will allow sharing icons to be shown on single posts etc (like how we do on AffiliateWP) or on vendor profiles.

• With CSS, it's straight forward to change the color (and hover color) of the icons (Customizer setting might be added still). Each icon also has a auto generated class name so you can color them individually.

• Because the icons are outputted via a menu, you can show the social links menu in other locations. Here's a quick example of adding them above the theme's header:

  

• It's possible to add text before the icons (via code) such as "Follow us on":

  

• Or drop the icons altogether and only have text:

  

[arraypress]

This looks great @amdrew!