Custom Icons for Elementor

Leírás

Enables the user to add their own custom icons to the built in Elementor icon controls and elements, thereby removing the reliance on FontAwesome and providing a better opportunity for branding with custom icon sets on your websites. Works exclusively through the use of Fontello’s free icon font service.

Plugin Features

  • Add unlimited icons to your website via Fontello font packs
  • View the icons in each uploaded pack, delete individual packs if desired
  • Use icons anywhere you would normally with the default Elementor icon selectors

Please note, this plugin requires the Elementor Page Builder to be installed and active. Elementor is a free plugin.

This plugin relies on a third party service for it’s functionality provided by Fontello. No private information is sent to their server, rather their provided webfont downloads are what’s used to add fonts to this plugin.

Looking for a video tutorial? Here it is!

Plugin Removal

Removing this plugin will render your custom icons to be deleted. Take care to un-select them from your icon elements prior to plugin removal.

Copyright

Custom Icons for Elementor is a plugin for WordPress that enables you to add custom icon fonts to the built in Elementor controls.
Copyright (c) 2018 Michael Bourne.

The Custom Icons for Elementor Plugin is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/

You can contact me at michael@michaelbourne.ca

Telepítés

  1. Upload your plugin folder to the ‘/wp-content/plugins’ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Fontello.com to create your own icon font. Download the zip when done.
  4. Upload the Fontello zip file to the plugins settings page.

GYIK

What can I do with this plugin?

You can add your own icons from Fontello to Elementor (free and pro). From exisiting icon fonts to totally custom SVG icons, no more messing around with CSS or image elements. It’s now all baked in.

Can I upload more than one Fontello package to a single site?

You bet! Upload as many as you like, they will all work. However, make sure you give each font a unique name (text box beside the Fontello download button).

How do I remove Font Awesome icons from the default icon selectors, so that only my custom icons are available?

Add this to your functions.php file in a child theme:

add_filter('eci_drop_fa', '__return_true');
HELP! It doesnt work?!

There is a small, small chance this plugin may not work on your web host. This is caused by two things generally: a mod_security rule flagging the ZIP upload, or the lack of PHP libraries needed to unzip files (ZipArchive). Here’s the good news: your host can fix both of these easily. If they refuse, consider moving to a more modern host.

Vélemények

2019.07.24.
And it works with all Elementor support plugins ie not created by Elementor (which the Elementor native feature doesn't). Great work. Thanks a lot.
2019.07.10.
Thanks for the speed in the reflections (for the Elementor 2.6 update)
2019.06.23.
It does what it advertises. Pretty straighforward. And for those among us who value a little helper tool which helps to get additional custom icons in the icon selector drop downs from elementor, then this fits just perfect. It's lightweight and relatively easy to setup. I prefer to package my icons as fontello package and use it the way this plugin offers, instead of manually fiddeling around with additional markup and css. Just one thing to keep in mind (which is also a suggestion). Do not regenerate the css if not really needed. It unfortunately swipes away your whole config then and you're forced to setup all icons again by going into every element on every page and re-selecting your icons. A simple JS Alert would have been helpful to warn me upfront about that 😀
2019.06.21.
That's the missing function in Elementor, adding custom icon packs is great. You can customize your site in depth without managing dozens of images. Everything is integrated with Elementor and it's very easy to use. Congratulations to the developers.
2019.06.14.
My only issue is that the size of the logo is too large. Is there a reason that the logo might be larger than the ones provided by elementor. In fact, when scrolling through icons, it appears far larger then the rest (even in the menu list).
2019.06.07.
After zip upload, icons are not visible as shown in the video. https://www.youtube.com/watch?v=Rnu9XVD8AdI&feature=youtu.be
25 (az összes) vélemény olvasása

Közreműködők és fejlesztők

“Custom Icons for Elementor” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:

Közreműködők

“Custom Icons for Elementor” 2 nyelvre lett lefordítva. Köszönet a fordítóknak az áldozatos munkájukért!

“Custom Icons for Elementor” fordítása a saját nyelvünkre.

Érdekeltek vagyunk a fejlesztésben?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Változási napló

0.3.1

  • Small tweak for Elementor 2.6

0.3

  • Added support for the new Elementor v2.6+ icons manager

0.2.4

  • Supress PHP warning if Fontello file can’t be read by server
  • Add URL fallback for Fontello file reading (some servers are setup in a way that prevents server path reading)
  • Fix “empty Fontello file name” issues by defaulting to ZIP file name instead of random string, thereby fixing the “disappearing icons” in unnamed files
  • Fix CSS issues in editor and icon lists

0.2.3

  • Adjusted priority of custom function to prevent certain themes from breaking it
  • Change to parse css function to prevent a possible but rare error
  • Change to CSS display of icons from inline-block (FA style) to block (E style)
  • Added filter to remove FA icons from default selectors

0.2.2

  • Regen error fix

0.2.1

  • Improve CSS Regen to fix changed URLs
  • Tweak CSS display of icons to match native icons
  • Change CSS font-face path to relative URLs
  • Add uninstall method to clean up left over files

0.1.4

  • Fix the “empty box” icon error seen on some sites. Please reupload any affected fonts and regen your css.

0.1.3

  • Fix error where an un-named font will not render properly
  • Edit content directory reference

0.1.2

  • Rewriting of help instructions to be more clear
  • Limit upload area to zip files only to prevent confusion
  • Added javascript translations
  • Fixed icon font rendering after upload
  • Added additional error alerts on font upload for hosts with no zip support

0.1.1

  • Fix incorrect URI constant
  • Fix jQuery reloading of stylsheet in admin page
  • Fix internationalization and regenerate language files
  • Added French translation, care of Jean @momo-fr

0.1.0

  • Initial Public Version