Empêcher le spam malgré la présence d’une adresse mail (Créer un compte)

  • WordPress :5.3
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 24)
  • Auteur
    Messages
  • #2302880
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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 : Apache

    Mon 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.txt

    Pourriez-vous me dire comment continuer et savoir ce que je dois faire ?

    D’avance merci.
    Cordialement,

     

    #2303136
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    Bonsoir à tous,

    Personne ne sait ?

    Hum ! 🙁

     

    #2303162
    Kler
    Participant
    Initié WordPress
    18 contributions

    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 :

    <span class="maskmail">rf.nihcam@tcatnoc</span> 

    Ensuite, pour l’afficher correctement aux visiteurs, tu lui applique la feuille de style CSS suivante :

    .maskmail {
    unicode-bidi: bidi-override;
    direction: rtl;
    }

    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 😉

    • Cette réponse a été modifiée le il y a 1 semaine et 4 jours par Kler.
    #2303236
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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 ?

     

    #2303270
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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

     

    #2303419
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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 :

    #secondary .widget,
    #tertiary .widget,
    .error-404 .widget {
    	/* valeur d'origine : margin-bottom: 35px; -- */
    	margin-bottom: 10px;
    	font-size: 15px;
    }
    Code de css trouvé par l'inspecteur de code de Firefox

    Mais je n’arrive pas à trouver à quoi correspondent les # au début de certaines lignes.

    Questions :

    1. C’est quoi le # en début de certaines lignes ?
    2. Mettre le code donné par Kler en le plaçant après une }  ?

    Merci d’avance.

    Cordialement,

     

    #2303427
    ferman
    Participant
    Maître WordPress
    2100 contributions

    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.

    #2303466
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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.

     

    #2303486
    ferman
    Participant
    Maître WordPress
    2100 contributions

    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).

    #custom_html-16 .textwidget{
    unicode-bidi: bidi-override;
    direction: rtl;
    }

    #2305026
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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.

     

    #2305027
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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.
    
    
    #2305028
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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 :

    font-size: 20px;
    text-align: center;
    color: #005dff;

    Un grand merci à vous. Sans vous, je n’aurai jamais pu mettre en place cette solution ! 🙂

     

    #2305068
    Kler
    Participant
    Initié WordPress
    18 contributions

    Bonjour,

    Désolé de ne pas avoir répondu plus tôt et je suis ravi que tu sois parvenu à tes fins.

    #2305069
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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.

     

    #2305080
    Pingouin
    Participant
    Padawan WordPress
    66 contributions

    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.

     

15 sujets de 1 à 15 (sur un total de 24)
  • Vous devez être connecté pour répondre à ce sujet.