Плагин wordpress иконки: WP SVG Icons – WordPress plugin – Вставка иконок в меню на WordPress сайте (3 варианта реализации)

Web Icons — Плагин для WordPress

This plugin will help you to display vector icon font into post, page or widget easily. There are available more than 2.5k icons that you can choose. You can customize the look like changing color, size, align etc.

Available Icon Library
  • Font Awesome ( fontawesome ) : Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
  • Fontello : This library lets you combine icon webfonts for your own web project.
  • IcoMoon : IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon icon library features only the very best icon sets out there.
  • Open Iconic : Open Iconic is the open source sibling of Iconic. It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use with Bootstrap.
  • WordPress Dashicons : Dashicons is the official icon font of the WordPress admin as of 3.8.
  • Google Material Fonts : Material icons are beautifully crafted, delightful, and easy to use in your web.
  • JustVector Social Icons : These 150 monochrome social icons are designed with simplicity in mind. Provided in vector format, they are fully editable and scale to any size smoothly.
  • Payment Fonts : PaymentFont was originally made for WooCommerce Payment Methods Plugin for WordPress and WooCommerce.

Recommended Plugins

The following are other recommended plugins by the author:

  • Best Gallery Plugin — Easy Media Gallery is a wordpress plugin designed to display various media support including grid gallery, galleries, photo album, multiple photo albums, portfolio, photo gallery or image gallery.
  • Best Image Slider Plugin — Easy Image Slider Widget — Displaying your image as slider in widget/sidebar area with very easy. Allows you to customize it to looking exactly what you want.
  • Best Contact Form Plugin — The Best Contact Form Plugin to create awesome Contact Form in minutes.
  • Instagram Plugin — Instagram Plugin — Display your Instagram media as masonry gallery in WordPress site with very easily.
  • Best Popup Plugin — The Best Notify and Subscription Form Plugin to display notify popup, announcement and subscribe form with very ease, fancy and elegant.
  • Best Image Carousel — Touch enabled WordPress plugin that lets you create a beautiful responsive image carousel.
  • Best Gallery Lightbox — Gallery Lightbox — Displays all gallery images into the lightbox slider in just a few seconds.
  • On Backend
  • On Backend
  • On Frontend
For automatic installation:

The simplest way to install is to click on ‘Plugins’ then ‘Add’ and type ‘icon’ in the search field.

For manual installation 1:
  1. Login to your website and go to the Plugins section of your admin panel.
  2. Click the Add New button.
  3. Under Install Plugins, click the Upload link.
  4. Select the plugin zip file (icon.x.x.x.zip) from your computer then click the Install Now button.
  5. You should see a message stating that the plugin was installed successfully.
  6. Click the Activate Plugin link.
For manual installation 2:
  1. You should have access to the server where WordPress is installed. If you don’t, see your system administrator.
  2. Copy the plugin zip file (icon.zip) up to your server and unzip it somewhere on the file system.
  3. Copy the «icon» folder into the /wp-content/plugins directory of your WordPress installation.
  4. Login to your website and go to the Plugins section of your admin panel.
  5. Look for «icon» and click Activate.
How to use Icon Plugin?

There are no complicated instructions for using Icon plugin, just edit your post / page and find icon generator button on top left of post editor.

How can I get support?
  • We are not able to provide anything other than community based support for Icon Plugin.
How can I say thanks?
  • Just recommend our plugin to your friends! or
  • If you really love Icon Plugin any donation would be appreciated! It helps to continue the development and support of the plugin.
    But seriously, I just want to drink coffee for free, so help a developer out. You can use this link Donate to Icon Plugin.

«Web Icons» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
1.0.0.5
  • Fixed : RTL language issue
1.0.0.3
  • Fixed : Shortcode Generator button disappeared in Gutenberg editor (WP version 5+)
1.0.0.1
  • Update : WordPress 4.8 compatibility
  • New Fonts from Google Material Fonts
  • New Help page
  • Now you can set icon size to medium or normal
  • Fixed Dashicons icon position
  • Ability to edit current icon with just one click. See on Help page.
1.0.0.0
  • This is the launch version. No changes yet.

Социальные иконки — Плагин для WordPress

Social Icons provides you with an easy way to display various popular social icons via widgets and shortcodes. You can drag the widget in your sidebars and change the settings from the widget form itself. Also you can use the shortcode and paste it on your page, post or wherever you like

View All Features

Check Social Icons Plugin Demo

Get access to free support

Step by Step tutorial Check documentation

Icons

Icons are provided by socicon icon font.

