Je veux éditer une icone sur mon thème Wordpress

Bonsoir,

Je suis un peu en galère vu que je suis une brêle en coding.
Le thème que j'utilise ne semble pas m'autoriser l'edit des icônes que j'ai mis, du coup je suis obligé de mettre une flèche bien dégueulasse à la place de pouvoir cliquer dessus.

Quand je vais sur le site web et que j'ouvre la console avec F12, si j'edit la div en la changeant en <a> au lieu de <i> avec un href, l'icône devient cliquable. C'est cool MAIS ce n'est qu'en local, et je voudrais le rendre disponible pour tout le monde.

Si possible je souhaiterai que l'icône change de couleur quand le curseur passe dessus.


Merci d'avance.

Je veux éditer une icone sur mon thème Wordpress
Poster un commentaire
Ezazhel
Ezazhel
5 ans

Tu as accès au HTML de ton site ?
Tu as accès au classe de ton site ?

Speeder
Speeder
5 ans

@Ezazhel: J'ai accès à tout. Mais après savoir quoi est où c'est pas gagné.

Ezazhel
Ezazhel
5 ans

@Speeder: Tu utilises quoi pour "construire" ton site, tu parles d'un thème et j'ai lu que tu as "glissé" quelque chose pour avoir ton <i>

Speeder
Speeder
5 ans

@Ezazhel: C'est "TagDiv Composer", c'était inclus avec le thème.

Ezazhel
Ezazhel
5 ans

@Speeder: Tu utilises donc Wordpress ?

Speeder
Speeder
5 ans

@Ezazhel: C'est marqué dans le titre :(
Mais je vais tenter avec le CSS personnalisé.

Ezazhel
Ezazhel
5 ans

@Speeder: C'est surprenant que tu n'ais pas le lieu d'origine de ton html.

Speeder
Speeder
5 ans

@Ezazhel: Bah je pense l'avoir sur mon FTP mais tout semble être retranscrit en php.

Ezazhel
Ezazhel
5 ans

@Speeder: Etant donné qu'on peut avoir du html dans les fichiers d'extensions php ça me dérange pas. Fie toi à l'url sans doute

Ou dans la console tu vas dans l'onglet "Source" et tu regardes où se trouve ton HTML parmis la mirade de dossier (généralement ça se trouve plus vite)

anonyme
anonyme
5 ans

Tu prends les choses à l'envers
Si je comprends bien, tu veux a la fois que l'icône soit un lien, c'est ça ?
Dans ce cas, crée une balise <a>, qui sera cliquable, puis a l'intérieur ta balise <i>. Pour le changement de couleur, utilise la pseudo classe CSS :hover.

Speeder
Speeder
5 ans

@rekted: Oui c'est ça.
En effet j'ai bien cru comprendre qu'il fallait créer une balise <a>. Je pense comprendre ce que tu veux dire.

Le bémol dans tout ça c'est que je n'ai rien créé et que c'est le thème qui a fait tout ça, j'ai juste glissé le cadre à tel endroit et lui a fait tout le reste. Je ne sais quel fichier éditer pour modifier ça moi-même. J'ai essayer de chercher sur internet mais je n'ai rien trouvé.

anonyme
anonyme
5 ans

Je pense que personne n'aura une réponse toute faite pour toi.
Mais si j'ai bien compris tu as accès à tout les fichiers de ton thème. L'idée c'est de trouver le fichier responsable de cette affichage ( un fichier php très probablement ) et d'en éditer le contenu avec une règle de ton choix.

Tu perdras ta modification lorsque tu mettras à jour ton thème cependant ( il existe des méthodes pour éviter ça, notamment l'utilisation d'un thème enfant ).

Si tu veux pas te prendre la tête et qu'une solution pas parfaite te convient tu peux ajouter le lien via du JS une fois la page chargée.

Speeder
Speeder
5 ans

@laric: Ok merci :) je vais tenter de chercher le fichier responsable de ça et de le changer. C'est ce qui me parait le plus simple vu mon niveau nul.

LaTaupe
LaTaupe
5 ans

il faut que tu édites directement dans les fichiers php et css. La comme ça c'est compliqué, surtout si tu n'y connais rien.
Avec la fonction "inspecter" tu pré conçois se que tu veux. ensuite tu va dans ton dossier ou ya ton theme, fonction recherche -> tu copis colle uid ou un truc qui correspond au ligne que tu veux changer. ça devrais te trouver les fichiers en question. tu modifies et tu reupload les fichiers sur le serveur.

Bon dis comme ça, ça parrait simple, mais je pense que tu risques de galéré.

PS : je sais pas comment ta fait, mais j'ai pas trouvé la page de connexion de ton wordpress ( j'ai voulu le hack) ta télécharger un addon pour ne pas avoir de redirection à partir de /wp-admin ?

Speeder
Speeder
5 ans

@LaTaupe: J'avais pensé a faire ça mais en ouvrant les .php je ne retrouve pas du tout la même structure de code que ce que j'ai avec Firefox.
Je vais tenter ton astuce du coup.

Ahah oui j'ai changé via un plugin car des bots cherchent ce genre de failles.

baUer
baUer
5 ans

@Speeder: tu va bien en chier quand meme, tu cherche a modifier du html généré par php, avec un plug in utilisant des tonnes de classes et d'objets.

As tu essayé une autre solution, juste contacter le dev du plug in? certains sont pas chiens et donnent de bonnes solutions

Speeder
Speeder
5 ans

@baUer: C'est ce que je me disais bien.. Certains m'ont donné la piste du CSS additionnel mais quand je mets le code, il me sort des erreurs de partout .

<a class="tds-icon tdc-font-tdmp tdc-font-tdmp-coconut td_uid_15_5b1c2dd3b44a6 td-fix-index" href="https://www.swyder.fr/category/experience-culinaire/"></a>;

Speeder
Speeder
5 ans
Speeder
Speeder
5 ans

@baUer: Je viens de me rendre compte de ma bêtise, j'essaie d'insérer du HTML là où du CSS est attendu. Bref je sais pas comment faire ;D

anonyme
anonyme
5 ans

Ça parait quand même étrange que le thème ne propose pas de lien derrière tes icônes. A ta place, au lieu de trifouiller le code, je chercherai un plugin ou widget permettant directement d'insérer des icônes cliquables.

Speeder
Speeder
5 ans

@Fr4p: yep Jai pensé au plugin mais j'en ai déjà un peu et j'aimerais éviter de surcharger le site avec.

Cette page est réservée aux ADULTES

Tu es sur le point d'accéder à un site web qui contient du matériel explicite (pornographie).

Tu ne dois accéder à ce site que si tu as au moins 18 ans ou si tu as l'âge légal pour visionner ce type de matériel dans ta juridiction locale, l’âge le plus élevé étant retenu. En outre, tu déclares et garantis que tu ne permettras aucun mineur à d'accéder à ce site ou à ces services.


En accédant à ce site, tu acceptes nos conditions d'utilisation.