SVG Social Menu

Display your social media profile links with vector icons using a custom navigation menu.

Author:Florian Brinkmann (profile at wordpress.org)
WordPress version required:3.4.0
WordPress version tested:5.2.3
Plugin version:2.0.0
Added to WordPress repository:09-01-2016
Last updated:27-09-2019
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:100
Rated by:1
Plugin URI:https://florianbrinkmann.de/2000/ein-social-i...
Total downloads:10 984
Active installs:500+
plugin download
Click to start download

This plugin adds a Widget that allows you to show show the social media links as vector icons.

To use it, follow these steps after activation:

  1. Create a menu with links to your social media channels
  2. Select “SVG Social Menu” as menu location and save it
  3. Drag the widget “SVG Social Menu” in one of your widget areas

You can filter the custom CSS with the following code in your theme, where $styles is the CSS:

function slug_edit_svg_social_menu_styles( $styles ) {
    $styles = '<style>yourStyles</style>';

    return $styles;
}

add_filter( 'svg_social_menu_inline_style', 'slug_edit_svg_social_menu_styles' );

If you want to add CSS to the default rules, try this:

function slug_edit_svg_social_menu_styles( $styles ) {
    $styles .= '<style>additionalStyles</style>';

    return $styles;
}

add_filter( 'svg_social_menu_inline_style', 'slug_edit_svg_social_menu_styles' );

The following social network URLs are supported:

  • plus.google.com
  • wordpress.org
  • wordpress.com
  • facebook.com
  • twitter.com
  • dribbble.com
  • pinterest.com
  • github.com
  • tumblr.com
  • youtube.com
  • flickr.com
  • vimeo.com
  • instagram.com
  • linkedin.com
  • xing.de
  • xing.com
  • /feed
  • mailto:
  • amazon.de
  • amazon.com
  • amazon.co.uk
  • amazon.es
  • telegram.me
  • t.me
  • behance.net

If you want more or have other problems, you can create an issue on GitHub.