Blog

You are currently viewing Using Simple Social Icons with W3 Total Cache

Using Simple Social Icons with W3 Total Cache

In a previous post, W3 Total Cache Garbled My Simple Social Icons, I explained how to prevent your icons from being garbled by adding the Simple Social Icons style sheet to the list of style sheets that never get minified.

Simple social icon problem with W3 Total Cache CDN This image on the left is the result after upgrading the Simple Social Icons plugin to the latest version. This issue was caused because Simple Social Icons now uses scalable vector graphics (SVGs) instead of web fonts for better accessibility and legibility and the W3 Total Cache plugin did not upload the new SVG files to my CDN. No worries, it can be done manually.

To correct the problem so that the Simple Social Icons render correctly with W3 Total Cache follow these steps:

  1. Login to your WordPress Admin panel.
  2. Mouse over the Performance menu item and select CDN.
  3. W3 Total Cache CDN Purge button Look for the Purge button as pictured to the left and tap/click it.
  4. Enter the path and object names for all the SVG files associated with the Simple Social Icons plugin. You can see my list below.
  5. Press the Purge button. The files on your CDN will be deleted and refreshed with the files from your server.
  6. Refresh the page and you should see the icons rendered properly.

Simple Social Icons rendered properly after W3 Total Cache CDN purged.

 

wp-content/plugins/simple-social-icons/icons/SVG/behance.svg
wp-content/plugins/simple-social-icons/icons/SVG/bloglovin.svg
wp-content/plugins/simple-social-icons/icons/SVG/dribbble.svg
wp-content/plugins/simple-social-icons/icons/SVG/email.svg
wp-content/plugins/simple-social-icons/icons/SVG/facebook.svg
wp-content/plugins/simple-social-icons/icons/SVG/flickr.svg
wp-content/plugins/simple-social-icons/icons/SVG/github.svg
wp-content/plugins/simple-social-icons/icons/SVG/gplus.svg
wp-content/plugins/simple-social-icons/icons/SVG/instagram.svg
wp-content/plugins/simple-social-icons/icons/SVG/linkedin.svg
wp-content/plugins/simple-social-icons/icons/SVG/medium.svg
wp-content/plugins/simple-social-icons/icons/SVG/periscope.svg
wp-content/plugins/simple-social-icons/icons/SVG/phone.svg
wp-content/plugins/simple-social-icons/icons/SVG/pinterest.svg
wp-content/plugins/simple-social-icons/icons/SVG/rss.svg
wp-content/plugins/simple-social-icons/icons/SVG/snapchat.svg
wp-content/plugins/simple-social-icons/icons/SVG/stumbleupon.svg
wp-content/plugins/simple-social-icons/icons/SVG/tumblr.svg
wp-content/plugins/simple-social-icons/icons/SVG/twitter.svg
wp-content/plugins/simple-social-icons/icons/SVG/vimeo.svg
wp-content/plugins/simple-social-icons/icons/SVG/xing.svg
wp-content/plugins/simple-social-icons/icons/SVG/youtube.svg

Leave a Reply