Social Icons Obvs

Add fully customisable SVG social icons to your website. Icon customisation includes colour, shape, size, alignment and spacing.

Author:Jase Warner (profile at wordpress.org)
WordPress version required:4.6
WordPress version tested:5.6.4
Plugin version:1.1.9
Added to WordPress repository:21-03-2017
Last updated:03-02-2021
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, %:0
Rated by:0
Plugin URI:http://jase.io/archive/development/social-ico...
Total downloads:1 260
Active installs:10+
plugin download
Click to start download

Social Icons Obvs offers the ability to add social media icons to a WordPress site with extensive customising options, such as icon background colour, shape, size, spacing and alignment.

The plugin settings page consists of three sections, each with it’s own tab. They are namely Accounts, Customise and Display.

Accounts

The Accounts section consists of 14 social media channels that can be switched on, at which point a profile URL is required.
The plugin currently serves the following channels: Behance, Bitbucket, Dribbble, Facebook, GitHub, Instagram, LinkedIn, Pinterest, Soundcloud, Tumblr, Twitter, Vimeo, YouTube and YunoJuno.

Customise

The Customise section features various options, including:

  • Background colours are available as either branded, transparent or custom (the latter features a colour picker for selecting a specific HEX value).
  • Shapes (that is, the shape that each icon sits within) can either be square, circle or square with rounded corners.
  • Size can either be small (30 x 30 px), medium (40 x 40 px) or large (50 x 50 px).
  • Alignment can be set to either center, left or right.
  • Spacing places a certain amount of space either side of each icon and can be set to either Extra Small (5 px), Small (10 px), Medium (15 px), Large (20 px) or Extra Large (25 px).

Display

In this section, the icons can be dragged and dropped into the desired order, the top one being the first.
Once the changes have been saved, place the shortcode [social_icons_obvs] wherever you would like the icons displayed.

Note: If any changes are made in this section once the shortcode has been placed somewhere in the site, the new changes will be reflected in the previously placed shortcode.