Comment ne pas publier un article par erreur avec WordPress WordPress a beau comporter un luxe impressionnant d'options et de fonctionnalités, le CMS ne comporte aucun filet de sécurité qui éviterait de publier des articles par erreur. En effet, une fois qu'un clic malencontreux a été fait sur le bouton Publier en lieu et place d'Enregistrer le brouillon, l'article en cours d'édition est immédiatement mis en ligne, et on peut parfois s'en mordre les doigts, surtout s'il est automatiquement relayé sur les réseaux sociaux, par les flux RSS ou encore par une option de notification par push. Tant pis, s'il s'agit d'un accident, que le billet n'a pas été relu, que les illustrations n'ont pas été insérées et légendées, l'article en question est visible par tous avec les erreurs qu'il comporte. Pour éviter cette situation fâcheuse, il existe fort heureusement un plug-in gratuit appelé Publish Confirm qui comme son nom l'indique ajoute une fonctionnalité de confirmation avant qu'un article ne puisse être publié par WordPress. Dans "Wordpress"
Inclure jQuery de manière optimisée jQuery est un framework JavaScript très célèbre, permettant en quelques lignes de code de dynamiser un site web, de créer de petites animations, des interactions avec les formulaires, de programmer des appels Ajax. Voici, en détails, quelques possibilités d'intégration à votre site, afin de minimiser l'impact sur les performances et le temps de chargement. Appel classique à la librairie (fichier téléchargé) De la manière la plus basique, il est vous est proposé sur le site jQuery.com de télécharger le fichier - en affichant son code source - et de le placer sur votre site, par exemple dans jquery.js ou jquery-x.x.x.min.js. Fichier et compression Vous récupérerez ainsi une version "minifiée", c'est à dire compressée jusqu'à un certain niveau par un algorithme supprimant espace et commentaires, mais rendant peu lisible la déclaration des fonctions. Voyez les différences entre la version non minifiée et la version minifiée. Performances au chargement Vous obtiendrez ainsi : <! <! Démo
Comment passer son blog WordPress en HTTPS sans tout casser ? Si vous suivez un peu l’actualité du Web, vous avez peut-être entendu parler du HTTPS. Vous avez peut-être lu qu’il fallait « passer son site en HTTPS », que WordPress allait forcer ses utilisateurs à adopter le HTTPS, que c’était mieux pour le référencement, que Google Chrome signalait les sites en HTTP comme étant non sécurisés… Alors aujourd’hui… suspense… nous allons parler… du HTTPS ! Je vais d’abord vous expliquer dans les grandes lignes à quoi ça correspond, pourquoi ça prend de plus en plus d’importance sur le web et dans un second temps, je vous montrerai comment passer son site en HTTPS sans détruire son référencement à tout jamais (musique dramatique). Le HTTPS, c’est quoi ? Je vais juste vous donner quelques informations pour comprendre à quoi ça correspond dans les grandes lignes. Quand vous naviguez sur Internet, c’est grâce à un protocole que votre ordinateur est capable d’échanger des informations avec des serveurs où sont stockés les sites web que vous visitez. 1. 2. 3.
Comment ajouter une zone de widget à votre header WordPress ? Une zone de widget, ou "widget area", est l'un des nombreux atouts proposés par WordPress. Grâce à elle, vous pourrez construire certaines zones de votre site en fonction de vos besoins. Cependant, selon votre thème, les zones de widget ne seront disponibles uniquement pour construire votre barre latérale (sidebar) et votre pied de page (footer). Pourquoi une zone de widget dans le header ? Il est vrai que la première des questions que vous pourriez vous poser serait "mais pourquoi faire ?"... une bannière publicitaireun encart pour souscription à une newsletter par exempleun contenu de promotionun édito ou billet d'humeur En outre, étant donné que les internautes utilisent de plus en plus les mobiles pour naviguer sur internet, il est très important de placer le contenu promotionnel avant le contenu classique. Étape 1 : Créer son thème enfant Comme toutes les modifications que l'on apporte à un thème WordPress, il faudra passer par la création d'un thème enfant... Quelques explications :
Contact Form 7 – Extension WordPress Contact Form 7 gère des formulaires de contact multiples, et la personnalisation des contenus des formulaires et des e-mails avec des balises simples. Le formulaire supporte l’envoi par Ajax, les CAPTCHAs, l’anti SPAM Akismet et bien d’autres. Documents et support Vous pouvez trouver la documentation, FAQ et plus de détails sur Contact Form 7 sur contactform7.com. Si vous ne trouvez pas de réponse à vos questions sur la FAQ ou dans la documentation, vous pouvez chercher sur le forum sur WordPress.org. Contact Form 7 a besoin de vous Il est difficile de développer et de faire l’assistance de cette extension gratuite sans l’aide de contributeurs comme vous. Avis de confidentialité Avec la configuration par défaut, cette extension, ne : Suivre les utilisateurs/utilisatrices furtivement ;Inscrire toutes les données des utilisatrices et utilisateurs dans la base de données ;Envoyer les données aux serveurs externesutilise les cookies. Extensions recommandées Traductions Contact Form 7
Styling Contact Form | Contact Form 7 How do I style contact form? This is a common question on the support forum. Contact Form 7 doesn’t provide any customization for styling. Which Style Sheet Should I Edit? Any style sheet is okay, but I recommend editing your theme’s main style sheet. Style Fields in Contact Form Let’s see how we can style individual fields in a contact form. This selector matches all ‘input’ elements whose ‘type’ attribute has exactly the value ‘text’ (i.e. single-line text input fields). You may want to apply this style rule to other types of fields. Now this style is applied to every part of your site. Style Specific Fields You might want to style only specific fields. [text text-123 id:very-special-field] Then add style rules using the id or class: Style Whole of Contact Form As I mentioned earlier, the top-level element of contact form has ‘wpcf7’ class. This style rule gives your contact forms a light gray background and green border. See Also Like this: Like Loading...
Comment ajouter un breadcrumb à son blog Wordpress sans plugin. Pour ce tutoriel, nous allons voir comment ajouter très facilement et sans plugin un breadcrumb (ou fil d’Ariane) sur son blog. Par défaut WordPress ne propose pas cette fonction. De nombreux plugin existe afin de générer un fil d’ Ariane, mais comme vous aller le voir, il est possible de créer très facilement son propre breadcrumb. En ergonomie et plus particulièrement de nos jours dans le domaine de la conception d’interfaces informatiques un fil d’Ariane, aussi appelé chemin de fer (et en anglais, breadcrumbs, par allusion aux miettes de pain utilisées par le Petit Poucet ainsi que Hansel et Gretel) est une aide à la navigation, sous forme de signalisation de la localisation du lecteur dans un document ou un page d’un site web. Voyons comment mettre en place notre fil d’Ariane sous WordPress. Vous pouvez retrouver tous les fichiers composant votre thème depuis l’administration de WordPress dans Apparence – > Editeur. Voici le script : function GkAriane() { if (! Voici mon code modifié :
Google Analytics Dashboard Plugin for WordPress by MonsterInsights – Extension WordPress Extension Google Analytics pour WordPress We believe that it’s easy to double your traffic and sales when you know exactly how people find and use your website. MonsterInsights shows you the stats that matter, so you can grow your business with confidence. With over 2 million active installs, MonsterInsights is the most popular Google Analytics plugin for WordPress. At MonsterInsights, we make it « effortless » to properly connect your WordPress site with Google Analytics, so you can start making data-driven decisions to grow your business. Unlike other Google Analytics plugins, MonsterInsights allow you to enable all advanced Google analytics tracking features with just a few clicks (no need to hire a developer). The best part is that MonsterInsights comes with a Google Analytics Dashboard for WordPress that shows you actionable analytics reports right inside your WordPress dashboard. We took the pain out of installing Google Analytics in WordPress and made it easy. It just works. Credits
Mon domaine chez Gandi, mon hébergement chez OVH. - Profession Webdesigner Hier, j’ai travaillé pour un client dont le site est enregistré chez Gandi. Nous avons décidé d’héberger le site chez OVH, mais de garder la gestion du domaine chez Gandi. La démarche est toute simple, mais il ne faut pas se tromper. Situation de départ : un domaine enregistré chez Gandi. Si vous ne connaissez pas le tableau de bord de Gandi, le voici, avec notre nom de domaine dedans. Accueil de mon compte Gandi Première étape : Ajouter le domaine chez OVH La première chose à faire, c’est d’aller chez OVH, ajouter votre domaine à la liste de vos domaines sur OVH, puis commander un hébergement… Voici la page d’accueil de mon espace OVH. Une fois connecté, la première chose à faire est d’ajouter votre domaine à ce tableau de bord. Accueil de mon compte OVH Pour ce faire, cliquez sur « mes produits » dans le menu « administration », puis sur « nouveau domaine« . Une fois à destination, entrez le nom du domaine que vous souhaitez ajouter dans le formulaire qui ressemblera à celui-ci. Mes DNS OVH
⚠️ WordPress rel=noopener, noreferrer : qu'est-ce que c'est ? Depuis Avril 2017, tous les sites WordPress ayant réalisé la mise à jour 4.7.4 du CMS intègrent automatiquement les attributs noopener et noreferrer dans l’intégralité de leurs liens en target blank ! Voici concrètement ce que cela signifie, quels sont les impacts pour les utilisateurs, les sites maillés et comment il est possible de supprimer / désactiver cet ajout automatique sur tous les liens. Sommaire : WordPress 4.7.4 ajoute désormais automatiquement un rel=noopener, noreferrer à tous les liens en target blank ! Depuis la version 4.7.4 de WordPress (20 Avril 2017), deux nouveaux attributs rel= »exotiques » sont récemment apparus sur tous les liens créés et configurés en target blank (qui s’ouvrent sur de nouvelles fenêtres) : noopener et noreferrer. Si l’on a l’habitude de parler du rel=nofollow en SEO, de nombreux autres attributs peuvent être ajoutés à la balise rel=. Pourquoi WordPress ajoute désormais automatiquement le noreferrer, noopener à tous les liens en target blank ?