Features And Options:

  • Supports more than 200+ popular social icons.
  • Drag and drop for icon sorting.
  • Option to easily change icon size.
  • Supports square, rounded and greyscale background.
  • Shortcode to render the icons on page, post.
  • Different icon grouping for different location on your site.
  • More features coming on updates.
  • Социальные иконки Widget Form.
  • Социальные иконки Slick Frontend.
  • Социальные иконки Data Panel
  • Социальные иконки Admin Panel
  1. Install the plugin either via the WordPress.org plugin directory, or by uploading the files to your server (in the /wp-content/plugins/ directory).
  2. Activate the ThemeGrill Demo Importer plugin through the ‘Plugins’ menu in WordPress.
Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of Social Icons, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “Social Icons” and click Search Plugins. Once you’ve found our demo importer plugin you can view details about it such as the the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”.

Manual installation

The manual installation method involves downloading our social icon plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here.

Updating

Automatic updates should work like a charm; as always though, ensure you backup your site just in case.

What is the plugin license?
  • This plugin is released under a GPL license.
Where can I report bugs or contribute to the project?

Bugs can be reported either in our support forum or preferably on the GitHub repository.

Social Icons is awesome! Can I contribute?

Yes you can! Join in on our GitHub repository 🙂

Just what I was looking for.. Easy to configure and use Thank you for this amazing plugin

Использую плагин на всех своих сайтах. Все устраивает, ни разу не подводил. Вот бы еще Телеграм добавили....))

Exactly what I need. But the icons are really outdated (patreon and deviantart uses old icons and gitlab is absent)

other plugin not have line social but this plgin have and they also have shortcode to so perfect, you save my life

Drag and drop reordering of icons is buggy and hides the items.

Great plugin, with widget and shortcode support !!

Посмотреть все 11 отзывов

«Социальные иконки» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
1.7.2 — 20/06/2019
  • Feature — Add option to have the social links nofollow relation.
1.7.0 — 09/01/2018
  • Fix — Support multiple social profile links.
  • Fix — Socicon icon font updated to version 3.6.

See changelog for all versions.

Wow Icons — Плагин для WordPress

This plugin helps to display icons into post, page or menu item. Select any icon of 8 fonts and customize the appearance: change color, size, align etc.

You can also select the icon and add it to the menu item, thus making menu more attractive.

Main features
  • 8 Great icon fonts
  • More than 2500 icons
  • Insert icons in post, page or menu
  • Customize color, size, align
Demo

Demo

ADDITIONAL OPTIONS IN PRO VERSION

Demo Pro version

Achieve even better results with the PRO version:

* Link on icon
* Background Shape
* Background Color
* Animation
* Icon title
* Placing icon after the menu item
* Icon color in the menu item
* And more...

GET PRO VERSION

Available Icon Fonts
  • Font Awesome ( fontawesome )
  • Fontello
  • IcoMoon
  • Open Iconic
  • WordPress Dashicons
  • Google Material Fonts
  • JustVector Social Icons
  • Payment Fonts
USE WITH OUR OTHER POPULAR PLUGINS TO MAXIMIZE YOUR RESULTS

Marketing tools

For creating Menu:

For creating Forms:

For Authorization:

Other:
* Hover Effects
* Wow Icons

Support

Search for answers and ask your questions at support center

  • Insert shortcode in post, page
  • Setting icons for menu
  • Icons in post
  • Icons in menu
  • Installation option 1: Find and install this plugin in the Plugins -> Add new section of your wp-admin
  • Installation option 2: Download the zip file, then upload the plugin through the wp-admin in the Plugins -> Add new section. Or unzip the archive and upload the folder to the plugins directory /wp-content/plugins/ via ftp
  • Press Activate when you have installed the plugin through dashboard or press Activate in the in the Plugins list
How to use Wow Icons Plugin?

Just edit your post / page and find icon generator button «Wow Icons» on the top left corner of post editor.

Select the options of icon and click button «Insert Icon».

How to add an icon to menu?
  • Go to page Wow Icons
  • Select icon fonts for menu and click «Save»
  • Generate class of icon
  • Go to Appearance -> Menus, select which menu item to which you want to add the icon, and add the icon class(es) under ‘CSS Classes (optional)’
  • Save your menu
Why don’t I see an option to add classes?

Under Appearance -> Menus, click ‘Screen Options’ (top right of screen) and make sure that ‘CSS Classes’ is checked. If not — check it!

If a plugin is tested with up to 5.2. I kind of expected it to work with the default WordPress editor. Other wise it should clearly mention that this plugin requires you to install the classic editor plugin and use old WordPress editor in order to insert fonts.

Посмотреть все 2 отзыва

«Wow Icons» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
2.0.1
2.0
  • Added: Typicons font
  • Added: Support page
  • Fixed: Admin style
1.1
1.0

Popular Brand SVG Icons — Simple Icons — Плагин для WordPress

Описание

Add popular brand icons to WordPress with ease. Use these high quality SVG icons anywhere on your WordPress site, set the color and size using attributes.

Video Tutorial

