Themetry is no longer operational. This site is here for archival purposes. See what Leland is working on at le.land.

I stumbled across a question asking how to add Snapchat to a WordPress social icon menu.

In this post, I’ll explain why you may want to steer your client away from announcing your Snapchat in this way, and explain how to efficiently add a Snapchat icon to your social menus if the client is insistent.

Considering Snapchat limitations

Unlike many other popular social networks, Snapchat has no web interface. There are better, hipper ways of announcing your Snapchat presence on your website, such as displaying a Snapcode.

If you have Font Awesome enqueued

Adding support to your existing WordPress social nav menu is as simple as applying a single CSS rule targeting the Snapchat URL pattern.

If you don’t have Font Awesome enqueued

Please don’t load the entire Font Awesome library on every single page of your site for the sake of one icon. Use SVG instead for a laser-focused approach.

If using Simple Social Icons

Simple Social Icons uses a filter, simple_social_default_profiles, that allows you to add additional profile options. You can use a free online app like Icomoon to add the Snapchat glyph to SSI’s custom icon font.

Previous Post
Coding a scrolling news ticker with pure CSS and no custom markup
Next Post
Ensuring cross-browser square-dotted borders