- WordPress :5.3
- Statut : non résolu
- Ce sujet contient 23 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 5 années et 1 mois.
-
Messages
-
Bonsoir à tous,
Ma configuration WP actuelle
– Version de WordPress : 5.3.2
– Version de PHP/MySQL : 7.3.12 / 5.5.30
– Thème utilisé : Explore,Extensions en place : Classic Editor (1.5), Contact Form 7 (5.1.6), Lazy Load (0.6.1), Regenerate Thumbnails (3.1.2), WP Super Cache (1.7.1)
Site : pepiniere-courtin.fr
hébergeur : ovh
– Nom de l’hébergeur : ApacheMon client me demande d’insérer le nom de l’adresse mail de contact en clair sur le site.
Malgré mes grandes réticences et objections, il veut que j’insère quand même l’adresse mail de contact sur le site et ce, malgré la présence d’un formulaire de contact CF7 qui donne entièrement satisfaction. Je l’ai mis en garde contre le risque élevé de spam. Il m’a rétorqué que si cela se produisait, on enlèverait l’adresse mail de contact en clair.
J’ai cherché différentes solutions.
Voici les 2 solutions auxquelles je pense :
– soit insérer une image contenant le texte de l’adresse mail
– soit utiliser le plugin Email Adresse Encoder.
Je préférerais la seconde solution que j’ai essayé.
Je l’ai donc installé et activé.
Mais après, je ne sais pas trop quoi en faire.
De plus, google traduction n’arrive pas à traduire le readme.txtPourriez-vous me dire comment continuer et savoir ce que je dois faire ?
D’avance merci.
Cordialement,Bonjour,
Les clients pensent souvent qu’ils sont rois, mais ce n’est pas le cas. Il faut parfois savoir insister et leur rappeler que s’ils ont fait appel à un web master c’est justement parce qu’ils n’y savent rien ! Donc ta réaction est pertinente et ton client va se retrouver pollué par du spam… Ton idée d’une image est une bonne solution, mais sinon on utilise aussi une petite supercherie qui consiste à écrire l’adresse e-mail à l’envers, puis à l’afficher à l’endroit grace au CSS.
Je m’explique. Supposons que tu souhaites afficher l’adresse contact@machin.fr
Tu l’écris à l’envers, dans un attribut de classe :
Ensuite, pour l’afficher correctement aux visiteurs, tu lui applique la feuille de style CSS suivante :
L’inconvénient c’est que l’internaute qui lit l’adresse doit la taper manuellement, un lien mailto ne fonctionnera pas.
Mais c’est une méthode très efficace 😉
Tout d’abord, merci pour ta réponse.
Ok pour cette solution qui me paraît assez simple à mettre en application e tqui assez sécurisée malgré tout.
Je vais aller l’afficher dans un widget de la barre latérale droite.
Une question toute simple :
le code css, je dois le placer où exactement ? dans quel fichier ?
Dans le fichier style.css tout simplement ?
Bonjour à tous,
J’ai retrouvé le lien du tuto de l’inspecteur de code dans firefox. Il devrait me permettre de retrouver où placer le code css.
Actuellement, quand je clique sur la zone du widget en question, je vois pas mal d’infos mais il me faut comprendre à quoi elles correspondent.
Le lien du tuto pour ceux qui voudraient le consulter :
https://developer.mozilla.org/fr/docs/Outils/Inspecteur
Bonsoir à tous,
Si j’ai bien compris, d’après l’inspecteur de code de Firefox, le code du css devrait se trouver à cet endroit des lignes de code.
Après ces lignes ?
Voici ces lignes :
Mais je n’arrive pas à trouver à quoi correspondent les # au début de certaines lignes.
Questions :
- C’est quoi le # en début de certaines lignes ?
- Mettre le code donné par Kler en le plaçant après une } ?
Merci d’avance.
Cordialement,
Bonjour,
Si vous voulez, mettez sur votre site l’adresse mail (une fausse si vous voulez) et dites-nous où elle est pour qu’on puisse la voir et tester. Il devrait être possible de vous donner le code à utiliser.
Pour répondre à votre question:
le « # » signifie id (identité). Cela sert à indiquer un élément unique #secondary = un seul secondary, contrairement à « . » (class) qui définit une famille de un ou plusieurs éléments.
Si vous appliquez des css à #secondary, seul cet élément sera affecté si vous appliquez à .widget tous les éléments appartenant à la classe .widget seront modifiés.
Si vous appliquez les css à #secondary .widget, seuls les éléments possédant la classe .widget et appartenant à #secondary seront affectés.
Essayez par exemple dans l’inspecteur firefox , onglet « éditeur de style »ces css: #secondary {background-color:red;} puis remplacez #secondary par .widget puis par #secondary .widget et vous verrez la différence.
Bonjour à tous,
Merci de m’avoir répondu.
Donc, en principe, cela doit s’appliquer à # secondary si j’ai bien compris.
Par contre, je n’ai pas réussi à reproduire la manip. Je réessaierai tout à l’heure.
Le site : http://www.pepiniere-courtin.fr/
J’ai créé une adresse mail bidon dans un widget que j’ai ajouté. Cela se trouve dans la colonne de droite sous nos coordonnées.
Merci d’avance.
Bonjour,
Essayez ce code CSS à mettre dans votre fichier style.css si vous avez un thème enfant ou dans les css additionnelles (apparence/personnaliser/css additionnelles).
Bonsoir,
Ça marche. C’est super.
Vous me retirez une sacrée épine du pied. 🙂
Il me reste à ajouter quelques mots devant comme « Pour nous écrire » et qui soit indépendant de ce widget, ce que je vais faire ce soir ou plus tard demain ainsi que de mettre la véritable adresse mail.
Encore merci.
Je viens de mettre à jour l’adresse mail.
J’ai inscrit la véritable adresse mail à l’envers et ça fonctionne.
Il me reste à augmenter la taille de la police de l’adresse mail car elle s’affiche en petit. De plus, je vais la centrer ou la mettre à gauche
A ajouter sans doute dans le
<code class=" code-embed-code language-css"><span class="token selector"><span class="token id">#custom_html-16</span> <span class="token class">.textwidget</span></span> je suppose car il y a longtemps que je ne m'étais remis au css ? Encore merci.
Je ne sais pas ce qui s’est passé en collant le texte.
Il m’a collé du code qui était resté dans le presse papiers.
J’ai simplement ajouté ces 3 lignes juste avant l’accolade fermante :
Un grand merci à vous. Sans vous, je n’aurai jamais pu mettre en place cette solution ! 🙂
Bonjour,
Oui, merci à vous tous qui m’avez répondu. C’est grâce à vous que je m’en suis sorti.
Je suis en train de fignoler la présentation.
Je voudrais ajouter un petit commentaire du style : « vous pouvez aussi nous contacter via notre formulaire de contact » (en y insérant le lien).
Je sais que c’est faisable sans doute mais je voudrais que le commentaire et le lien qui va avec ne soit pas impacté par le code qui inverse.
Il faudrait utiliser le # et le . sans doute ?
Pour l’instant, je peux arriver à le présenter avec un widget supplémentaire mais n’est pas très esthétique et multiplie encore un peu plus le nombre de rubriques et de lignes blanches insérées.
Je vais reformuler ma question que je posais dans le message précédent, celui-ci n’étant pas très clair à mon avis.
Je voudrais donc savoir s’il est possible de mettre à la suite de l’adresse mail, après un retour à la ligne bien sûr, mettre une phrase comme comme celle-ci : » “vous pouvez aussi nous contacter via notre formulaire de contact » suivi du lien qui amènerait à ce formulaire ?
Est-ce possible ?
Sinon, je repasserai par un widget supplémentaire et çà, je sais faire. Mais je préférerais l’autre solution plus esthétique d’où ma demande ci-dessus.
Merci d’avance.
- Vous devez être connecté pour répondre à ce sujet.