Propriétés

  • Comprend plus de 490 symboles
  • Créez vos propres symboles personnalisés et téléchargez-les à l’aide de l’importateur de symboles personnalisés
  • Téléchargez et importez votre propre symbole personnalisé depuis IcoMoon
  • Insérer des icônes directement dans les articles / pages / barres latérales
  • Vous n’avez pas besoin d’écrire une seule ligne de code
  • Actif en développement

Nouveau dans la version 3.0: prise en charge des codes courts

Utilisez le shortcode nouvellement implémenté pour empêcher la suppression des icônes entre les onglets visuel et HTML de l’éditeur!

(entièrement compatible vers le bas!)

Démo de base du plugin

Envisagez de devenir pro pour des fonctionnalités supplémentaires!

Fonctions PRO

  • Icon Customizer pour personnaliser rapidement la taille, la couleur, le lien et plus des icônes sans écrire de code!
  • Nombre illimité de symboles personnalisés autorisés!
  • Ajouter des icônes aux éléments de menu directement dans l’écran d’édition du menu
  • Animez vos symboles avec des animations CSS3 fluides
  • Générez facilement un conteneur d’icônes pouvant être utilisées sur vos pages de destination (avec de jolis effets de survol).
  • Assistance Premium pour tous les problèmes que vous pourriez rencontrer ou pour les moments où vous souhaitez obtenir quelque chose de plus personnalisé
  • Prise en charge intégrée des widgets pour tout Symboles
  • Dans la version Pro, vous n’avez pas besoin d’écrire de code ou d’ajuster les paramètres de shortcode manuellement
  • Répété continuellement sur et en développement

Obtenez la version premium maintenant!

Page de démonstration

Consultez la page de démonstration du plugin

J’ai initialement créé ce plugin pour mon usage personnel dans les projets clients. Après avoir vu de mes yeux la puissance de ce plugin, je voulais redonner quelque chose à la communauté qui m’a aidé au fil des ans. Le «jeu d’icônes WordPress SVG» est très facile à utiliser pour tout le monde. En deux clics de souris, vous pouvez placer une icône sur votre site Web. Ces icônes sont une gamme de polices Web et sont extrêmement évolutives. Cela signifie que plus ils grossissent, plus ils ne diminuent pas en qualité. Une autre fonctionnalité intéressante de ce plugin est la possibilité d’utiliser les mêmes icônes sur tous les appareils. Il n’est pas nécessaire de générer des images spécifiques à la rétine pour les appareils mobiles. Il répond ensuite en définissant une largeur maximale pour le symbole. Ce plugin est également idéal pour les développeurs qui utilisent des icônes sur plusieurs sites Web et qui souhaitent éviter les tracas liés à la réinstallation.
Les polices Web sont transférées à chaque fois vers un nouveau serveur. Avec ce plugin, c’est un clic et vous êtes prêt à partir. Vous pouvez les utiliser n’importe où dans vos thèmes.

Un merci spécial à:

  • IcoMoon Pour une base incroyable d’icônes gratuites à utiliser, beaucoup dans ce plugin.
  • Alessio Atzeni pour ajouter des symboles «metoicons» à ce plugin.
  • PJ Onori pour ajouter des symboles «iconiques» à ce plugin.

et bien sûr

  • Matt Mullenweg pour tout ce qu’il fait pour la communauté WordPress. Sans lui, rien de tout cela ne serait possible.

Développer des plugins est fastidieux et fastidieux. Si vous bénéficiez ou appréciez ce plugin, veuillez prendre le temps de le noter et de le revoir, car cela ne fera qu’améliorer les futures itérations.

Mode d’emploi

Vous avez deux options pour utiliser le plugin. Accédez à la page principale du jeu d’icônes par défaut pour générer un shortcode pour votre icône, ou cliquez sur le bouton Ajouter une icône dans l’éditeur de publication ou de page.

Le shortcode du symbole ressemble à ceci:

[wp-svg-icons icon="pencil-2" wrap="span"]

Les icônes personnalisées utilisent le paramètre «custom_icon» au lieu de «icon».

Il est également très facile de modifier la taille de l’icône. Vous pouvez soit changer l’élément dans lequel se trouve le symbole (h1, h2, h3, etc.), soit utiliser le paramètre de shortcode ‘size’.

Exemple:

[wp-svg-icons icon="menu-2" wrap="i" size="3em"]

Le shortcode ci-dessus définit la taille du symbole sur 3em. Vous pouvez également spécifier «px», «%» ou «rem» comme taille de police.

Vous pouvez également changer facilement la couleur du symbole en utilisant le paramètre «couleur».

Exemple:

[wp-svg-icons icon="menu-2" wrap="i" color="#2ECC4B"]

Vous pouvez également utiliser des valeurs hexadécimales, RVB ou RVBA.

Exemple:
[wp-svg-icons icon=”menu-2″ wrap=”i” color=”rgba(45, 223, 78, 0.28)”]

Les deux exemples de codes courts ci-dessus définiraient la couleur de l’icône sur vert clair.

Vous pouvez également ajouter des classes personnalisées à votre symbole à l’aide du paramètre Class Shortcode.

Exemple:
[wp-svg-icons icon=”menu-2″ wrap=”i” class=”custom-icon icon-class testing-custom-icon-class”]

Le code HTML résultant ressemblerait à ceci:

En ajoutant des classes personnalisées à votre symbole, vous pouvez aligner des symboles individuels plus facilement via CSS. Ceci est utile pour ajouter des fondus de survol ou une simple animation CSS à un symbole.

Tous les paramètres de shortcode:

  • icon – Le nom de l’icône que ce shortcode doit générer
  • Wrap – définissez l’élément dans lequel se trouve votre symbole (div, span, h1, h2, etc.).
  • Classe – Attribuez des classes supplémentaires à votre symbole. Idéal pour rendre vos icônes plus faciles à aligner.
  • Taille – Modifiez la taille de l’icône quel que soit le conteneur (px, em, rem,%).
  • Icône – Attribuer une icône par défaut
  • custom_icon – Attribuer une icône personnalisée
  • Lien – Liez l’icône à une page ou à un message
  • new_tab – Ouvre le lien dans un nouvel onglet
  • couleur – change la couleur de l’icône (hex, rgb, rgba)

Importateur de polices d’icônes Icomoon

Noter: Le nombre d’icônes personnalisées autorisées dans la version gratuite est limité à 10 icônes. Si vous avez besoin de plus de 10 icônes personnalisées sur votre site Web, veuillez Passez à la version Pro Cela permet d’utiliser un nombre illimité de symboles sur votre site.

Nous avons écouté vos demandes de fonctionnalités et sommes heureux de vous présenter notre dernier ajout aux icônes WP SVG après de nombreuses heures de développement du clavier.

Désormais, vous n’êtes plus limité aux icônes fournies avec le plugin. Créez un nombre illimité de combinaisons de symboles personnalisés et utilisez-les sur votre site Web en quelques minutes.

Essayez ceci Page de démonstration Vous pouvez trouver des exemples de symboles sur le Symbol Playground et les exemples de code avant le téléchargement.



Source link

Recent Posts