Lightweight Social Icons

Description

Lightweight Social Icons is an easy to use, lightweight social icon widget which lets you display your favorite social profile icons.

The icons use an icon font, meaning you can choose the size, border radius (roundess), color and hover color of your icons!

Check out GeneratePress, our awesome WordPress theme! (https://wordpress.org/themes/generatepress)

Fonctionnalités incluses :

  • Choisissez votre propre ordre
  • Taille de l’icône
  • Rayon de bordure
  • Couleur d’arrière-plan
  • Text/icon color
  • Background color on hover
  • Text/icon color on hover
  • Ouvrir le lien dans une nouvelle fenêtre
  • Enable/disable tooltips
  • Alignement des icônes

Icônes incluses :

  • Facebook
  • Twitter
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Flickr
  • E-mail
  • Flux RSS
  • StumbleUpon
  • Tumblr
  • Vimeo
  • YouTube
  • Github
  • Soundcloud
  • DeviantArt
  • Télé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
  • Last.fm

Captures d’écran

  • Set your options and choose which social profiles you want to show off.
  • All of the icons in a widget with tooltips enabled.
  • Icons with a different color.

Installation

There’s two ways to install Lightweight Social Icons.

  1. Go to « Plugins > Add New » in your Dashboard and search for: Lightweight Social Icons
  2. Download the .zip from WordPress.org, and upload the folder to the /wp-content/plugins/ directory via FTP.

In most cases, #1 will work fine and is way easier.

FAQ

Comment puis-je ajouter un widget avec mes icônes ?
  • Assurez-vous que l’extension Lightweight Social Icons est activée.
  • Naviguez vers « Apparence > Widgets » et cherchez le widget « Lightweight Social Icons ».
  • Glissez le widget dans la zone de widget souhaitée.

Une fois le widget ajouté à une zone de widget, vous pouvez le dérouler et remplir vos profils.

Quelles sont les options de Lightweight Social Icons ?
  • Choisissez votre propre ordre
  • Titre (facultatif) : choisissez un titre pour votre widget.
  • Taille de l’icône : choisissez la taille de la police de l’icône.
  • Rayon de bordure : choisissez l’arrondi de la bordure de l’icône. Le rayon de bordure se réfère à l’arrondi du bouton.
  • Couleur de l’arrière-plan : couleur de l’arrière-plan du bouton.
  • Couleur du texte : couleur de l’icône.
  • Couleur d’arrière-plan au survol : couleur de l’arrière-plan du bouton quand vous le survolez.
  • Couleur du texte au survol : la couleur de l’icône quand vous survolez le bouton.
  • Ouvrir le lien dans une nouvelle fenêtre ? Choisissez d’ouvrir tous les liens dans une nouvelle fenêtre ou nouvel onglet.
  • Alignement : choisissez d’aligner le bouton à gauche, au centre ou à droite.
Comment puis-je ajouter les URLs de mes profils sociaux ?

Dans la liste déroulante à gauche, choisissez le réseau social souhaité.

A droite de la boîte de sélection, saisissez l’URL de votre profil pour ce réseau social spécifique.

L’option Skype correspond à votre identifiant Skype.

L’option téléphone utilise votre numéro téléphone.

Puis-je assigner des couleurs différentes aux icônes ?

Pas pour le moment (sans CSS personnalisé bien sûr). Nous espérons ajouter cette fonctionnalité bientôt.

Puis-je afficher mes icônes avec un code court ?

Pas par défaut, mais vous pouvez utiliser une extension telle que : https://wordpress.org/plugins/widget-shortcode/

Il vous permet d’ajouter le widget à une zone de widget arbitraire, et vous pouvez ensuite appeler ce widget en utilisant un code court ailleurs sur votre site web.

Avis

9 juin 2020
Great lightweight option but lacks all the icons I need - would appreciate a Discord icon myself as well as the ability to upload/create a custom one, should the plugin ever be lacking. Would love to keep using this if these features are added! Right now I'm using the wrong icon so I hope the icon options are added.
14 novembre 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 novembre 2018
Excellent - simple to install, easy to style - good job!
Lire les 55 avis

Contributeurs & développeurs

« Lightweight Social Icons » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Lightweight Social Icons” a été traduit dans 6 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Lightweight Social Icons » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

1.1

  • Add rel= »noopener noreferrer » to links opening in new windows

1.0.1

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

1.0

  • 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

0.9

  • Fix a couple stray PHP notices
  • New icon: Snapchat
  • New icon: Trip Advisor
  • New icon: Houzz
  • New icon: Mixcloud
  • New icon: Last.fm
  • Updated icon: Google+
  • Updated icon: Instagram
  • Remove query strings from font
  • Update text domain to use WP.org translations
  • Minify style.css

0.8

  • Fix incompatibility with Custom Sidebars plugin
  • Hide empty fields by default – click « Add Icon » button to show more fields
  • Alphabetize list of icons
  • Disable open in new window with email/contact button
  • New icon: Xing
  • New icon: Bandcamp
  • New icon: BitBucket

0.7

  • Fix warning

0.6

  • Allow addition of new icons via lsi_icons_defaults filter

0.5

  • Fix iTunes icon

0.4

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

0.3

  • Add display:block to ul container
  • French translation added
  • Contact can be email address or link to contact page
  • Fix Skype button
  • Optimize to work better in Customizer

0.2

  • Minor changes made

0.1

  • Initial release