How to use

Select an icon from the WordPress admin settings page, use the hashtag name in menus or use the shortcode for pages or php files.

Example:

[simple_icon name="wordpress" color="black" size="20px"]

Properties:

  • name
    The name of the social icon (search https://simpleicons.org/ to find an icon).

  • color (optional)
    The color of the icon (example: #ffffff or white).
    Default is pulled from the framework

  • size (optional)
    The size of the icon
    Default is 1.5rem

  • class (optional)
    Add a custom CSS class to the icon.

How to style icons

Use the following CSS code to change all icons color, size, etc.

span[class*="simple-icon"] {
    width: 2em;
    height: 2em;
}


span[class*="simple-icon"] svg {
    fill: #333;
}

Notes

Visit https://simpleicons.org to view over 500+ available social media icons and popular brand icons. Use the shortcode [simple_icon] to display an icon or use #iconname# in your menu item title.

Use GitHub for social media or other icon requests, corrections and contributions.

Please post any issues under the support tab. If you use and like this plugin, please don’t forget to rate it! Additionally, if you would like to see more features for the plugin, please let me know.

Icons

Icons include: (978 total icons) .NET icon, 1Password icon, 500px icon, About.me icon, ABB RobotStudio icon, Abstract icon, Academia icon, ACM icon, ActiGraph icon, Activision icon, Accusoft icon, AddThis icon, AdGuard icon, Adobe icon, Adobe Acrobat Reader icon, Adobe After Effects icon, Adobe Audition icon, Adobe Dreamweaver icon, Adobe Illustrator icon, Adobe InDesign icon, Adobe Lightroom CC icon, Adobe Lightroom Classic icon, Adobe PhoneGap icon, Adobe Photoshop icon, Adobe Premiere icon, Adobe Typekit icon, Adobe XD icon, Airbnb icon (social media icon), AirPlay Audio icon, AirPlay Video icon, Airtable icon, Algolia icon, Alipay icon, AlliedModders icon, AlloCiné icon, Amazon icon, Amazon Alexa icon, Amazon AWS icon, AMD icon, American Express icon, Anaconda icon, Analogue icon, Anchor icon, Android icon, AngelList icon, Angular icon, Angular Universal icon, Ansible icon, Apache icon, Apache Airflow icon, Apache Cordova icon, Apache Flink icon, Apache Kafka icon, Apache OpenOffice icon, Apache NetBeans IDE icon, Apache RocketMQ icon, Apache Spark icon, Apple icon, Apple Music icon, Apple Pay icon, Apple Podcasts icon, AppVeyor icon, ARAL icon, Arch Linux icon, Archive of Our Own icon, Arduino icon, ArtStation icon, arXiv icon, Asana icon, Asciidoctor icon, asciinema icon, Atlassian icon, Atom icon, AT&T icon, Audi icon, Audible icon, Audiomack icon, Aurelia icon, Auth0 icon, Authy icon, Automatic icon, Autotask icon, Aventrix icon, awesomeWM icon, Azure Artifacts icon, Azure DevOps icon, Azure Pipelines icon, Babel icon, Baidu icon, Bamboo icon, Bancontact icon, Bandcamp icon, BandLab icon, Basecamp icon, Bath ASU icon, Battle.net icon, Beats icon, Beats by Dre icon, Behance icon, Big Cartel icon, Bing icon, Bit icon, Bitbucket icon, Bitcoin icon, Bitdefender icon, Bitly icon, Bitrise icon, Blackberry icon, Blender icon, Blogger icon, BMC Software icon, Boeing icon, Boost icon, Bootstrap icon, Bower icon, Box icon, Brand.ai icon, Brandfolder icon, Brave icon, Breaker icon, Broadcom icon, Buddy icon, Buffer icon, Buy Me A Coffee icon, BuzzFeed icon, C icon, CakePHP icon, Campaign Monitor icon, Canva icon, Cash App icon, Castorama icon, Castro icon, Cassandra icon, Celery icon, CentOS icon, CEVO icon, Chase icon, Chef icon, Circle icon, CircleCI icon, Cirrus CI icon, Cisco icon, CiviCRM icon, Clockify icon, Clojure icon, CloudBees icon, Cloudflare icon, CMake icon, Codacy icon, Codecademy icon, CodeChef icon, Code Climate icon, Codecov icon, CodeFactor icon, Codeforces icon, CodeIgniter icon, CodePen icon, Coderwall icon, CodeSandbox icon, Codeship icon, Codewars icon, Codio icon, CoffeeScript icon, Coinbase icon, Composer icon, ComproPago icon, Conekta icon, Confluence icon, Conda-Forge icon, Convertio icon, Co-op icon, Corona Engine icon, Corona Renderer icon, Coursera icon, Coveralls icon, cPanel icon, Adobe Creative Cloud icon, Creative Commons icon, Crehana icon, Crunchbase icon, Crunchyroll icon, CRYENGINE icon, CSS3 icon, CSS Wizardry icon, Common Workflow Language icon, C Sharp icon, curl icon, C++ icon, D3.js icon, Dailymotion icon, Dart icon, Dashlane icon, Dassault Systèmes icon, DataCamp icon, Datadog icon, DAZN icon, dblp icon, Debian icon, deepin icon, Deezer icon, Delicious icon, Deliveroo icon, Dell icon, Deno icon, Dependabot icon, Designer News icon, DeviantArt icon, devRant icon, dev.to icon, Diaspora icon, Digg icon (social media icon), DigitalOcean icon, Directus icon, Discord icon, Discourse icon, Discover icon, Disroot icon, Disqus icon, Django icon, DLNA icon, Docker icon, DocuSign icon, Dolby icon, Draugiem.lv icon, Dribbble icon (social media icon), Drone icon, Dropbox icon, Drupal icon, DTube icon, DuckDuckGo icon, Dunked icon, Duolingo icon, Dynatrace icon, EA icon, eBay icon, EVRY icon, Exercism icon, Eclipse IDE icon, Elastic icon, Elastic Cloud icon, Elasticsearch icon, Elastic Stack icon, Electron icon, elementary icon, Eleventy icon, Ello icon, Elsevier icon, Ember.js icon, Emlakjet icon, Empire Kred icon, Envato icon, EPEL icon, Epic Games icon, Epson icon, ESEA icon, ESLint icon, Ethereum icon, Etsy icon, Eventbrite icon, Event Store icon, Evernote icon, Everplaces icon, Experts Exchange icon, Expo icon, EyeEm icon, F-Droid icon, F-Secure icon, Facebook icon (social media icon), FACEIT icon, Fandango icon, Fandom icon, Favro icon, FeatHub icon, Fedora icon, Feedly icon, Fido Alliance icon, figshare icon, FileZilla icon, Firebase icon, Fitbit icon, FITE icon, Fiverr icon, Flask icon, Flattr icon, Flickr icon (social media icon), Flipboard icon, Floatplane icon, Flutter icon, Fnac icon, Formstack icon, Fossa icon, Fossil SCM icon, Foursquare icon (social media icon), Figma icon, Framer icon, FreeBSD icon, freeCodeCamp icon, Freelancer icon, Fujifilm icon, Fujitsu icon, Fur Affinity icon, Furry Network icon, Garmin icon, Gatsby icon, Gauges icon, Genius icon, Gentoo icon, Geocaching icon, Gerrit icon, Ghost icon, GIMP icon, Git icon (social media icon), Gitea icon, GitHub icon, GitLab icon, Gitpod icon, Gitter icon, Glassdoor icon, Glitch icon, Gmail icon, GNOME icon, GNU icon, GNU Bash icon, GNU Emacs icon, GNU IceCat icon, GNU Privacy Guard icon, GNU social icon, Godot Engine icon, GOG.com icon, GoldenLine icon, Goodreads icon, Go icon, Google icon, Google Ads icon, Google Chrome icon, Google Cloud icon, Google Analytics icon, Google Drive icon, Google Hangouts icon, Google Hangouts Chat icon, Google Keep icon, Google Pay icon, Google Play icon, Google Podcasts icon, Google Scholar icon, Google Search Console icon, GOV.UK icon, Gradle icon, Grafana icon, Graphcool icon, GraphQL icon, Grav icon, Gravatar icon, Greenkeeper icon, GreenSock icon, Groovy icon, Groupon icon, Gulp icon, Gumroad icon, Gumtree icon, Gutenberg icon, Habr icon, Hackaday icon, HackerEarth icon, HackerOne icon, HackerRank icon, HackHands icon, Hackster icon, HappyCow icon, Hashnode icon, Haskell icon, Hatena Bookmark icon, Haxe icon, Helm icon, HERE icon, Heroku icon, Hexo icon, Highly icon, HipChat icon, Hitachi icon, HockeyApp icon, Home Assistant icon, homify icon, Hootsuite icon, Houzz icon, HP icon, HTML5 icon, HTML Academy icon, Huawei icon, HubSpot icon, Hulu icon, Humble Bundle icon, Hurriyetemlak icon, Hypothesis icon, Iata icon, IBM icon, iCloud icon, IcoMoon icon, ICON icon, IconJar icon, ICQ icon, iDEAL icon, iFixit icon, iFood icon, IMDb icon, Imgur icon, Indeed icon, InfluxDB icon, Inkscape icon, Instacart icon, Instagram icon (social media icon), Instapaper icon, Intel icon, IntelliJ IDEA icon, Intercom icon, Internet Archive icon, Internet Explorer icon, InVision icon, Invoice Ninja icon, Ionic icon, iOS icon, IPFS icon, Issuu icon, Itch.io icon, iTunes icon, Jabber icon, Java icon, JavaScript icon, Jekyll icon, Jenkins icon, Jest icon, JET icon, JetBrains icon, Jinja icon, Jira icon, Joomla icon, jQuery icon, jsDelivr icon, JSFiddle icon, JSON icon, Jupyter icon, JustGiving icon, Kaggle icon, KaiOS icon, Kaspersky icon, Kentico icon, Keras icon, Keybase icon, KeyCDN icon, Khan Academy icon, Kibana icon, Kickstarter icon, Kik icon, Kirby icon, Klout icon, Known icon, Kodi icon, Koding icon, Kotlin icon, Ko-fi icon, Krita icon, Kubernetes icon, Laravel icon, Laravel Horizon icon, Laravel Nova icon, LastPass icon, Last.fm icon, LaTeX icon, Launchpad icon, LeetCode icon, Lenovo icon, Let’s Encrypt icon, Letterboxd icon, LGTM icon, LibraryThing icon, LibreOffice icon, Liberapay icon, Line icon, LINE WEBTOON icon, LinkedIn icon (social media icon), Linode icon, Linux icon, Linux Foundation icon, Litecoin icon, LiveJournal icon, Livestream icon, LLVM icon, Logstash icon, Loop icon, Lua icon, Lufthansa icon, Lumen icon, Lyft icon, Macy’s icon, Magento icon, Magisk icon, MailChimp icon, Mail.Ru icon, MakerBot icon, ManageIQ icon, Manjaro icon, Mapbox icon, Markdown icon, Marketo icon, MasterCard icon, Mastodon icon, Material Design icon, Material-UI icon, Mathworks icon, Matrix icon, Mattermost icon, Matternet icon, McAfee icon, MDN Web Docs icon, MediaFire icon, MediaTemple icon, Medium icon, Meetup icon (social media icon), MEGA icon, Mendeley icon, Mercedes icon, Messenger icon, Meteor icon, Micro.blog icon, Microgenetics icon, Microsoft icon, Microsoft Access icon, Microsoft Azure icon, Microsoft Edge icon, Microsoft Excel icon, Microsoft Office icon, Microsoft OneDrive icon, Microsoft OneNote icon, Microsoft Outlook icon, Microsoft PowerPoint icon, Microsoft Word icon, Microsoft Teams icon, MicroStrategy icon, Minds icon, Minetest icon, Linux Mint icon, Minutemailer icon, Mix icon, Mixcloud icon, Mixer icon, Mojang icon, Monero icon, MongoDB icon, Monkey tie icon, Monogram icon, Monster icon, Monzo icon, Moo icon, Mozilla icon, Mozilla Firefox icon, MuseScore icon, MX Linux icon, Myspace icon, MySQL icon, NativeScript icon, NDR icon, NEC icon, Neo4j icon, Neovim icon, Netflix icon, Netlify icon, New York Times icon, Next.js icon, Nextcloud icon, Nextdoor icon, NGINX icon, Nim icon, Nintendo icon, Nintendo 3DS icon, Nintendo GameCube icon, Nintendo Switch icon, Node.js icon, Nodemon icon, Nokia icon, Node-RED icon, Notion icon, Notist icon, NPM icon, Nucleo icon, NuGet icon, Nutanix icon, Nuxt.js icon, NVIDIA icon, OBS Studio icon, OCaml icon, Octave icon, Octopus Deploy icon, Oculus icon, Odnoklassniki icon, Open Access icon, OpenAPI Initiative icon, Open Collective icon, OpenID icon, OpenSSL icon, OpenStreetMap icon, openSUSE icon, OpenVPN icon, Opera icon, Opsgenie icon, Oracle icon, ORCID icon, Origin icon, Open Source Initiative icon, OSMC icon, Overcast icon, Overleaf icon, OVH icon, Pagekit icon, Palantir icon, Palo Alto Software icon, Pandora icon, Pantheon icon, Parse.ly icon, Pastebin icon, Patreon icon, PayPal icon, PeerTube icon, Periscope icon (social media icon), Pexels icon, Photocrowd icon, PHP icon, Picarto.TV icon, Pinboard icon, Pingdom icon, Pingup icon, Pinterest icon (social media icon), Pivotal Tracker icon, Pi-hole icon, PJSIP icon, PlanGrid icon, Player.me icon, Player FM icon, PlayStation icon, PlayStation 3 icon, PlayStation 4 icon, Plesk icon, Plex icon, Pluralsight icon, Plurk icon, Pocket icon, Pocket Casts icon, PostgreSQL icon, Postman icon, Postwoman icon, PowerShell icon, PrestaShop icon, Prettier icon, Prismic icon, Probot icon, ProcessWire icon, Product Hunt icon, Prometheus icon, Proto.io icon, ProtonMail icon, Proxmox icon, Publons icon, PureScript icon, PyPI icon, Python icon, PyTorch icon, PyUp icon, QEMU icon, Qgis icon, Qi icon, Qiita icon, Qualcomm icon, Qualtrics icon, Quantopian icon, Quantcast icon, Quarkus icon, QuickTime icon, Quip icon, Quora icon (social media icon), Qwiklabs icon, Qzone icon, R icon, RabbitMQ icon, RadioPublic icon, Rails icon, Raspberry Pi icon, React icon, ReactOS icon, React Router icon, Read the Docs icon, Realm icon, Reason icon, Reason Studios icon, Redbubble icon, Reddit icon (social media icon), Red Hat icon, Red Hat Open Shift icon, Redis icon, Redux icon, Renren icon, repl.it icon, ResearchGate icon, ReverbNation icon, Riot icon, Ripple icon, Riseup icon, rollup.js icon, Roots icon, Roundcube icon, RSS icon, RStudio icon, RTLZWEI icon, Ruby icon, RubyGems icon, Runkeeper icon, Rust icon, Safari icon, Sahibinden icon, Salesforce icon, SaltStack icon, Samsung icon, Samsung Pay icon, SAP icon, Sass icon, Sat.1 icon, Sauce Labs icon, Scala icon, Scaleway icon, Scribd icon, Scrutinizer CI icon, Seagate icon, Sega icon, Sellfy icon, Semaphore CI icon, Sencha icon, Sensu icon, Sentry icon, Server Fault icon, Shazam icon, Shell icon, Shopify icon, Showpad icon, Siemens icon, Signal icon, Simple Icons icon, Sina Weibo icon, SitePoint icon, Sketch icon, Skillshare icon, Skyliner icon, Skype icon, Slack icon, Slashdot icon, SlickPic icon, Slides icon, Smashing Magazine icon, SmugMug icon, Snapchat icon (social media icon), Snapcraft icon, Snyk icon, Society6 icon, Socket.io icon, Sogou icon, Solus icon, SonarCloud icon, SonarLint icon, SonarQube icon, SonarSource icon, Songkick icon, SonicWall icon, Sonos icon, SoundCloud icon, Source Engine icon, SourceForge icon, Sourcegraph icon, Spacemacs icon, SpaceX icon, SparkFun icon, SparkPost icon, SPDX icon, Spectrum icon, Speaker Deck icon, Spotify icon, Spotlight icon, Spreaker icon, Spring icon, Sprint icon, Square icon, Square Enix icon, Squarespace icon, Stackbit icon, Stack Exchange icon, Stack Overflow icon, StackPath icon, StackShare icon, Stadia icon, Statamic icon, Statuspage icon, Staticman icon, Steam icon, Steamworks icon, Steem icon, Steemit icon, Steinberg icon, Stencyl icon, Stitcher icon, Storify icon, Storybook icon, Strapi icon, Strava icon, Stripe icon, strongSwan icon, StubHub icon, styled-components icon, StyleShare icon, Stylus icon, Sublime Text icon, Subversion icon, Super User icon, Svelte icon, SVG icon, SVGO icon, Swagger icon, Swarm icon, Swift icon, Symantec icon, Symfony icon, Synology icon, Tableau icon, Tails icon, Tailwind CSS icon, Tapas icon, TeamViewer icon, TED icon, Teespring icon, TELE5 icon, Telegram icon, Tencent QQ icon, Tencent Weibo icon, TensorFlow icon, Teradata icon, Tesla icon, Terraform icon, The Mighty icon, The Movie Database icon, Tidal icon, Tik Tok icon, Timescale icon, Tinder icon (social media icon), T-Mobile icon, Todoist icon, Toggl icon, Tomorrowland icon, Topcoder icon, Toptal icon, Tor icon, Toshiba icon, TrainerRoad icon, Trakt icon, Travis CI icon, Treehouse icon, Trello icon, Trend Micro icon, TripAdvisor icon, Trulia icon, Trustpilot icon, Tumblr icon (social media icon), Turkish Airlines icon, Twilio icon, Twitch icon, Twitter icon (social media icon), Twoo icon, TypeScript icon, TYPO3 icon, Uber icon, Uber Eats icon, Ubisoft icon, uBlock Origin icon, Ubuntu icon, Udacity icon, Udemy icon, UIkit icon, Umbraco icon, Unicode icon, Unity icon, Unreal Engine icon, Unsplash icon, Untappd icon (social media icon), Upwork icon, V icon, V8 icon, Vagrant icon, Valve icon, Veeam icon, Venmo icon, Verizon icon, Viadeo icon, Viber icon, Vim icon, Vimeo icon, Vine icon (social media icon), Virb icon, Visa icon, Visual Studio icon, Visual Studio Code icon, VK icon, VLC media player icon, VMware icon, Vodafone icon, Volkswagen icon, VSCO icon, Vue.js icon, W3C icon, Wattpad icon, Waze icon, Weasyl icon, WebAuthn icon, WebAssembly icon, Webpack icon, webcomponents.org icon, Webmin icon, WebStorm icon, WeChat icon, WhatsApp icon (social media icon), When I Work icon, WhiteSource icon, Wii icon, Wii U icon, Wikipedia icon, Windows icon, Wire icon, WireGuard icon, Wish icon, Wix icon, Wolfram icon, Wolfram Language icon, Wolfram Mathematica icon, WordPress icon, Workplace icon, WP Engine icon, write.as icon, Xamarin icon, Xbox icon, Xcode icon, XDA Developers icon, X.Org icon, Xero icon, XFCE icon, Xiaomi icon, Xing icon, XMPP icon, X-Pack icon, XRP icon, XSplit icon, Y Combinator icon, Yahoo! icon, Yamaha Corporation icon, Yamaha Motor Corporation icon, Yammer icon, Yandex icon, Yarn icon, Yelp icon, YouTube icon (social media icon), Zalando icon, Zapier icon, ZDF icon, Zeit icon, Zend icon, Zend Framework icon, Zendesk icon, ZeroMQ icon, Zerply icon, Zhihu icon, Zillow icon, Zingat icon, Zoom icon, Zorin icon, Zulip icon, Z-Wave icon

Contributors

Simple Icon Contributors

Contributors

Simple Icon Contributors

Social Иконки Widget & Block by WPZOOM — Плагин для WordPress

Did you find this plugin helpful? Please consider leaving a 5-star review.

View Demo

Social Icons Widget & Block helps you to add quickly icons with links to your profiles from different social networks. The plugin includes several icon sets, which gives you the possibility to use the widget for more than just linking to your social media profiles. You can use generic icons to add links to anything you want.

With the help of WPZOOM’s excellent Social Icons Widget plugin, you can link to all your social network profiles in no time, letting your visitors easily get in touch with you on all social media channels.
⭐️⭐️⭐️⭐️⭐️
Read WPKlik’s review of this plugin: A Complete Guide to Social Icons Widget

What’s new in 4.0.0
  • NEW: Gutenberg Block
  • New icon styles in the new Social Icons Block
  • New options to customize your icons: change margin, padding, alignment, roundness etc.
What’s new in 3.0.0
  • Added Global Color Picker to change the color of all icons
  • Added a new color picker to change hover color on all icons
  • Icons are now grouped in categories
What’s new in 2.2.0
  • Added Padding and Size options for icons
  • Added support for Skype links (skype:username)
What’s new in 2.1.0
  • Search Icons by keywords
  • FontAwesome Icon Set Integration
  • Updated Instagram Icon
What’s new in 2.0
  • Support for custom icons
  • Color picker for each icon
  • 3 Icon Sets from which you can choose more than 400 icons
Где я могу посмотреть демо?

You can view the widget live in all our themes at WPZOOM.

View Demo & Examples
Возможности:
  • Gutenberg Block — NEW
  • 100+ Sites/Social Networks supported
  • 400+ Custom Icons
  • 5 Icons Sets
  • FontAwesome Integration
  • Academicons Integration: 38 academia icons for academics
  • Drag & Drop Icons
  • Color Picker
  • Search by keywords
  • Adjust icon size & padding
  • 2 Styles: Icon Shape and Icon with Background
  • 3 Background Styles: Rounded Corners, Round, Square
  • Retina Ready Icons
  • Supports email addresses (mailto:[email protected])
  • Supports Telephone numbers (tel:12345)
  • Supports Skype (skype:username?call)
  • Supports Viber (viber://add?number=123456)
  • Поддержка WhatsApp (https://api.whatsapp.com/send?phone=15551234567)
Иконки

Icons are provided by socicon icon font.

Twitter, Facebook, Google+, Instagram, Pinterest, Snapchat, Skype, Yelp, Feedburner, LinkedIn, Bloglovin’, Lookbook, Feedly, Periscope, SoundCloud, Spotify, Last.fm, YouTube, Vimeo, Vine, Flickr, 500px, Tumblr, Blogger, Reddit, Dribbble, Envato, Behance, DeviantArt, GitHub, RSS, Disqus, Stackoverflow, and many others.

Credits

Social Icons are provided by socicon icon font.

Academicons are provided by James Walsh.

Get Involved

Looking to contribute code to this plugin? Go ahead and fork the repository over at GitHub.

Simply search for the plugin via the Plugins -> Add New dialog and click install, or download and extract the plugin, and copy the plugin folder into your wp-content/plugins directory and activate.

After that go to the Widgets page and add the widget Social Icons by WPZOOM to a widget area like Sidebar.

Lightweight Social Icons — Плагин для WordPress

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)

Возможности:
  • Choose your own order
  • Размер иконки
  • Радиус скругления
  • Цвет фона
  • Цвет текста/иконки
  • Цвет фона при наведении
  • Цвет текста/иконки при наведении
  • Открывать ссылки в новом окне
  • Включить/выключить всплывающие подсказки
  • Выравнивание иконок
Иконки
  • Facebook
  • Twitter
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Flickr
  • E-mail
  • RSS
  • Stumbleupon
  • Tumblr
  • Vimeo
  • YouTube
  • Github
  • Soundcloud
  • DeviantArt
  • Телефон
  • 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
  • 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.

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.

How do I add a widget with my icons?
  • Убедитесь, что Lightweight Social Icons активирован.
  • 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.
  • Icon size: Choose the size of the icon font.
  • Border radius: Choose the border radius of the icon. Border radius refers to the «roundness» of the button.
  • Цвет фона: Цвет фона кнопки.
  • Цвет текста: цвет иконки.
  • Background hover color: The background color of the button when you hover over it.
  • Text hover color: The color of the icon when you hover over the button.
  • Open link in a new window?: Choose to open all of the links in a new window/tab.
  • Alignment: Choose to align the button to the left, center or right.
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: https://wordpress.org/plugins/widget-shortcode/

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.

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.

Excellent - simple to install, easy to style - good job!

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!

such a nice, fast and easy to use plugin. Does the job and nothing else. great

Another of Tom Usborne's excellent contributions. This is my goto social icons plugin.

Посмотреть 51 отзыв

«Lightweight Social Icons» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники
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
  • Новая иконка: Snapchat
  • Новая иконка: Trip Advisor
  • Новая иконка: Houzz
  • Новая иконка: Mixcloud
  • Новая иконка: Last.fm
  • Новая иконка: Google+
  • Новая иконка: 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
  • Новая иконка: Xing
  • Новая иконка: Bandcamp
  • Новая иконка: BitBucket
0.7
0.6
  • Allow addition of new icons via lsi_icons_defaults filter
0.5
  • Исправлена иконка iTunes
0.4
  • Add filter to rel attribute: lsi_icon_rel_attribute
  • Add filter to title attribute: lsi_icon_title_attribute
  • Добавлена иконка Steam
  • Добавлена иконка Behance
  • Добавлена иконка iTunes
  • Добавлена иконка Yelp
  • Добавлена иконка 500px
  • Добавлена иконка AngelList
  • Добавлена иконка Blog Lovin’
  • Paper Plane (newsletter) icon added
  • Добавлена иконка VK
0.3
  • Add display:block to ul container
  • Добавлен французский перевод
  • Contact can be email address or link to contact page
  • Исправлена кнопка Skype
  • Optimize to work better in Customizer
0.2
  • Сделаны небольшие изменения
0.1

В шаблонах Вордпресс не отображаются иконки соцсетей.

theshulz, приветствую. Если «квадратики», то, с вероятностью в 99%, не подтянулись файлы шрифтов вроде «FontAwesome».

И что надо сделать,что бы они «подтянулись»?

theshulz, я так понимаю, что вы плагином «Clearify» себе в ногу выстрелили. Попробуйте отключить данный плагин и посмотрите, появятся ли иконки.

Для начала стоит отключить все оптимизации-минификации html и css, сбросить все кэши и посмотреть.

Я оптимизацию недавно только сделал плагином Clearfy до него то же саое было на шаблоне Jarida о сяком случае. Сейчас попробую отключить.

  • Ответ изменён 8 месяцев, 3 недели назад пользователем theshulz.

Плагин отключил иконки появились. Спасибо! Сейчас буду его заново настраивать плагин этот хитрый.!

theshulz, у вас нужный FontAwesome упомянут в коде только в контексте Clearify:
<script type='text/javascript'>var wbcr_clearfy_async_links = {"wbcr_clearfy-font-awesome":"http:\/\/travelvoron.ru\/wp-content\/plugins\/menu-icons\/vendor\/kucrut\/icon-picker\/css\/types\/font-awesome.min.css"};</script>, сам файл физически существует и доступен, равно как и файлы шрифтов. Так что первым делом логично отключать «оптимизацию».

theshulz,

Плагин отключил иконки появились. Спасибо!

Ура! 🙂 На здоровье!

Сейчас буду его заново настраивать плагин этот хитрый.!

Будьте аккуратнее с подобными «оптимизаторами», так как там много вредного/лишнего, что более навредит сайту, чем поможет.

Включил плагин и отключил опцию «оптимизировать css» всё заработало.Спасибо ещё раз.!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *