WordPress.org

Plugin Directory

Social Media Icon Widget – Social Profile Links with Gutenberg Block

Social Media Icon Widget – Social Profile Links with Gutenberg Block

描述

Need a clean way to show social profile links on your website? This plugin helps you display a social media icon list anywhere. Add icons to your sidebar, footer, or posts.

This tool is simple and fast. It works with any WordPress theme.

You can configure each social media icon in seconds. Control colors, padding, and hover actions without code. It includes an optimized Gutenberg block and sidebar widget.

View Premium Demo: Social Media Icon Widget Premium
More About Pro: Social Media Icon Widget Premium Features
Where To Buy: Buy Social Media Icon Widget Premium

Video Tutorial

Set up Social Icons and Social Profile Links

Showing your social icons should be easy. This plugin saves you time:

  • Simple drag and drop: Place the widget in any sidebar area.
  • Gutenberg block support: Insert social profile links directly into page layouts.
  • SVG Icons: Light SVG renders sharp on all screens.
  • Responsive Grid: Icons adjust automatically to fit mobile devices.

Gutenberg Block and Widget Customization

Customize your social media icon styling to match your brand style:

  • Choose the number of columns per row.
  • Adjust spacing between your social icons.
  • Apply smooth CSS hover animations.
  • Set custom colors for icon designs and backgrounds.
  • Expose options to open links in new tabs.

Supported Platforms

Connect your audience to these popular networks:

  • Facebook, X (Twitter), Instagram, YouTube
  • Pinterest, LinkedIn, Snapchat, TikTok
  • Tumblr, Flickr, Vimeo, Reddit
  • RSS Feed, Email, WhatsApp, Telegram
  • And many more in the premium version

What Makes This Social Media Icon Widget Different

Unlike bloated social sharing toolbars, this widget focuses on one thing: displaying your social media icon links beautifully. It loads fast, works with any theme, and gives you creative freedom through customization options.

You can adjust each social media icon color to match your brand, add hover effects for visual feedback, and even apply rotation transforms for a unique touch. The spacing controls help you create the exact layout you want.

Free Features

  • 12 popular social network icons
  • Icon color customization
  • Background color settings
  • Hover color effects
  • Multiple icons per row
  • Sidebar and footer widget support
  • Gutenberg block support
  • Fast-loading dynamic inline CSS
  • Icon spacing controls
  • Custom CSS field
  • Mobile responsive design
  • Lightweight SVG icons

Premium Features

Upgrade to unlock additional capabilities:

  • 30+ Pro Social Networks
  • 3 Unique Stunning Layout Styles
  • Custom Background & Icon Color on Hover
  • 60+ Exciting Hover Animations (2D, Curls, Glow)
  • 10+ 3D Transform Rotations
  • Advanced color pickers
  • Multiple icon size options
  • Priority Email & Forum Support

Recommended Plugins

Enhance your website with these powerful addons:

Portfolio Filter Gallery
Create stunning portfolio galleries in minutes with this versatile filter gallery plugin.
Get Premium Version – Unlock advanced features for more customization.

Media Slider
Build responsive media and video slider galleries effortlessly with this slider plugin.
Unlock Premium Version – Add more layouts and controls.

Weather Effect Plugin
Add engaging weather effects to your site with this easy-to-use WordPress plugin.
Check Premium Version – Access multiple effects and settings.

Grid Gallery Plugin
Display images in a customizable grid gallery widget for pages, posts, or sidebars.
Upgrade Premium Version – Enhanced styling options.

Image Gallery Plugin
Showcase images with a lightbox slider using this fast and simple image gallery plugin.
Get Premium Version – More gallery layouts and effects.

Photo Gallery Plugin
Create photo, video, link, and map galleries in seconds with this WordPress gallery plugin.
Check Premium Version – Advanced gallery features.

Responsive Slider Gallery
Add fully responsive sliders to pages, posts, or widgets with this WordPress slider plugin.
Try Premium Version – More slider customization.

