0
votes

Je veux changer l'icône dans la barre latérale

Utiliser WordPress, je souhaite trouver un moyen de changer l'icône.

Vous pouvez voir des icônes dans la barre latérale, telles que "Tableau de bord", "profil" et "menu de collapsapresse". P>

i Sera heureux avec la modification de l'icône «Menu collapse». P>

dans menu-header.php, il y a une description de ce bouton comme celle-ci. P>

{
    position: relative;
    float: left;
    font: normal 20px/1 dashicons;
    speak: none;
    padding: 4px 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none!important;
    margin-right: 6px;
}

font: normal 20px/1 dashicons;

wordpress

0 commentaires

3 Réponses :

0
votes

Utilisez les outils de développeur de votre navigateur (F12) et inspectez cette classe pour voir où se passe de CSS. Les fichiers Bootstrap sont probablement probablement.

Vous pouvez écraser cette classe CSS avec le vôtre et changer l'icône look.

0 commentaires

0
votes

Il y a une liste avec tous les Dashicons WordPress.

https://www.kevinleary.net/wordpress-dashicons-list-custom-post-type-icons/ p>

Après avoir trouvé une icône spécifique, vous pouvez le changer avec certains CSS. P>

.dashicons-admin-collapse::before {
   content: "\f105" !important;
}

4 commentaires

Ça a l'air bien. Mais je veux créer ma propre icône et non Wordpress dadicicons,

Et comment allez-vous faire cela, @ekaterinaantropova. Vous devriez les mettre dans une police, attacher cette police à cette feuille de style, puis la styles plus loin, car ce système fonctionne et peut le contrôler facilement.

@Drovalla. Voulez-vous m'envoyer quelques exemples à l'aide de la police. Je ne peux pas le comprendre.

Cette source pourrait être utile: blog.damirmadinov.com/wordpress/...

0
votes

Eh bien, je comprends jusqu'à présent que vous souhaitez remplacer les icônes d'administration avec vos propres icônes. Alors suivez les instructions ...

enregistrer votre propre bibliothèque d'icônes dans la tête d'administration. Par exemple, j'ai été enregistréd les icônes de Fontawesome. P> xxx pré>

Ensuite, enregistrez votre propre feuille de style pour remplacer les Dashicons ... P>

icon16.icon-media:before,
#adminmenu .menu-icon-media div.wp-menu-image:before {
    font-family: Fontawesome !important;
    content: '\\f0a4';
}

2 commentaires

Ouais, mais je me demande comment je peux utiliser Font-famille. Je ne sais pas d'utiliser SVG exactement.

Contenu: '\\ f0a4'; La version Unicode est-elle des icônes. Vous trouverez toute la version de Fontawesome Unicode d'icônes sur leur site Web. Ici vous pouvez trouver la police géniale "livre-book" icône unicode Fontawesome.com/ICONS/ Livre d'adresse? Style = Solid