Lightweight Social Icons

Mô tả

Lightweight Social Icons là plugin dễ sử dụng, gọn nhẹ cung cấp một widget cho bạn hiển thị các biểu tượng mạng xã hội.

Sử dụng bộ icon font, bạn có thể lựa chọn kích thước, viền cong, màu sắc và màu khi rê chuột của icon.

Hãy thử ghé thăm trong giao diện GeneratePress (

Các tính năng:

  • Choose your own order
  • Kích thước icon
  • Border radius
  • Màu nền
  • Màu chữ/icon
  • Màu nền khi di chuột
  • Màu chữ/icon khi di chuột
  • Mở liên kết trong cửa sổ mới
  • Bật/Tắt công cụ chú thích
  • Căn lề icon

Bao gồm các icon:

  • Facebook
  • Twitter
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Flickr
  • Email
  • RSS
  • Stumbleupon
  • Tumblr
  • Vimeo
  • YouTube
  • Github
  • Soundcloud
  • DeviantArt
  • Phone
  • Skype
  • Dribbble
  • Foursquare
  • Reddit
  • Spotify
  • Digg
  • Vine
  • Codepen
  • Delicious
  • JSFiddle
  • Stack Overflow
  • WordPress
  • Dropbox
  • Steam
  • Behance
  • iTunes
  • Yelp
  • 500px
  • AngelList
  • Blog Lovin’
  • Paper Plane (Newsletter)
  • VK
  • Xing
  • Bandcamp
  • BitBucket
  • Snapchat
  • Trip Advisor
  • Houzz
  • Mixcloud

Ảnh màn hình

  • Set your options and choose which social profiles you want to show off.
  • Tất cả icon trong widget sẽ được bật tooltip.
  • Icon với màu sắc khác nhau.

Cài đặt

Có hai cách để cài Lightweight Social Icons.

  1. Tới “Plugin > Cài mới” trong Bảng tin và tìm kiếm: Lightweight Social Icons
  2. Tải .zip từ, và tải vào trong thư mục /wp-content/plugins/ qua FTP.

Trong hầu hết trường hợp, #1 sẽ làm việc tốt và là cách dễ nhất.

Hỏi đáp

Cách thêm widget với icon của riêng tôi?
  • Make sure Lightweight Social Icons is activated.
  • Navigate to “Appearance > Widgets” and look for the “Lightweight Social Icons” widget.
  • Drag the widget into your desired widget area.

Once the widget is added to a widget area, you can expand it and fill in your profiles.

What options does Lightweight Social Icons have?
  • Choose your own order
  • Title (optional): Choose a title for your widget.
  • Cỡ icon: Chọn kích thước font của icon.
  • Border radius: Chọn border radius cho icon. Border radius tức là độ bo tròn cho nút.
  • Màu nền: Màu nền của nút.
  • Màu chữ: màu của biểu tượng.
  • Màu nền di chuột: Màu của nút khi bạn di chuột lên nó.
  • Màu chữ văn bản di chuột: Màu của icon khi bạn di chuột lên nút.
  • Mở liên kết trong cửa sổ mới?: Chọn để mở tất cả liên kết trong cửa sổ/tab mới.
  • Căn lề: Chọn căn lề nút bên trái, giữa hoặc phải.
How do I add my social profile URLs?

In the select box on the left, choose your desired social media site.

To the right of the select box, enter in the URL of your profile on that specific social media site.

The “Skype” option takes your Skype username.

The “Phone” option takes your phone number.

Can I assign different colors to each icon?

Not at this time (without custom CSS of course). We’re hoping to add this feature soon.

Can I display my icons with a shortcode?

Not by default, but you can use a plugin like this:

It allows you to add the widget to an arbitrary widget area, and then you can call that widget using a shortcode elsewhere in your website.

Đánh giá

14 Tháng Mười Một, 2018
I am building a website for a business that has a private Facebook page, and regrettably, there is no place to add any API details for this plugin, so the Facebook link doesn't work when the icon is clicked. Also, when clicking on the icon for the Foursquare site, it comes up with an error message, although the site is easy to get to by simply visiting the URL in a browser (and I don't even have a Foursquare account). The only link that does work for this plugin is the Yelp link. I posted a question in the support forum nearly 2 weeks ago, and have gotten no response. I also see that another person who posted a question 2 months ago has also received no response. Even checking in the instructions for using this plugin, it only gives basic info about changing the appearance of the icons, and it says to simply enter the URL of the profile for each account, but this does not resolve my situation. If I receive any assistance on this matter, I will happily change my rating.
12 Tháng Mười Một, 2018
Excellent - simple to install, easy to style - good job!
19 Tháng Mười, 2018
I was looking for a social plugin for my site. There are MANY to choose from, however after reading the comments on more than a few of them, some comments hinted that some of the social plugins can actually harm your page ranking on google. So I wanted something lightweight and simple that I could count on to not being doing anything more than it need to be doing. I appreciate this plugin! Thank you so much!
Đọc tất cả 51 đánh giá

Người đóng góp & Lập trình viên

“Lightweight Social Icons” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

“Lightweight Social Icons” đã được dịch qua 5 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.

Dịch “Lightweight Social Icons” sang ngôn ngữ của bạn.

Muốn tham gia phát triển?

Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.

Nhật ký thay đổi


  • Fix styling issue with themes that don’t add widget ID


  • Code cleanup
  • Fix widget controls in the Customizer
  • Fix compatibility error with Site Origin Page Builder
  • Fix color picker labels
  • Use flexbox for admin controls


  • Fix a couple stray PHP notices
  • Icon mới: Snapchat
  • Icon mới: Trip Advisor
  • Icon mới: Houzz
  • Icon mới: Mixcloud
  • Icon mới:
  • Đã cập nhật icon: Google+
  • Đã cập nhật icon: Instagram
  • Remove query strings from font
  • Update text domain to use translations
  • Nén style.css


  • Fix incompatibility with Custom Sidebars plugin
  • Ẩn trường trống theo mặc định – bấm nút “Thêm icon” để hiện nhiều trường.
  • Danh sách icon theo bảng chữ cái
  • Vô hiệu hóa mở trong cửa sổ mới với nút email/liên hệ
  • Icon mới: Xing
  • Icon mới: Bandcamp
  • Icon mới: BitBucket


  • Sửa cảnh báo


  • Allow addition of new icons via lsi_icons_defaults filter


  • Sửa icon iTunes


  • Add filter to rel attribute: lsi_icon_rel_attribute
  • Add filter to title attribute: lsi_icon_title_attribute
  • Đã thêm icon Steam
  • Đã thêm icon Behance
  • Đã thêm icon iTunes
  • Đã thêm icon Yelp
  • Đã thêm icon 500px
  • Đã thêm icon AngelList
  • Đã thêm icon Blog Lovin’
  • Đã thêm icon Paper Plane (newsletter)
  • Đã thêm icon VK


  • Thêm display:block cho ul container
  • Đã thêm bản dịch Tiếng Pháp
  • Liên hệ có thể là địa chỉ email hoặc liên kết tới trang liên hệ
  • Sửa nút Skype
  • Optimize to work better in Customizer


  • Minor changes made


  • Initial release