Contact Form Widget
Embed a simple contact form in your WordPress site using this shortcode plugin.
Upgrade To Premium Version – Advanced form options.

Social Media Widget
Display social media icons in your sidebar or widget areas with this WordPress plugin.
Get Premium Version – Enhanced social features.

Slider Responsive Slideshow
Create lightweight, responsive slideshows with this powerful WordPress slider plugin.
Upgrade Premium Version – More slideshow effects.

Video Gallery Plugin
Build responsive video galleries quickly with this WordPress video gallery plugin.
Try Premium Version – Additional video features.

Facebook Like Share Follow Button
Add Facebook Like, Share, and Follow buttons to your WordPress pages, posts, or widgets.

Facebook Likebox Widget
Embed a Facebook lightbox widget in your WordPress site for enhanced social engagement.

螢幕截圖

Blocks

This plugin provides 1 block.

  • Social Media Widget

安裝

  1. Upload the plugin files to the /wp-content/plugins/new-social-media-widget/ folder. Or search for it in your WordPress admin.
  2. Activate the plugin.
  3. Open Appearance > Widgets in your admin dashboard.
  4. Drag the widget to your sidebar area.
  5. Alternatively, open a page and insert the Gutenberg block.
  6. Paste your social profile links and save.

常見問題

How do I configure my social media icon list?

Go to Appearance > Widgets in your admin panel. Add the widget to a sidebar. You can also edit pages and add the Gutenberg block. Paste your social profile links into the fields.

Can I use a Gutenberg block to display social icons?

Yes. Search for the “Social Media Widget” block in the editor. Add it to any page. Customize the social profile links inside the block settings.

Can I change the style of my social profile links?

Yes. The settings let you choose custom colors. You can set icon background colors and apply hover effects.

Which social icons are included?

The free plugin supports 12 major networks. This includes Facebook, Instagram, YouTube, X, and WhatsApp.

Do these social profile links open in a new tab?

Yes. You can select if links open in a new tab or the same window.

評價

2021年8月10日
Once installed and running this is a great plugin. Simple and easy to configure, would definitely recommend it for projects.
2020年12月4日
The icons do not appear, and the instructions are unclear, for example do you put in the full link or just the social media handle? With or without the ‘@’? It is not clear and all options throw up an error. Waste of my time for what should be a simple and basic plug-in.
2020年7月25日 3 replies
Purchased the paid premium version, which was not worth the cost. And asked for a refund. Their customer service email rep asked incredibly casually for admin access to my website.
2020年4月6日
The settings are very basic and limited but the reason I will not use it is that it will not save the settings and keeps reverting back even after clearing catch etc.
2020年1月31日
This is very simple and at the same time helpful plugin. I have more then six months usage experience. I like it!
閱讀全部19個評價

貢獻者及開發者

“Social Media Icon Widget – Social Profile Links with Gutenberg Block” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

Social Media Icon Widget – Social Profile Links with Gutenberg Block 外掛目前已有 4 個本地化語言版本。 感謝所有譯者為這個外掛做出的貢獻。

將 Social Media Icon Widget – Social Profile Links with Gutenberg Block 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.4.1

  • Date 30 May 2026
  • Prefixed global sort option social_media_icon_pos to prevent collisions.
  • Enforced capability checks for settings management.
  • Sanitized inline custom CSS preview output in block editor contexts.

1.4.0

  • Improved performance by switching to dynamic inline CSS (wp_add_inline_style) for frontend widget presentation.
  • Added support for Gutenberg blocks.
  • Updated standard default colors to better align with the widget’s modern appearance.
  • Fixed prefixing issues for coding standards.
  • Improved security with proper output escaping and nonce verification.
  • Fixed escaping for CSS output and labels.

1.3.0

  • Tested with version 6.9

1.2.9

  • Bug fixes
  • Tested with version 6.8.2

1.2.8

  • Bug fixes
  • Tested with version 6.8.1

1.2.7

  • Bug fixes
  • Tested with version 6.7.2

1.2.6

  • Bug fixes
  • Tested with version 6.7.1