L’automatisation de la conception de sites web

Au cours des dernières années, l’intelligence artificielle (IA) a pris une place de plus en plus importante dans le monde de la technologie. L’IA et le Machine Learning offrent des capacités d’automatisation et de personnalisation qui ont le potentiel de transformer la façon dont nous utilisons WordPress. En 2024, nous pourrions voir l’IA être utilisée pour automatiser la conception de sites web, en générant des designs basés sur les préférences des utilisateurs et les données d’utilisation.

Optimisation SEO avec l’IA

Le référencement (SEO) est un aspect essentiel de la gestion d’un site web, et WordPress a toujours été à la pointe de l’offre de fonctionnalités de référencement solides. En 2024, l’IA pourrait être utilisée pour optimiser davantage le SEO, en analysant le contenu du site et en proposant des améliorations basées sur les tendances actuelles et les données d’utilisation.

WordPress et la réalité virtuelle

Visites virtuelles sur WordPress

La réalité virtuelle (RV) est une autre tendance technologique majeure qui pourrait influencer l’évolution de WordPress en 2024. La RV offre la possibilité de créer des expériences immersives, et cela pourrait se traduire par l’offre de visites virtuelles sur des sites WordPress. Cela pourrait être particulièrement utile pour les sites immobiliers ou touristiques, où les utilisateurs pourraient « visiter » des lieux directement à partir de leur navigateur.

Amélioration de l’expérience utilisateur avec la RV

De plus, la RV pourrait être utilisée pour améliorer l’expérience utilisateur sur les sites WordPress. Par exemple, les utilisateurs pourraient utiliser des interfaces de RV pour naviguer sur le site, pour interagir avec le contenu de manière plus intuitive et engageante.

WordPress et l’Internet des objets (IoT)

Interaction avec les appareils IoT

L’Internet des objets est une autre tendance technologique qui pourrait influencer l’évolution de WordPress en 2024. En particulier, nous pourrions voir des plugins et des fonctionnalités de WordPress qui permettent aux sites de communiquer et d’interagir avec les appareils IoT. Cela pourrait ouvrir de nouvelles possibilités pour les sites WordPress, comme la possibilité d’afficher des données en temps réel provenant d’appareils IoT, ou d’envoyer des commandes à ces appareils.

L’avenir de Gutenberg

Lorsque Gutenberg, le nouvel éditeur de blocs de WordPress, a été lancé, il a transformé la façon dont le contenu est créé sur la plateforme. Cependant, Gutenberg est toujours en cours de développement et d’évolution. En 2024, nous pourrions voir une version beaucoup plus avancée et flexible de Gutenberg. Cela pourrait inclure des fonctionnalités telles que l’édition de blocs en direct, où les modifications sont visualisées en temps réel, et une plus grande flexibilité dans la création de modèles de blocs personnalisés.

En conclusion, si l’histoire de WordPress est une indication, nous pouvons nous attendre à une évolution constante et passionnante de la plateforme en 2024. L’intégration de l’IA, de la RV et de l’IoT, ainsi que l’évolution de Gutenberg, sont autant d’éléments qui pourraient transformer la façon dont nous créons et gérons des sites web. Quoi qu’il en soit, une chose est certaine : WordPress continuera à être à la pointe de l’innovation en matière de gestion de contenu.

Merci d’avoir lu cet article sur l’évolution potentielle de WordPress en 2024. Nous espérons que vous êtes aussi enthousiasmé que nous à l’idée de voir ces nouvelles fonctionnalités et améliorations se concrétiser. Restez à l’affût pour les dernières mises à jour de WordPress et continuez à exploiter tout le potentiel de cette plateforme incroyable !

L’article Que pourrait devenir l’évolution de WordPress en 2024 ? est apparu en premier sur HebergementWP.fr.

Nouvelles Fonctionnalités et Améliorations

API REST

WordPress 6.2 introduit la troisième version de l’API REST. Cette nouvelle version offre une façon innovante de créer des menus, ce qui permet

Sécurité des Mots de Passe

La sécurité est une préoccupation majeure pour tout site web, et WordPress 6.2 apporte des améliorations à cet égard. La méthode de récupération des mots de passe a été revue pour renforcer la sécurité, ce qui contribue à protéger les sites WordPress contre les accès non autorisés【69†source】.

Améliorations des Blocs de Navigation

L’interface de navigation a également reçu une attention particulière dans cette mise à jour. Le bloc de navigation a été amélioré pour permettre la création d’un bloc de navigation global, et un nouveau bloc de navigation a été ajouté pour faciliter l’édition de la navigation du site.

Bloc de Commentaire

Le bloc de commentaire a été optimisé, offrant aux utilisateurs une meilleure gestion des commentaires individuels sur leurs sites.

Bloc Post Author

Le bloc Post Author, qui fait partie des nombreux types de blocs de WordPress, a également bénéficié d’améliorations significatives, rendant la fonctionnalité plus flexible et plus facile à utiliser.

Améliorations de l’Éditeur de Blocs

L’éditeur de blocs WordPress a été amélioré pour une meilleure utilisation sur des écrans de plus petite taille, rendant WordPress encore plus accessible et facile à utiliser, quel que soit l’appareil utilisé.

Inclusion de plusieurs versions de Gutenberg

WordPress 6.2 inclut plusieurs versions de Gutenberg, chacune apportant diverses corrections de bogues, nouvelles fonctionnalités et améliorations de performance.

Site Editing et Full Site Editing (FSE)

WordPress 6.2 offre également des améliorations dans le domaine du Site Editing et du Full Site Editing (FSE). Ces améliorations permettent aux utilisateurs de modifier plus facilement l’ensemble de la page, y compris l’aperçu du HTML complet de la page.

Polices Google Fonts Incluses Localement

En raison de certaines incertitudes juridiques liées à l’utilisation des polices Google Fonts, les thèmes natifs qui embarquaient auparavant directement des polices provenant des serveurs de Google ne le feront plus à partir de WordPress 6.2. Les polices Google Font sont maintenant incluses localement dans les thèmes natifs, ce qui concerne les thèmes suivants :

• Twenty Twelve à partir de sa version 3.9
• Twenty Thirteen à partir de sa version 3.8
• Twenty Fourteen à partir de sa version 3.6
• Twenty Fifteen à partir de sa version 3.4
• Twenty Sixteen à partir de sa version 2.9
• Twenty Seventeen à partir de sa version 3.2.

Résumé des Améliorations et Corrections de Bogues

En plus des nouvelles fonctionnalités et améliorations, WordPress 6.2 apporte également de nombreuses corrections de bogues et d’autres améliorations techniques. En voici un résumé :

• Corrections de bogues : La mise à jour résout plus de 166 bogues. Ces corrections contribuent à améliorer la stabilité et la fiabilité de la plateforme WordPress​¹​.
• Améliorations de performances : 28 améliorations de performances ont été apportées. Ces améliorations peuvent aider votre site WordPress à se charger plus rapidement et à fonctionner plus efficacement​¹​.
• Améliorations d’accessibilité : 15 améliorations d’accessibilité ont été mises en place. Ces améliorations rendent WordPress plus facile à utiliser pour tous les utilisateurs, y compris ceux qui ont des besoins spécifiques en matière d’accessibilité​¹​.
• Améliorations du code : 18 améliorations de code ont été effectuées, dont beaucoup sont dédiées à la prise en charge des versions les plus récentes de PHP. Ces améliorations facilitent le développement sur WordPress et aident à maintenir la plateforme à jour avec les dernières normes et technologies de développement web

Conclusion

WordPress 6.2 est une mise à jour majeure qui apporte de nombreuses améliorations et nouvelles fonctionnalités. Que vous soyez un développeur, un créateur de contenu ou simplement un utilisateur de WordPress, cette mise à jour offre des outils et des fonctionnalités qui peuvent améliorer votre expérience d’utilisation de WordPress et la performance de votre site. Il est important de noter que certaines de ces modifications nécessiteront des actions de la part des auteurs de thèmes et d’extensions, qui devront adapter ou modifier leur code pour assurer la compatibilité avec WordPress 6.2.

N’oubliez pas, avant de mettre à jour votre site vers WordPress 6.2, de sauvegarder tous vos fichiers et votre base de données. Si vous rencontrez des difficultés lors de la mise à jour, n’hésitez pas à consulter la documentation de WordPress ou à chercher de l’aide auprès de la communauté WordPress.

Félicitations pour avoir fait le grand pas vers WordPress 6.2 ! Vous vous apprêtez à découvrir des améliorations incroyables et de nouvelles fonctionnalités passionnantes qui donneront à votre site WordPress un coup de pouce supplémentaire. Mais avant de plonger, n’oubliez pas une étape cruciale.

Avant de faire cette mise à jour importante, il est essentiel de sauvegarder votre site WordPress. Heureusement, avec le WP Manager inclus dans votre espace client, c’est un jeu d’enfant ! En quelques clics, vous pouvez sauvegarder tous vos fichiers et votre base de données, assurant ainsi une transition en douceur vers WordPress 6.2. C’est simple comme bonjour, et cela vous donne la tranquillité d’esprit de savoir que votre site est en sécurité.

Et n’oubliez pas, si vous cherchez à héberger votre site WordPress sur un serveur fiable, rapide et sécurisé, n’hésitez pas à visiter notre site https://www.hebergementwp.fr/. Vous y trouverez une gamme d’offres d’hébergement web adaptées à vos besoins.

Allons-y, mettons à jour votre WordPress et propulsons votre site vers de nouveaux sommets !

L’article WordPress 6.2 : Un Tour d’Horizon des Nouveautés est apparu en premier sur HebergementWP.fr.

Cet article a pour but de vous guider étape par étape dans cette nouvelle aventure. Grâce à ce tutoriel, vous allez survoler tous les aspects permettant la création de votre blog, de la commande de la formule d’hébergement Web la plus adaptée, à la personnalisation de votre blog WordPress, en passant par l’installation en un clic de ce CMS.

Comment créer un blog WordPress :

Afin de créer un blog WordPress, il est nécessaire de suivre les étapes suivantes :

• Souscrire à une formule d’hébergement WordPress et choisir votre nom de domaine
• Installer le logiciel WordPress sur votre hébergement
• Installer et activer le thème de votre choix sur votre blog
• Installer les plugins nécessaires au fonctionnement de votre site
• Ecrire vos articles et les publier

WordPress est un CMS (Content Management System ou Système de Gestion de Contenu) ne demandant aucune connaissance technique pour son installation et son utilisation. Dès l’installation de WordPress sur votre hébergement Web, vous allez certainement vouloir le personnaliser. C’est la raison pour laquelle dans ce tutoriel, certains aspects tels que l’installation d’un thème ou de plugins seront expliqués.

Etape 1 : souscription à un hébergement WordPress et choix votre nom de domaine

L’erreur la plus fréquente concerne le choix de l’hébergement pour l’installation d’un site WordPress. Il est préférable de souscrire à une formule adaptée à l’utilisation de ce CMS. Beaucoup de personne font aussi le choix de se tourner vers la plateforme WordPress.com. Toutefois, il existe une différence entre wordpress.com et wordpress.org qui sont les suivantes :

• WordPress.com : il s’agit d’une plateforme d’hébergement WordPress uniquement. Bien qu’il soit possible d’y installer gratuitement un site WordPress, la personnalisation de ce dernier peut être fastidieuse et le cout élevé. De plus, il n’est pas possible de migrer votre site créé avec cette plateforme auprès d’un autre hébergeur WordPress, outre les articles créés sur ce dernier.
• WordPress.org : cette plateforme permet le téléchargement du CMS afin de l’installer sur l’hébergeur de votre choix. Cette plateforme vous propose plus de 5000 thèmes gratuits et pas loin de 50 000 plugins qu’il vous sera possible d’installer en passant directement par le Tableau d’Administration WordPress, dès l’installation de ce dernier effectué chez le prestataire de votre choix.

Afin de pouvoir créer un blog WordPress, il est primordial de disposer de deux choses :

• Un hébergement WordPress : L’hébergement vous permettra de mettre en ligne votre blog WordPress afin qu’il soit visible par les internautes
• Un nom de domaine : Il s’agit de l’adresse internet permettant d’accéder à votre blog WordPress

Bien que beaucoup de prestataires proposent un nom de domaine offert la première année, l’hébergement WordPress et le nom de domaine attenant à ce dernier représente l’un des principaux postes de dépense pour créer un blog WordPress.

Souscrire à un hébergement WordPress et à un nom de domaine offert

Une fois l’hébergeur WordPress choisi, il est nécessaire de souscrire à la formule d’hébergement WordPress ainsi qu’au nom de domaine.

Rendez-vous sur le site proposant les formules d’hébergement WordPress et cliquez sur le bouton « Commander ».

Choisissez le domaine que vous désirez lier à votre formule d’hébergement WordPress parmi les deux possibilités suivantes :

• Je crée un nouveau nom de domaine : Si vous ne disposez pas de nom de domaine, vous avez la possibilité d’en choisir un et demander l’enregistrement de ce dernier
• Je possède déjà d’un nom de domaine : permet de choisir un nom de domaine que vous disposez auprès d’un autre prestataire et que vous désirez transférer.

Une fois le choix de votre nom de domaine fait, cliquez sur « Vérifier la disponibilité« . Cette étape permet de vérifier que le nom de domaine soit bien disponible pour un enregistrement. Dans le cas contraire, il vous sera possible d’en choisir un autre.

Si le domaine choisi par vos soins est disponible, cliquez sur le bouton « Commander » afin de passer à l’étape suivante du processus de commande.

Si vous débutez dans le domaine de création de blog WordPress, la formule WP Start est largement suffisante. En revanche, si vous pensez que votre blog va avoir très vite beaucoup de visiteurs, la formule WP Premium sera parfaite. Choisissez la formule souhaitée et cliquez sur « Continuer ma commande ».

Vérifiez votre panier et cliquez sur « Continuer ma commande« .

Si vous n’êtes pas encore client, indiquez « Non » et remplissez les champs nécessaires à la création de votre compte client. Cliquez ensuite sur « S’inscrire et payer ».

Procédez au paiement de votre commande. La mise en place de votre formule d’hébergement WordPress sur votre compte client peut prendre jusqu’à une heure.

Etape 2 : Installer WordPress sur votre hébergement Web

Maintenant que vous possédez votre hébergement WordPress et votre nom de domaine, il va falloir procéder à l’installation de ce dernier. Une fois le processus de commande finalisée, un courriel vous est envoyé comprenant les informations de connexion à votre espace client.

Créer son blog WordPress s’effectue en quelques minutes.

Pour se faire, connectez-vous à votre espace client avec les infos de connexion reçu par courriel.

Cliquez sur le bouton « gérer » se trouvant derrière votre hébergement WordPress afin de vous rendre sur l’administration de votre formule :

Cliquez sur le bouton « WordPress » se trouvant dans la rubrique « Logiciel ».

Plusieurs choix d’installation WordPress sont proposés. Vous pouvez créer un blog WordPress en effectuant l’une des installations suivantes :

• WordPress : Il s’agit du CMS de base
• WordPress + Elementor: En plus du CMS WordPress, le plugin Elementor sera installé sur ce dernier. Ce plugin permet la création de votre site par le biais de glisser-déposer.

L’installation de « WordPress + Woocommerce » permet quant-a-lui, le déploiement d’une boutique en ligne.

Choisissez le type d’installation souhaitée. Sur la nouvelle fenêtre, vous avez la possibilité de choisir l’emplacement de votre installation WordPress :

• Je veux installer WordPress à la racine de mon site : permet l’installation de WordPress à la racine de votre hébergement Web
• Je veux installer WordPress dans un répertoire : Vous pouvez installer votre blog dans un répertoire tel que blog auquel cas l’accès à ce dernier s’effectuera par le biais d’une URL telle que https://domaine.com/blog
• Je veux installer WordPress en sous-domaine : il est possible de créer votre blog WordPress dans un sous-domaine dont l’URL prendra la forme suivante : https://blog.domaine.com .

Confirmez l’écrasement de la base de données en recopiant la phrase « Ecraser la base mysql » dans le champ concerné. Cliquez en dernier lieu, sur le bouton « Valider » afin de procéder à l’installation de WordPress.

Dès l’installation effectuée, un courriel comprenant les informations de connexion à votre Tableau de bord WordPress vous sera envoyé à l’adresse e-mail rattachée à votre compte client.

Etape 3 : installer un thème sur votre blog WordPress

Il est peu probable que le thème installé par défaut sur votre blog WordPress vous satisfasse. WordPress dispose de plusieurs milliers de thèmes préinstallés et gratuits qu’il vous sera possible d’activer en un clic. Cette étape va vous montrer comment installer, configurer et personnaliser votre thème.

Comment installer un thème sur votre blog WordPress ?

Connectez-vous au tableau de bord Wordprress, cliquez sur « Apparence » puis sur « Menu » se trouvant dans la colonne de gauche.

WordPress propose de nombreux choix de thèmes gratuits et payants. Par défaut, vous avez accès à une liste de plus de 4500 thèmes gratuits. Pour cela, cliquez sur le bouton « Ajouter ».

Il existe deux manières d’installer un thème sur votre blog WordPress :

• Téléverser un thème (1) : Le téléversement d’un thème permet d’installer un thème acheté sur une plateforme tel que themeforest.
• Rechercher un thème dans la boutique (2) : Choisissez l’un des 4971 thèmes disponibles sur la boutique de thème accessible sur votre Tableau de bord WordPress.

Comment personnaliser votre thème WordPress ?

Vous pouvez personnaliser davantage votre thème en utilisant l’éditeur de site. Cette interface vous permet d’apporter certaines modifications à votre thème afin de le personnaliser, sans avoir de connaissance en codage. Pour cela cliquez sur « Apparence » et « Personnaliser ».

Vous allez pouvoir modifier radicalement l’apparence et les fonctionnalités de votre site Web WordPress à partir de cette interface. Cela inclut la modification des éléments de la page, notamment le titre de votre site, l’image d’arrière-plan et les menus en passant par les couleurs de votre site. Si vous disposez de quelques connaissances de base, il vous sera également possible d’ajouter du CSS additionnel.

L’avantage de travailler en utilisant le mode « Personnalisation » est qu’il est possible de visualiser en temps réel toutes les modifications apportées à votre blog WordPress.

Etape 4 : Rédaction de vos premiers articles de Blog

Maintenant que vous avez installé votre Blog WordPress ainsi que votre thème, il est temps de rédiger vos premiers articles.

Il n’est pas compliqué d’écrire, modifier et ajouter de nouveaux articles sur votre blog WordPress. Pour cela, cliquez sur l’onglet « Articles » puis sur « Ajouter » se trouvant dans le menu de votre Tableau de bord WordPress.

Vous allez être redirigé sur l’interface de rédaction d’articles. Dans ce tutoriel, l’interface d’édition classique est utilisée. Par défaut, WordPress utilise l’éditeur Gutenberg. Il est possible de passer de l’un à l’autre en installant le plugin « Classic Editor ».

Indiquez un titre et rédigez le contenu de votre article. Vous avez la possibilité de publier ce dernier en cliquant sur le bouton prévu à cet effet.

Pour une meilleure organisation de votre blog WordPress, prenez soins de créer des catégories et d’ajouter des étiquettes à vos articles.

Etape 5 : Installer un plugin WordPress

Créer un blog WordPress n’a plus de secret pour vous. Cependant, il reste une étape essentielle, à savoir l’installation de plugins.

Les plugins vont permettre d’ajouter de nouvelles fonctionnalités à votre site WordPress tel que Livechat, un plugin de partage social en passant par des plugins permettant l’optimisation SEO de vos articles tel que Yoast SEO ou Rank Math.

Il existe bien d’autres plugins WordPress. Bien que beaucoup d’eux soient gratuits, certains peuvent être payant.

Comment installer un plugin WordPress ?

Tout comme pour les thèmes, vous avez la possibilité d’effectuer une recherche de plugins par le biais de votre Tableau de bord WordPress, en cliquant sur « extensions » et ensuite « ajouter » se trouvant dans le menu de droite de votre interface.

Vous verrez apparaître les plugins les plus populaires, ceux qui vous sont recommandé. Bien entendu vous pouvez également rechercher une extension en fonction de son nom.

Par exemple, si vous désirez installer un plugin permettant l’optimisation de votre article en vue de son référencement, vous pouvez rechercher le plugin Yoast SEO, cliquez sur « Installer maintenant » puis sur « Activer ».

Il est à noter que certains plugins nécessitent d’être configuré après l’installation.

Quels sont les plugins WordPress incontournables ?

• Rank Math ou Yoast Seo : Permet l’optimisation de vos articles sur votre blog WordPress ;
• Elementor : un constructeur de page fonctionnant par glisser-déposé ;
• WPForms : permet la création de formulaires pour votre site, tel qu’un formulaire de contact ;
• LiteSpeed Cache : Améliore la vitesse de chargement de votre site ;
• WP-Optimize : nettoie et optimise votre site en quelques clics de souris
• Classic Editor : pour ne pas subir l’interface Gutenberg installé par défaut sur WordPress.

Cette liste de plugins est loin d’être complète. Vous pouvez retrouver pleins d’autres plugins permettant l’ajout de nouvelles fonctionnalités en vous rendant sur la bibliothèque des extensions mis à disposition par WordPress.

À ce stade, vous avez un blog entièrement fonctionnel construit sur WordPress. Vous avez appris à rédiger votre premier article de blog et également à contrôler l’apparence de ce dernier en y installant votre thème. Vous avez aussi appris à ajouter de nouvelles fonctionnalités grâce à l’installation de plugins.

Questions fréquentes lors de la création d’un blog WordPress ?

Afin de refermer définitivement ce tutoriel explicatif sur la création d’un blog WordPress, il peut être important de connaître son coût et s’il est possible de créer un blog en utilisant un autre CMS que WordPress.

Combien coûte un hébergement pour créer un blog WordPress ?

Le coût d’un hébergement WordPress peut varier selon le nombre de visiteurs que vous allez avoir sur votre site et le nombre de plugins que vous allez installer sur ce dernier. Cependant, en suivant ce tutoriel et en utilisant les formules d’hébergement Web LWS, le prix sera d’environ 5 euros par mois en y ajoutant le nom de domaine, le certificat SSL et les adresses emails professionnelles.

Peut-on créer un blog sans WordPress ?

Il est tout à fait possible d’utiliser un autre CMS pour la création d’un blog. Cependant, WordPress fait office de référence en la matière et est le plus simple d’utilisation, surtout lorsque l’on est novice.

Est-il possible de personnaliser son blog ?

La création de votre blog WordPress ne nécessite aucune connaissance en matière de code HTML. De ce fait, ce CMS est accessible à tous, que ce soit pour l’installation, la configuration en passant par la personnalisation et la rédaction de vos premiers articles de blog. Lisez simplement notre guide et vous serez en mesure de créer votre blog WordPress en quelques minutes.

Que faut-il faire ensuite ?

Vous voici arrivé au terme de ce tutoriel, félicitations ! Comme vous avez pu le constater rien de plus facile pour débuter la création de votre site. Installer un Blog WordPress, installer un thème et le personnaliser, écrire vos premiers articles et installer des plugins est des plus facile. Vous avez pu suivre étape par étape la marche à suivre.

Installer et créer prend du temps. Mais il vous faudra penser à la suite, il va falloir travailler sur des aspects comme « comment attirer des visiteurs sur mon blog ? par exemple.

Vous êtes déjà équipé de tout ce dont vous avez besoin, alors allez-y, travaillez sur de nouveaux contenus et transformez votre nouveau site WordPress en un blog réussi !

Pour les publications se trouvant sur votre blog, il vous faudra mettre en place un planning de publication et choisir les internautes que vous désirez attirer sur ce dernier.

L’article Comment créer un blog WordPress ? est apparu en premier sur HebergementWP.fr.

En effet, si vous désirez par exemple ajouter une galerie d’images à votre site, il vous suffira de saisir le code suivant :

Le shortcode ci-dessus permet de mettre en place une galerie d’images comprenant quatre colonnes d’une taille moyenne.

De ce fait, les codes courts permettent d’éliminer les besoins en scripts, parfois complexes. De plus, l’ajout de ces derniers ne nécessite pas de compétences en matière de codage. Les shortcodes sont devenus au fil du temps, l’un des moyens les plus populaires pour créer et mettre en place vos différents contenus.

Cet article va vous permettre de comprendre le fonctionnement des codes courts. De plus, vous allez découvrir comment utiliser l’API permettant de créer les vôtres.

Qu’est-ce qu’un Shortcodes ou code court ?

La plupart du temps, un code court utilise des balises entre crochet, les crochets permettant de définir leur utilisation. De plus, chacun d’eux à une fonction bien particulière tel que l’intégration d’un diaporama, la mise en place d’un formulaire de contact ou bien encore, ajouter un tableau comparatif de vos tarifs.

Histoire des shortcodes

Les codes courts encore appelé shortcodes ont vu le jour en 1998 lors de la première utilisation de ces derniers sur un forum nommé UBB (Ultimate Bulletin Board). En effet, à cette période, ils ont introduits le BBCode (Bulletin Board Code), une collection de balises pouvant être utilisé par les visiteurs du forum.

Bien que BBCode soit beaucoup plus simple et léger que le codage HTML, ce dernier fonctionne sur le même principe. L’utilisation de ces balises est cependant beaucoup plus sûre que du HTML dans la mesure où les utilisateurs ne peuvent pas introduire de code HTML, et de ce fait introduire des vulnérabilités en matière de sécurité.

Peu après cette première utilisation, d’autres CMS, principalement des forums tel que PHPBB et vBulletin ont intégrés cette fonctionnalité.

WordPress interdit le code PHP de s’exécuter à l’intérieur du contenu du site pour les mêmes raisons de sécurité. De ce fait, afin de surmonter cette limite, depuis la version WordPress 2.5 sorti en 2008, les codes courts ont aussi été intégrés à ce CMS.

Que sont les codes courts WordPress ?

Les codes courts WordPress permettent de mettre en place différents contenus sur votre site mais aussi de personnaliser votre mise en page sans avoir besoin de connaissance en codage et sans avoir besoin de créer de script HTML.

Quels sont les deux types de shortcodes?

WordPress dispose de deux types de shortcodes qui sont les suivants :

• Codes courts à fermeture automatique : Ces derniers n’ont pas besoin de balises de fermeture tel que le code caption.
• Codes courts de fermeture : A l’inverse du code court à fermeture automatique, il est nécessaire de disposer d’une balise de fermeture.

Quels sont les codes courts par défaut sur WordPress ?

Dès l’installation de WordPress, vous disposez de 6 shortcodes préinstallé qui sont les suivantes :

• audio : Permet l’intégration de fichiers audios.
• caption : Permet principalement d’ajouter des légendes à vos images, cependant ce dernier peut aussi être utilisé pour n’importe quel élément HTML
• embeb : Grâce à ce raccourci, il vous est possible de définir différents attributs à vos incorporations.
• gallery : ce code court permet l’insertion d’une galerie d’images à votre site.
• playlist : Affiche votre collection de fichiers audios et vidéos.
• video : Si vous désirez intégrer une vidéo à votre site, il vous sera nécessaire d’utiliser ce code qui permet de lire des vidéos dans plusieurs formats tel que mp4, webm, m4v, webm, ogv, wmv, flv.

Comment utiliser les Shortcodes WordPress ?

Bien que l’insertion des codes courts WordPress soit à la portée de tous, il est nécessaire de bien comprendre le fonctionnement de ces derniers. En effet, il est préférable d’apprendre les différents attributs supportés afin d’obtenir un rendu conforme à vos attentes.

Comment utiliser les shortcodes dans les pages et articles ?

Si vous utilisez l’éditeur Gutenberg pour créer vos pages et articles, vous pouvez utiliser la balise « Code court » se trouvant dans la section « Widgets« .

Si vous utilisez l’éditeur classique, l’insertion du code court s’effectue directement dans l’éditeur de texte.

Comment utiliser les Shortcodes dans les widgets de barre latérales ?

Tout comme vous avez été en mesure d’insérer des codes courts sur vos pages et articles, vous pouvez le faire dans les widgets de la barre latérale. Pour cela, rendez-vous sur « Apparence/Widget » et ajoutez un widget « Texte » dans la section sur laquelle vous désirez ajouter un code.

Il est à noter que les codes courts sur les widgets ne fonctionne pas avec les versions WordPress 4.8 et inférieure.

Comment utiliser les Shortcodes de WordPress dans le header et le footer ?

Bien que les codes courts soient généralement destinés à vos pages et articles, il est tout de même possible de les insérer à n’importe quel endroit de votre site.

De ce fait, si vous avez envie d’ajouter un bouton d’appel à l’action sur votre pied de page (footer) ou dans la rubrique commentaire d’un article, cela reste possible.

En effet, pour cela, il vous faudra ajouter le code suivant dans le fichier concerné par l’ajout, soit header.php, soit footer.php:

<?php echo do_shortcode("[nom_du_code_court]"); ?>

Cette manipulation permettra d’afficher le code court à l’endroit défini par vos soins.

API des codes courts WordPress : Introduction

Grâce à l’API des codes courts, il vous est possible d’utiliser les codes courts, mais aussi les personnaliser afin d’étendre leurs fonctionnalités. De ce fait, il vous est possible de créer du contenu unique pour votre site WordPress tel qu’un diaporama, un slide ou un formulaire de contact.

De plus, l’API prend en charge, les deux types de codes courts, que ces derniers soient à fermeture automatique ou pas.

Comprendre les bases de l’API de Shortcodes

Dès qu’une page est ouverte sur WordPress, les codes courts enregistrés sont recherchés dans le but de les traiter.

En effet, dès qu’un code court est trouvé, l’API des codes courts prend le relais afin de renvoyer l’affichage de ce dernier.

Vous pouvez enregistrer un code court sur WordPress grâce à la fonction add_shortcode() comme suit :

add_shotcode( 'shortcode_name', 'shortcode_handler_function' );

• shortcode_name : lors de l’analyse du contenu des articles, la balise sera recherché. Il est recommandé de n’utiliser que des minuscules, des chiffres et underscores lors de la définition de la valeur du code court.
• shortcode_handler_function : Il s’agit de la fonction du callback qui sera exécutée dès confirmation de la présence d’un code court par WordPress.
• $atts : Il s’agit du tableau associatif d’attributs. Si cette valeur n’est pas défini, la chaîne sera défini vide par défaut.
• $content : Le contenu de fermeture que vous allez pouvoir définir.
• $tag : Cela est intéressant sur deux codes courts partagent la même fonction valide. En effet, dans ce cas, la valeur $tag permettra de déterminer le code court qui doit déclencher la fonction handler.

Où ajouter vos scripts personnalisés de Shortcodes ?

Vos scripts personnalisées s’insèrent dans le fichier functions.php de votre thème. Vous pouvez aussi inclure ces derniers dans une extension.

Dans le cadre de l’ajout à votre thème, il vous est possible d’exécuter la fonction add_shortcode().

Cependant, la manipulation est différente si vous désirez l’ajouter à une extension. En effet, il est recommandé dans ce deuxième cas, de ne l’initialiser qu’après le chargement complet de WordPress. Pour cela, vous pouvez envelopper la fonction add_shortcode() dans un autre fonction comme dans l’exemple suivant :

function shortcodes_init() {
add_shortcode( 'shortcode_name', 'shortcode_handler_function' );
}
add_action('init', 'shortcodes_init');

La fonction add_action() permettra d’accrocher la fonction shortcodes_init afin de déclencher cette dernière qu’une fois le chargement de WordPress fini.

Comment créer un Shortcodes personnalisé sur WordPress ?

Maintenant que les bases ont été abordées concernant les codes courts, il est temps de commencer d’en créer.

Pour cela, il est nécessaire de disposer de quelques connaissances en PHP afin de savoir modifier vos fichiers de thèmes WordPress.

1. Shortcodes utilisant [current_year]

Dans cette partie, nous allons créer un code court [current_year] permettant d’afficher l’année en cours sur votre site internet.

Pour cela, nous allons utiliser une extension barebones permettant d’ajouter des fonctions de code court.

Pour cela, il est nécessaire en premier lieu, de créer une nouvelle extension. Rendez-vous sur votre espace FTP, dans le répertoire « /wp-content/plugins/ »

Nommez votre plugin « codecourt » ou le nom de votre choix.

Allez dans le répertoire que vous venez d’ajouter afin de créer un fichier php du même nom que votre répertoire. Dans notre cas, le nom du fichier sera codecourt.php.

Une fois le fichier créé, éditez-le et ajoutez-y l’entête suivant :

<?php
/*Plugin Name: codecourt
Version: 1.0
Description: Mise en place de l'année en cours sur WordPress
Author: Yves Dupond
Author URI: https://exemple.com
Licence: GPLv2 or later
Licence URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: codecourt
*/

Ce simple code est actuellement suffisant. Enregistrez le fichier puis rendez-vous sur votre Tableau de bord WordPress afin d’activer l’extension.

La deuxième étape consiste à enregistrer le code court et sa fonction handler en ajoutant le code suivant sur notre fichier codecourt.php :

/**
*[current_year] Retourne l'année en cours
* @return string Current Year*/
add_shortcode( 'current_year', 'codecourt_year' );
function codecourt_init(){
function codecourt_year(){
return getdate()['year'];
}
}
add_action('init', 'codecourt_init');
?>

Voici comment lire le code :

• La balise @return se trouvant dans le commentaire PHP en haut de code permet de définir le type de sortie renvoyée.
• current_year : Il s’agit de la balise de fermeture automatique que vous devez ajouter à votre contenu.
• codecourt_year : défini le nom de la fonction de traitement des codes courts permettant le renvoi de la chaîne de sortie.
• codecourt_init : fonction d’encapsulation reliée à « init ». Cela permet de s’assurer que le code soit uniquement exécuté après chargement complet de WordPress.
• getdate() : fonction PHP renvoyant un tableau d’informations sur la date de l’horodotage actuel.

Afin de tester le code court qui vient d’être créé, il suffit d’insérer ce dernier à n’importe quel endroit, par exemple sur une page WordPress.

Si cela fonctionne, vous devriez visualiser ceci sur la page sur laquelle le code a été inséré :

2. Shortcodes pour un bouton d’appel à l’action

Il est possible de créer un code court d’appel à l’action. Tout comme le premier exemple, il s’agit d’une balise à fermeture automatique.

Dans la mesure où le résultat final est un bouton, ses attributs tels que href, id, class, target et label peuvent être utilisé afin de le personnaliser.

De plus, il vous est possible d’utiliser les attributs tel que class et id afin de styliser vos boutons.

Afin de mieux comprendre, je vous invite à copier-coller dans le fichier concerné, le code suivant

add_shortcode( 'cta_buttun', 'codecourt_cta' );

function codecourt_cta( $atts ) {

$a = shortcode_atts( array(

'link' => '#',

'id' => 'codecourt',

'color' => 'blue',

'size' => '',

'label' => 'Button',

'target' => '_self',

), $atts );

$output = '<p><a href="' . esc_url( $a['link'] ) . '" id="' . esc_attr( $a['id'] ) . '" class="button ' .esc_attr( $a['color'] ) . ' ' . esc_attr( $a['size'] ) . '" target="' . esc_attr($a['target']) . '">' . esc_attr( $a['label'] ) . '</a></p>';

$output;

Afin de mieux comprendre ce code, voici un aperçu de ce dernier, ligne par ligne :

• shotcode_atts() : Cette fonction WordPress permet de combiner les attributs de code court de l’utilisateur avec des attributs connus. De ce fait, le tableau sera un tableau contenant toutes les clés des attributs connus, fusionnées avec les valeurs des attributs de code courts définis par l’utilisateur.
• Une variable ( $a) est défini dans la fonction des gestions des codes courts. En effet, grâce à la syntaxe ‘attribute’ => ‘valeur-defaut’, nous allons pouvoir attribuer une valeur à chaque attribut.
• Grâce à la syntaxe PHP pour les tableaux « $a[‘attribut’]« , il va être possible d’extraire les valeurs de chaque clé d’attribut.
• Enfin, la variable $output permet de stocker le code HTML de l’élément bouton.

Vous pouvez tester le fonctionnement du code en l’insérant sur une page :

Grâce au code court, il est possible de personnaliser la taille et la couleur du bouton. Dans le code ci-dessus, nous avons déjà défini les valeurs par défaut dans la fonction de traitement. Cependant, il est nécessaire d’inscrire et faire figurer la feuille de style dans la liste des ressources disponibles.

Vous pouvez pour cela, ajouter le code suivant dans votre fichier :

/** CSS pour bouton CTA */

function salcodes_enqueue_scripts() {

global $post;

if ( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'cta_button') ) {

wp_register_style( 'salcodes-stylesheet', plugin_dir_url( __FILE__ ) . 'cdd/style.css' );

wp_enqueue_style( 'salcodes-styleheet' );

}

}

add_action( 'wp_enqueue_scripts', 'salcodes_enqueue_scripts');

La fonction salcodes_enqueue_scripts() permet de définir la variable globale $post. De plus, cela permet de confirmer deux conditions via :

• is_a() : permet de vérifier si $post est une instance de l’objet.
• has_shortcode() vérifie que le contenu de l’article contient bien le code court [cta_button].

De ce fait, si les deux conditions sont remplies, la fonction enregistre et mets la feuille de style dans la file d’attente. En dernier, la fonction plugin_dir_url() permet d’obtenir l’url du répertoire de l’extension.

3. Shortcodes en utilisant $content

Le dernier exemple consiste à construire un code court appelé [boxed] permettant d’afficher n’importe quel contenu entre ses balises dans une boîte avec des titres colorés.

En premier lieu, enregistrez le code court et définissez sa fonction dans le gestionnaire :

/**
*[boxed] retourne le code HTML pour votre boite avec des titres colorés
*$return string HTML code for boxed content
*/

add_shortcode( 'boxed', 'salcodes_boxed' );
function salcodes_boxed( $atts, $content = null, $tag = ' ' ) {
$a = shortcode_atts( array (
'title' => 'Title',
'title_color' => 'white',
'color' => 'blue',
), $atts );
$output = '<div class="salcodes-boxed" style="border:2px solid ' . esc_attr( $a['color'] ) . ';">'.'<div class="salcodes-boxed-title" style="background-color:' . esc_attr( $a['color'] ) . ';"><h3 style="color:' .esc_attr( $a['title_color'] ) . ';">' . esc_attr( $a['title'] ) . '</h3></div>'.'<div class="salcodes-boxed-content"><p>' . esc_attr( $content ) . '</p></div>'.'</div>';

return $output;

}

• $content = null : permet l’enregistrement du code court comme un type d’encapsulation.
• $tag : défini la variable $tag du code court.

Dans cet exemple, nous allons utiliser des styles CSS en ligne afin de modifier le contenu.

Comme dans l’exemple précédent, les styles utilisés à l’intérieur des codes courts seront mis en file d’attente.
Pour cela, nous allons mettre à jour la fonction salcodes_enqueue_scripts() :

/** Enqueue Styles 
function salcodes_enqueue_scripts() {
global $post;
$has_shortcode = has_shortcode( $post->post_content, 'cta_button' ) || has_shortcode( $post->post_content, 'boxed' );

if( is_a( $post, 'WP_Post' ) && $has_shortcode ) {
wp_register_style( 'salcodes-styleheet', plugin_dir_url( __FILE__ ) . 'css/style.css' );
wp_enqueue_style( 'salcodes-stylesheet' );
}
}
add_action( 'wp_enqueue_scripts', 'salcodes_enqueue_scripts');

La variable $has_shortcode est une variable permettant de vérifier su l’un des codes courts existe sur la page ou un article. Cette variable est définie par l’utilisateur.

Avantages et inconvénients des Shortcodes de WordPress

Les avantages sont les suivants :

• Cela permet de simplifier l’ajout de fonctionnalité à votre site WordPress grâce à une ligne de code.
• Ils permettent de ne pas être obligé d’écrire de scripts complexes pour chaque insertion.
• Plus simple que d’ajouter du code HTML à votre site
• Vous avez la possibilité de les regrouper dans la même extension, ce qui vous permettra de les garder, même en cas de changement de thèmes.
• Si vous êtes développeur Web, le fait d’avoir tous les codes près à l’emploi peut être un atout et vous faire gagner du temps.
• Vous pouvez modifier le comportement d’un code grâce à l’ajout d’un attribut.

Les inconvénients sont les suivants :

• Les codes courts ne sont pas intuitifs pour l’utilisateur final. Ces derniers sont de ce fait, plus adaptés pour les développeurs Web.
• Si vous intégrer un code court à un thème, ils ne fonctionneront plus en cas de changement de ce dernier.
• Les codes courts peuvent casser le HTML en raison de balises conflictuelles
• Les codes courts ajoutent une charge supplémentaire à votre serveur. De ce fait, plus le nombre augmente, plus la charge va augmenter.

Shortcodes et blocs Gutenberg

L’arrivé de Gutenberg a réduit l’utilisation des codes courts. En effet, il est désormais possible en utilisant cet éditeur, d’ajouter des blocs depuis son interface.

De plus, Gutenberg propose un bloc dédié à la mise en place de codes courts. De ce fait, de nombreux développeurs proposent désormais des produits et services compatible avec Gutenberg.

Conclusion

Bien qu’il soit facile d’ajouter de nouvelles fonctionnalités à votre site WordPress en utilisant des codes courts encore appelé shortcode, il est préférable de disposer d’un minimum de connaissance en codage.

L’article Comment utiliser les shortcodes WordPress ? est apparu en premier sur HebergementWP.fr.

1. Envira Gallery

Envira Gallery est le meilleur plugin de galerie de photos WordPress sur le marché.

Il est optimisé pour la performance afin que vos galeries se chargent rapidement. C’est aussi le plugin de galerie photo le plus convivial pour WordPress. Envira a des tonnes de fonctionnalités comme les albums, le marquage d’image et le filigrane.

Il y a aussi un addon WooCommerce qui vous permet d’ajouter un magasin en ligne pour vendre vos photos.

2. Soliloquy

Les curseurs vous permettent d’attirer l’attention de l’utilisateur sur votre contenu le plus important avec de magnifiques diaporamas d’images accompagnés de texte, d’appel à l’action et d’animation. Cependant, les Sliders peuvent également ralentir la vitesse de votre site Web, ce qui affecte l’expérience utilisateur et le référencement.

Soliloquy est l’un des meilleurs plugins WordPress sur le marché.  Il est nettement plus rapide que n’importe quel autre plugin WordPress. l est également le plus facile à utiliser avec des tonnes de fonctionnalités

3. Optimiseur d’image EWWW

Les images sont plus longues à charger que le texte, ce qui affecte la vitesse et les performances de votre site Web . La meilleure façon de gérer cela est d’ optimiser vos images pour le web.

EWWW Image Optimizer est le meilleur plugin WordPress pour optimiser automatiquement vos images dans WordPress. Il est livré avec des outils puissants pour compresser les images sans affecter la qualité.

4. Imsanity

Imsanity vous permet de définir une hauteur et une largeur d’image maximales pour les téléchargements WordPress et redimensionne automatiquement les fichiers d’image volumineux. Il peut également effectuer un redimensionnement en masse sur les anciens téléchargements en fonction de vos paramètres.

5. Require Featured Image

Parfois, vous ou un autre auteur sur votre site peut oublier d’ajouter une image en vedette à l’article de blog avant de publier. Cela peut affecter la mise en page de votre site et, si vous partagez automatiquement des publications sur les réseaux sociaux , ces sites choisiront simplement une image de l’article en tant que vignette de publication.

Le plugin Required Featured Image ne vous permet pas de publier un post avant d’avoir ajouté une image sélectionnée. Il vous rappellera que vous n’avez pas ajouté d’image sélectionnée et désactivera le bouton de publication jusqu’à ce que vous ajoutiez une image sélectionnée.

6. Featured Image Column

WordPress ne montre pas si une image en vedette est disponible pour un post. Pour voir si un article contient une image, vous devrez l’éditer.

La colonne Featured Image Column résout ce problème en ajoutant une colonne d’image en vedette.

7. Default Featured Image

Comme son nom l’indique, ce plugin pratique vous permet de définir facilement une image sélectionnée par défaut à utiliser comme solution de repli pour les publications pour lesquelles aucune image en vedette n’est disponible. Il suffit d’installer et d’activer le plugin, puis de passer à la page Paramètres »Médias pour télécharger une image par défaut.

8. Featured Video Plus

Ce plugin vous permet d’ajouter une vidéo en vedette à votre WordPress au lieu d’une image en vedette. Il suffit d’ajouter l’URL de la vidéo pour qu’elle récupère automatiquement la miniature de la vidéo. Il prend en charge YouTube, Vimeo, Dailymotion, Soundcloud, Spotify, etc.

9. Image Widget

Normalement, si vous voulez ajouter une image à votre barre latérale WordPress, vous devrez l’ajouter manuellement dans un widget de texte en utilisant le HTML. Le plugin Image Widget ajoute un widget que vous pouvez faire glisser et déposer dans une barre latérale.

10. Featured Images in RSS & Mailchimp Email

Comme son nom l’indique, ce plugin ajoute des images en vedette sur votre flux RSS . Si vous utilisez MailChimp pour envoyer des messages par e-mail à vos abonnés , ces derniers verront également des images en vedette sur les publications.

11. Regenerate Thumbnails

Lorsque vous téléchargez une image, WordPress l’enregistre automatiquement en plusieurs tailles. Ces tailles sont définies dans Paramètres » Page Média . Les thèmes WordPress peuvent également ajouter leurs propres tailles d’image à utiliser pour les vignettes. Si vous activez un tel thème, WordPress commencera à enregistrer des images dans ces nouvelles tailles. Cependant, il ne recréera pas de nouvelles tailles pour les images plus anciennes.

Régénérer la vignette vous permet de régénérer rapidement toutes les tailles d’image dans WordPress.

12. Médias externes

Ce plugin vous permet de lier ou d’importer des fichiers de Dropbox, OneDrive, Google Drive, Instagram et tout autre fichier externe dans WordPress. Cela vous permet de travailler plus facilement sur les images stockées sur vos comptes Google Drive ou Dropbox en y accédant directement depuis WordPress.

13. Editeur d’images miniatures

Après avoir téléchargé une image sélectionnée, vous remarquerez parfois que WordPress l’a rognée ou qu’elle ne s’affiche pas correctement avec votre thème. Vous pouvez modifier l’image dans votre programme d’édition d’image préféré, ou vous pouvez utiliser ce plugin.

Post Thumbnail Editor vous permet de facilement recadrer et redimensionner les images en vedette de votre zone d’administration WordPress. Vous pouvez également modifier les images déjà téléchargées.

14. Filigrane

Easy Watermark vous permet d’ajouter facilement un filigrane à vos images WordPress. Vous pouvez choisir de filigraner automatiquement toutes les images ou d’ajouter manuellement un filigrane à des images spécifiques.

15. Simple Full Screen Background Image

Simple Full Screen Background Image vous permet d’ajouter facilement l’image d’arrière-plan en plein écran à n’importe quel thème WordPress. De nombreux thèmes WordPress vous permettent déjà d’ajouter facilement des images d’arrière-plan en plein écran. Toutefois, si votre thème ne prend pas en charge les images d’arrière-plan en plein écran, vous pouvez essayer ce plugin.

16. WP First letter Avatar

WP First Letter Avatar vous permet d’afficher un avatar personnalisé en utilisant la première lettre du nom de l’utilisateur. Vous pouvez l’afficher uniquement pour les utilisateurs qui n’ont pas d’ image Gravatar ou remplacer complètement Gravatar avec des avatars de première lettre.

17. Taxonomy Images

Voulez-vous ajouter des icônes d’image ou des vignettes à vos catégories ou tags ? Taxonomy Images vous permet de faire exactement cela. En effet, après avoir activé le plugin, il vous suffit d’accéder à la page Messages »Catégories et de cliquer sur le bouton Ajouter pour télécharger vos images.

18. Media File Renamer

Vous avez toujours voulu changer le nom de fichier d’une image après l’avoir téléchargé? En effet, WordPress vous permet de changer le titre de l’image et le texte alt, mais vous ne pouvez pas changer le nom du fichier. Media File Renamer vous permet de changer facilement tout nom de fichier dans la bibliothèque multimédia WordPress. Il permet également de renommer automatiquement les noms de fichier en fonction du titre du fichier que vous avez entré lors du téléchargement.

Renommer un fichier en utilisant le plugin met également à jour toutes les références au fichier dans vos publications et pages WordPress.

19. ImageInject

La plupart des débutants ont du mal à trouver des images libres de droits pour leurs articles de blog. ImageInject résout ce problème en vous permettant de rechercher des photos libres de droits sur Flickr.

20. Enable Media Replace

Si vous devez remplacer une image dans vos publications WordPress, vous devrez normalement modifier la publication pour ajouter votre nouvelle image et supprimer l’ancienne. Si vous avez utilisé cette image dans plusieurs messages, vous devrez modifier tous ces posts pour ajouter une nouvelle image.

En effet, activer Enable Media Replace permet de remplacer les fichiers multimédia directement à partir de la bibliothèque multimédia WordPress. Le remplacement d’une image la remplace automatiquement sur vos publications et pages sur lesquelles vous avez ajouté l’ancienne image.

21. Plugin A/B Image Optimizer

Les images en vedette attirent les utilisateurs à cliquer sur vos articles. Vous êtes-vous déjà demandé quel type d’images en vedette fonctionne le mieux sur votre site? Le plugin A / B Image Optimizer vous aide à comprendre cela. Il vous permet d’ajouter deux images en vedette pour un post, puis il montre ces images au hasard à vos utilisateurs. Vous pouvez voir quelle image sélectionnée a obtenu plus de clics en modifiant un post.

22. Flux instagram

Vous voulez montrer vos photos Instagram sur votre site WordPress?   Instagram Feed vous permet d’afficher facilement votre flux Instagram en utilisant un widget barre latérale ou un shortcode. En effet, il suffit de connecter votre site Web à votre compte Instagram, et il tirera automatiquement votre flux. Vous pouvez personnaliser le flux en utilisant différentes options d’affichage dans les paramètres du plugin.

Outils Bonus

Ces outils ne sont pas des plugins WordPress. Cependant,  ils peuvent vous aider à améliorer la qualité des images sur votre site WordPress.

23. Canva

Canva vous permet de créer toutes sortes de graphiques avec des outils de glisser-déposer faciles à utiliser.En effet, il est livré avec des modèles professionnels que vous pouvez utiliser comme point de départ. Cependant, vous pouvez également acheter des images de stock, des icônes et d’autres ressources directement à partir de l’application.

24. Shutterstock

En effet, Shutterstock est l’une des plus grandes ressources en ligne pour la photographie de stock, les cliparts, les illustrations et les graphiques vectoriels.

En espérant que ces Plugins WordPress vous aiderons à gérer vos images sur votre hébergement WordPress !

L’article 22 plugins WordPress pour gérer les images est apparu en premier sur HebergementWP.fr.

Bien qu’il existe de nombreux thèmes WordPress disponibles, il peut être intéressant de créer soit même son thème. Cependant, si vous êtes novices, se lancer dans le développement de ce dernier peut être fastidieux bien que cela soit relativement simple. En effet, la création d’un thème WordPress ne nécessite pas beaucoup de connaissance technique ou d’expérience en développement Web.

Introduction au développement de thème WordPress

Il existe de nombreux sites internet proposant des thèmes WordPress gratuits ou payants. Néanmoins, il est fort possible que les thèmes proposés ne répondent pas à toutes vos exigences. De ce fait, il vous faudra très certainement créer de toute pièce, votre thème WordPress.

Grâce aux nombreux outils disponibles sur beaucoup de plateforme, développer votre thème WordPress est relativement simple. Dans cet article, nous allons vous guider tout au long du processus de création de votre premier thème WordPress. Pour ce faire, vous aurez besoin:

• D’un site WordPress
• D’un hébergement Web

Il vous sera aussi nécessaire de disposer de certaines connaissances en PHP et CSS. En dernier lieu, il vous faudra un thème de démarrage qui vous permettra de rendre le processus de création beaucoup plus facile.

Qu’est-ce qu’un thème de démarrage ?

Un thème de démarrage est un thème WordPress que vous pouvez utiliser pour créer le vôtre. Cela vous permet de construire un cadre solide, sans vous soucier des complexités impliquées dans le codage d’un thème à partir de zéro. De plus, ce dernier vous aidera à comprendre le fonctionnement de WordPress en vous montrant la structure de base d’un thème et le fonctionnement de toutes les parties de ce dernier.

Pour cela, il existe de nombreux thèmes de démarrage tel qu’ Underscores, UnderStrap et Bones pour ne citer qu’eux.

Comment développer votre premier thème WordPress ?

Une fois l’hébergement Web souscrit et WordPress installé sur ce dernier, vous allez être en mesure de créer votre premier thème.

1. Configurer un environnement local

Avant toute chose, il sera nécessaire de créer un environnement local. Il s’agit d’un serveur que vous allez pouvoir installer sur votre ordinateur et qui vous permettra de développer et gérer vos sites WordPress en local. De ce fait, cela vous permettra, en cas d’erreur, de ne pas impacter votre site en production chez votre hébergeur Web.

Bien qu’il existe de nombre manière de créer un environnement local, nous allons utiliser dans cet exemple DesktopServer. En effet, il s’agit d’un moyen rapide et facile d’installer une version locale de WordPress. De plus, ce logiciel est compatible aussi bien avec Windows qu’avec Mac. Pour débuter, sélectionnez la version gratuite de DesktopServer, finalisez l’enregistrement et téléchargez le logiciel.

Installez le logiciel, une fois ce dernier téléchargé.

Une fois l’installation effectuée, ouvrez le logiciel et configurez votre nouvel environnement local.

2. Téléchargez et installez votre thème de démarrage

Comme la plupart des thèmes de démarrage, Underscores est très facile d’utilisation. Rendez-vous sur le site relatif au thème, remplissez le champ « Theme Name » et cliquez sur le bouton « Generate« .

Si vous le désirez, vous pouvez également cliquer sur « options avancées » afin de personnaliser d’avantage votre thème de base.

Parmi les options avancées, vous pouvez visualiser l’option « _sassify« . Cette option vous permettra d’ajouter des fichiers SASS (Syntactically Awesome StyleSheets) à votre thème. Il s’agit d’un langage de prétraitement pour CSS vous permettant d’utiliser des variables, des imbrications et des opérations mathématiques par exemple.

Une fois le formulaire rempli, cliquez sur « Générer » afin de télécharger un fichier zippé contenant votre thème de démarrage. Installez ce dernier sur votre site local.

3. Comprendre le fonctionnement de WordPress en coulisse

Avant de pouvoir personnaliser votre thème, il est nécessaire de comprendre son fonctionnement et comment s’emboîtent les différents composants. Dans un premier temps il est préférable de comprendre ce que sont les fichiers modèles. En effet, ces derniers sont les principaux éléments constitutifs d’un thème WordPress dans la mesure où ils déterminent la mise en page et l’apparence du contenu de votre site. Par exemple, header.php est utilisé afin de créer l’en-tête tandis que comments.php permet l’affichage des commentaires.

WordPress détermine les fichiers modèles à utiliser sur chaque page en parcourant la hiérarchie des modèles. Il s’agit de l’ordre dans lequel WordPress recherchera les fichiers modèles correspondants à chaque fois qu’une page de votre site est chargée.

Dans la mesure où le fichier index.php est requis pour tous les thèmes, il s’agira de ce fait, du fichier par défaut. Si vous désirez en savoir plus sur le fonctionnement de ce fichier, il vous est possible de le modifier.

Le deuxième élément important à comprendre est la boucle. Il s’agit du code utilisé par WordPress afin d’afficher le contenu. De ce fait, ce dernier apparaît dans tous les fichiers modèles qui affichent le contenu de la publication, tel qu’index.php ou sidebar.php.

4. Configurer votre thème

Bien que l’on puisse penser que le thème est mis en place sur un site WordPress à des fins esthétiques, ce dernier a néanmoins un impact énorme sur les fonctionnalités de votre site.

Ajouter des fonctionnalités avec des Hooks

Les hooks sont des extraits de code insérés dans des fichiers modèles et permettant l’exécution d’actions PHP sur différentes zones d’un site internet, d’insérer un style et d’afficher certaines informations. Bien que la plupart des Hooks soit implémentés directement dans le noyau WordPress, certains sont utiles pour développer votre thème.

Les Hooks les plus couramment utilisés sont les suivants :

• wp_head() : Ajouter entre les balises <head> dans le fichier header.php, il permet l’activation des styles, des scripts ainsi que d’autres informations s’exécutant au chargement de votre site.
• wp_footer() : Ajouté dans le fichier footer.php, juste avant la balise </body>, ce dernier est souvent utilisé pour insérer du code Google Analytics.
• wp_meta() : Généralement dans le fichier sidebar.php, il permet d’y inclure des scripts supplémentaires.
• comment_form() : Ajouté sur le fichier comment.php, juste avant la balise de fermeture </div>, ce hook permet l’affichage des commentaires.

Ces Hooks sont déjà inclus sur le thème Underscores.

Ajouter du style grâce au CSS

Les feuilles de style CSS permettent de définir l’apparence du contenu de votre site. Sur WordPress, cela s’effectue à l’aide du fichier style.css.

Si vous désirez un exemple rapide du fonctionnement du CSS, vous pouvez modifier l’un des styles et enregistrer les effets afin de visualiser les modifications. Par exemple, vous pouvez modifier le code suivant se trouvant généralement à la ligne 485

a {
color: royalblue;
}

Ce code permet de contrôler la couleur des hyperliens non visités.

Vous pouvez remplacer ce code par le code suivant :

a {
color: red;
}

Enregistrez le fichier et consultez votre site en local afin de visualiser les modifications.

5. Exportez votre thème et téléchargez-le sur votre site

Une fois la création de votre thème fini, vous pouvez tester le fonctionnement de ce dernier en utilisant les données de test unitaire du thème. Il s’agit d’un ensemble de données factices qu’il vous est possible de télécharger sur votre site. Ce dernier contient de nombreuses variantes de styles et de contenu.

Un fois testé, il ne vous restera plus qu’à exporter votre thème. Pour cela, recherchez l’installation de votre site WordPress sur votre ordinateur, ouvrez le dossier relatif à ce dernier et rendez-vous sur « wp-content/themes« .

Utilisez un outil de compression tel que Winrar afin de créer un fichier zippé du dossier relatif à votre thème.

Une fois le thème compressé, il vous sera possible de l’installer sur n’importe quel site WordPress de la même manière que l’installation du thème Underscores.

Conclusion

La création d’un thème WordPress en partant de zéro peut être difficile. Cependant, en utilisant un thème de démarrage tel que Underscores, il vous sera aisé de créer votre propre thème sur votre hébergement WordPress. A noter que beaucoup de documentation à ce sujet sont disponible sur le Web.

L’article Comment développer un thème WordPress ? est apparu en premier sur HebergementWP.fr.

En effet, au fur et à mesure de votre familiarisation avec WordPress, il vous sera certainement nécessaire de disposer d’outils vous aidant à accomplir certaines tâches rapidement. Bien que le Tableau de bord WordPress soit simple d’utilisation, la navigation à l’intérieur de ce dernier peut prendre du temps.

C’est là que WP-Cli WordPress (l’interface en ligne de commande WordPress) est utile. En effet, cet outil permet d’interagir directement avec votre site WordPress. De ce fait, tout ce que vous faites en passant par le tableau de bord WordPress peut être effectué par le biais de ligne de commande.

Introduction à WP Cli WordPress : interface de ligne de commande

Comme la plupart des utilisateurs WordPress, vous connaissez certainement très bien l’interface WordPress. Bien que cette interface fonctionne très bien, cela peut prendre du temps.

Comme son nom l’indique, cet outil vous permet d’effectuer des tâches administratives sur votre site WordPress à l’aide de ligne de commande.

Afin de pouvoir utiliser WP-Cli WordPress, il vous faudra au préalable l’installer sur votre site WordPress.

Comment installer WP-Cli WordPress sur votre site ?

Afin de pouvoir installer WP-Cli WordPress, assurez-vous dans un premier temps que votre environnement est compatible. En effet, ce dernier doit être conforme aux spécifications suivantes :

• Environnement de type Unix (OS X, Linux, FreeBSD, Cygwin
• PHP 5.3 ou version ultérieure
• WordPress 3.7 ou version ultérieure

Afin de pouvoir installer WP-Cli WordPress, il vous faudra utiliser un accès SSH pour télécharger et configurer les fichiers nécessaires.

Dans un premier temps, il vous faudra télécharger le fichier wp-cli.phar dans votre répertoire racine à l’aide de la commande suivante :

curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar

Il vous faudra dans un second temps, vérifier que le fichier fonctionne à l’aide de la commande suivante :

php wp-cli.phar --info

En dernier lieu, il vous faudra rendre le fichier exécutable afin de pouvoir utiliser la commande « wp ». Il est aussi fort possible que vous désiriez déplacer le fichier dans un autre répertoire. Dans ce cas, les commandes sont les suivantes :

chmod =x wp-cli.phar
sudo mv wp-cli.phar  /user/local/bin/wp

Vous pouvez désormais tester wp-cli en exécutant la commande suivante :

wp --info

Si cela fonctionne, vous devriez voir la version wp-cli utilisée par vos soins.

5 façons d’utiliser WP-CLI WordPress pour gérer votre site

Comme dit précédemment, WP-CLI WordPress offre un accès total à votre site. En effet, il existe plusieurs dizaines de commandes pouvant être utilisé pour gérer WordPress.

Afin de vous donner un avant-goût de la manière d’utiliser WP-CLI WordPress pour gérer votre site, nous allons examiner quelques commandes.

1. Installer et mettre à jour WordPress

La première tâche que vous avez la possibilité d’effectuer est de télécharger et d’installer WordPress. La commande permettant le téléchargement de WordPress est la suivante :

wp core download

Grâce à cette commande, il vous sera possible de télécharger et extraire WordPress dans votre répertoire. Vous pouvez également ajouter des paramètres à cette commande afin d’affiner votre téléchargement. En effet, vous pouvez par exemple ajouter un paramètre local afin de déterminer la traduction à utiliser pour votre site. De ce fait, pour télécharger la version française, la commande sera la suivante :

wp core download --locale=fr_FR

Dès WordPress téléchargé, il vous sera possible de l’installer à l’aide de la commande adéquat. Cette commande comprend certains nombres de paramètres permettant la configuration de WordPress :

wp core install --url=mondomaine.com --title=Monsitev--admin_user=admin --admin_password=motdepasse --admin_email=contact@mondomaine.com

Remplacez simplement les données d’exemple dans chaque paramètre par vos propres valeurs. Vous pouvez ensuite vous assurer du fonctionnement de WordPress en tapant la commande suivante :

wp core version

La commande ci-dessus renverra la version de votre installation WordPress, ce qui vous confirmera la bonne installation de WordPress.

Afin d’effectuer une mise à jour de votre site WordPress, il vous faudra exécuter la commande suivante :

wp core update

Grâce à cette dernière commande, si une nouvelle version est disponible, elle sera téléchargé et installé automatiquement.

2. Gestion des thèmes et plugins

Dans cette deuxième partie, nous allons voir comment installer et gérer des plugins et thèmes à l’aide des commandes WP-CLI WordPress. Dans un premier temps, il vous est possible d’utiliser la commande « list » pour afficher une liste de vos thèmes et plugins. En y ajoutant certains paramètres à cette commande, il vous est possible de filtrer uniquement les éléments avec un statut spécifique tel que les thèmes inactifs.

Par exemple, si vous désirez lister les thèmes inactifs sous forme de liste CSV, la commande sera la suivante :

wp theme list --status=inactive --format=csv

Vous avez aussi la possibilité d’installer un plugin en fournissant le chemin d’accès à un fichier local ou en entrant une URL d’un fichier externe. De plus, vous avez la possibilité de demander l’activation de ce dernier dès son installation. La commande sera la suivante :

wp plugin install ../mon-plugin.zip --activate

Vous pouvez également modifier le statut d’un plugin ou d’un thème en utilisant la commande suivante :

wp theme enable twentyseventeen

Il vous est possible de désactiver un plugin, par exemple le plugin « Hello Dolly« . Dans cet exemple, nous allons en plus de la désactivation, désinstaller le plugin :

wp plugin deactivate hello --uninstall

En dernier lieu, vous pouvez rechercher dans les répertoires respectifs un plugin ou un thème spécifique. Par exemple, vous pouvez rechercher un thème contenant la chaîne « photo » en utilisant la commande suivante :

wp theme search photo --per-page=3

3. Créer un thème enfant

Il vous est possible de générer un thème enfant en utilisant la commande « scaffold » qui inclut les fichiers « functions.php » et « style.css« . Il est recommandé d’utiliser un thème enfant si vous désirez apporter des modifications à votre thème existant.

Dans ce cas, il vous faudra spécifier le slug pour le nouveau thème enfant et pour le thème utilisé comme parent. Dans cet exemple, nous allons créer un thème enfant basé sur le thème Twenty Seventeen et lui donner le slug Twentyseeventeen-child

wp scaffold child-theme twentyseventeen-child --parent_theme=twentyseventeen

Si la procédure a réussi, vous devriez voir un message indiquant que le thème enfant a été créé ainsi que le chemin d’accès à son répertoire.

4. Commentaires modérés

Bien que vous puissiez modérer les commentaires par le biais de votre Tableau de bord WordPress, cela est beaucoup plus facile en utilisant WP-CLI WordPress. En effet, les commandes WP-CLI WordPress permettent de créer, supprimer et modifier plus rapidement les commentaires.

Tout d’abord, il vous est possible d’ajouter un nouveau commentaire en utilisant la commande suivante :

wp comment create --comment_post_ID=20 --comment_content="Ceci est mon commentaire" --comment_author="Mon nom"

Vous pouvez visualiser la liste des commentaires et filtrer les résultats suivants différents critères. Par exemple, vous pouvez utiliser une commande qui vous enverra un tableau contenant l’ID du commentaire et le nom de l’auteur pour tous les commentaires approuvés sur la publication ayant l’ID 3 :

wp comment list --number=3 --status=approve --fields=ID,comment_author

Si vous désirez supprimer des commentaires, il vous est possible d’effectuer cette action en spécifiant l’ID du commentaire à supprimer :

wp comment delete 64

Vous avez également la possibilité de supprimer plusieurs commentaires sur la même ligne de commande en séparant chaque ID par un espace. Dans cette commande, nous allons également utiliser le paramètre « force » qui permet de supprimer de manière définitive le commentaire sans passer par la corbeille :

wp comment delete 5 23 66 --force

Comment mettre à jour WP-CLI WordPress?

Comme cela est le cas pour WordPress, il est nécessaire de mettre à jour régulièrement WP-CLI WordPress. Pour cela, vous avez la possibilité d’utiliser la commande suivante :

wp cli update

Si votre version est déjà la plus récente, un message s’affichera pour vous le faire savoir. Dans le cas contraire, vous serez invité à accepter l’installation de la nouvelle version de WP-CLI.

Conclusion

Grâce à WP-CLI WordPress, il vous sera possible de gagner du temps dans la gestion de WordPress. En effet, tout ce que vous pouvez faire par le biais de votre Tableau de bord WordPress peut aussi être effectué par le biais de ligne de commande sur votre hébergement Web.

L’article Qu’est-ce que WP-Cli WordPress et comment l’utiliser ? est apparu en premier sur HebergementWP.fr.

Qu’est-ce que WordPress ?

WordPress est un système de gestion de contenu (CMS) parmi les plus populaires. De ce fait, en utilisant ce dernier afin de développer votre site Web, vous rejoindrez une très grande communauté d’utilisateurs et de développeurs. Cependant, si vous n’avez jamais installé WordPress, il est préférable de s’appuyer sur une procédure telle que celle présenté ci-dessous.

L’installation manuelle de WordPress sur votre formule d’hébergement Web peur prendre plus de temps qu’une installation en 1 clic proposée par la majorité des hébergeurs. Cependant, l’installation manuelle vous apportera une meilleure compréhension du fonctionnement de ce CMS. De plus, l’installation est simple et ne nécessite aucune connaissance particulière.

Comment installer WordPress facilement chez Hebergementwordpress ?

Bien que l’installation manuelle de WordPress soit à la portée de tous, il est possible d’opter pour une installation en 1 clic en passant par le panel d’administration de votre formule d’hébergement Web. De plus, dans la mesure où le service est optimisé, certains plugins seront aussi installés automatiquement, lors de l’installation de WordPress.

Cependant, il se peut que vous préfériez effectuer une installation manuelle de ce dernier. Dans ce deuxième cas, il peut être intéressant de vous aider de la procédure ci-dessous.

Quand installer WordPress manuellement ?

Comme vu précédemment, il est possible d’effectuer une installation en un clic de WordPress. Cependant, il se peut que vous préfériez effectuer une installation manuelle.

Pour commencer, l’installation manuelle vous permettra de mieux comprendre les tenants et les aboutissants du fonctionnement de ce CMS. De plus, cela vous permettra d’effectuer une installation locale, à l’aide d’un outil tel que XAMPP. C’est un excellent moyen de tester votre site avant de le mettre en production.

Quels sont les outils nécessaires à l’installation manuelle de WordPress ?

Avant de procéder à l’installation manuelle de WordPress, il vous faudra quelques outils qui sont les suivants:

• Un client FTP: Il est recommandé d’utiliser FileZilla. En effet, il s’agit d’un logiciel Opensource, facile d’utilisation vous permettant d’uploader vos fichiers sur votre espace FTP
• La dernière version de WordPress: Vous pouvez la télécharger en cliquant sur le bouton « Get WordPress » se trouvant sur wordpress.org
• Un éditeur de texte: Bien que l’éditeur de texte est facultatif, il est toujours intéressant d’en avoir un tel que Notepad. En effet, l’éditeur de texte vous permettra d’éditer certains fichiers, si nécessaire.

Comment installer WordPress manuellement ?

Une fois tous les outils nécessaires à l’installation de WordPress téléchargé et installé sur votre ordinateur, la première chose à faire est de créer une nouvelle base de données et son utilisateur.

1. Créer une nouvelle base de données WordPress

Tout comme les autres étapes qui suivront, cette première étape n’est pas compliqué dans la mesure ou la création de l’utilisateur et de la base de données s’effectue de manière automatique. Toutes les informations de connexion à cette dernière vous seront envoyées par email, dès la création.

Pour cela, connectez-vous à votre espace client et cliquez sur « Gérer » se trouvant derrière le nom de domaine pour lequel vous désirez effectuer l’installation.

Cliquez sur le bouton « MySQL et PHPMyAdmin » se trouvant dans la rubrique « Base de données & PHP« .

Cliquez enfin sur le bouton « Cliquez ici pour créer une base MySQL« .

2. Téléchargez vos fichiers WordPress sur votre hébergement Web

Cette étape de l’installation manuelle de WordPress est très certainement la plus simple. En effet, en premier lieu vous devez vous connecter à votre espace FTP à l’aide du logiciel FileZilla.

Une fois connecté à ce dernier, accédez à votre dossier WordPress local se trouvant côté gauche de FileZilla et copiez tous les fichiers de ce dernier à la racine de votre hébergement Web.

3. Exécutez le script d’installation de WordPress

Une fois les deux étapes précédentes terminées, il sera nécessaire de finaliser l’installation de WordPress. Pour cela, rendez-vous sur l’URL de votre site. Vous devriez atterrir sur une page vous demandant de choisir votre langue. Choisissez cette dernière et cliquez sur le bouton « Continuer« .

L’écran suivant vous indiquera les informations nécessaires à l’installation de WordPress, notamment les informations de connexion à la base de données MySQL qui vous ont été envoyé par email lors de la création de cette dernière. Cliquez sur le bouton « C’est parti » afin de passer à l’étape suivante:

Remplissez le formulaire avec les informations suivantes :

• Nom de la base de données
• Identifiant de l’utilisateur de base de données
• Mot de passe rattaché à l’identifiant de base de données
• Adresse de la base de données
• Préfixe des tables

Cliquez ensuite sur le bouton « Envoyer« .

Cliquez enfin sur le bouton « Lancer l’installation« .

L’écran suivant vous permettra de nommer votre site et d’ajouter un nom d’utilisateur, un mot de passe et une adresse email pour l’administrateur du site WordPress. Une fois le formulaire rempli, cliquez sur « Installer WordPress« .

4. Finalisez et testez l’installation WordPress

Une fois WordPress installé sur votre formule d’hébergement Web, cliquez sur le bouton « Se connecter » afin de vous rendre sur le Tableau de bord d’administration.

Les étapes suivantes qu’il vous est possible d’effectuer sont :

• Choix d’un thème : En effet, il vous est possible de choisir un thème afin de modifier l’apparence de votre site
• Choix d’un plugin : Il s’agit de modules complémentaires vous permettant d’ajouter des fonctionnalités à votre site.

Conclusion

Bien comprendre la procédure d’installation manuelle de WordPress peut vous aider en cas de besoin. De plus, cela vous permettra de voir comment votre site Web interagit avec la base de données. De plus, cela vous permettra de mieux comprendre et résoudre les erreurs qu’il vous sera possible de rencontrer lors du développement de votre site.

Mais rassurez vous, si vous ne souhaitez pas installer WordPress manuelle : avec votre hébergement WordPress celui-ci s’installe en 1 clic !

L’article Comment installer WordPress manuellement ? est apparu en premier sur HebergementWP.fr.

Grâce à cet article, vous verrez ce que sont les balises META et la raison pour laquelle ces dernières sont importantes. De plus, vous verrez comment les ajouter à votre site WordPress à l’aide d’un plugin, mais aussi sans.

Que sont les balises META ?

Une balise META est un extrait de code HTML permettant de décrire le contenu de votre site Web ou d’une page spécifique de ce dernier.

Pourquoi les balises META sont importantes ?

Bien que les balises META ne soient plus aussi importantes qu’avant, il est préférable de ne pas les ignorer. En effet, les balises META fournissent la description qui sera affiché dans les résultats, sur les moteurs de recherche. De ce fait, le taux de clics peut considérablement augmenter.

Méthode 1 : Utilisation d’un plugin pour les Balises META

Le plugin Yoast SEO prend en charge l’intégration des balises méta-description et mots-clés.

1. Installation du plugin Yoast SEO

Afin de pouvoir mettre en place des balises méta à votre contenu, vous devez dans un premier temps installer le plugin Yoast SEO. Pour cela, connectez-vous à votre Tableau de bord WordPress, recherchez Yoast SEO et cliquez sur le bouton « Installer maintenant ». Cliquez ensuite sur « Activer ».

Bien qu’il existe aussi une version payante de ce plugin, la version gratuite vous permettra d’ajouter les balises à vos pages.

2. Ajouter des métadonnées à vos publications et pages

Une fois le plugin actif, rendez-vous sur vos articles ou vos pages selon le type de contenu auquel vous désirez ajouter des balises méta. Cliquez sur « Modifier » et faite défiler la page jusqu’en bas de l’écran pour y trouver la section Yoast SEO.

Entrez votre mot clé dans le champ « Requête cible ». Allez ensuite sur le champ « Méta-description » afin d’ajouter une description pour votre article.

3. Enregistrez ou publier la publication ou page

Si vous êtes satisfait de la description, enregistrez la publication ou publiez à nouveau votre page afin que les modifications soient sauvegardées.

Méthode 2 : Balises META sans plugin

Bien que le plugin Yoast SEO soit le moyen le plus simple et plus rapide d’ajouter des balises méta à WordPress, la manipulation peut aussi se faire sans plugin. De plus, l’ajout manuel des balises HTML au fichier header.php est simple. Cependant, il est à noter que ces dernières ne seront pas conservées si le thème de votre site est modifié. De plus, ces balises s’appliqueront à l’ensemble de votre site et non plus pour une page ou un article spécifique.

1. Ouvrez le fichier header.php

Dans un premier temps, il sera nécessaire d’ouvrir le fichier header.php de votre thème. Celui-ci peut être ouvert à l’aide du gestionnaire de fichiers ou d’un client FTP.

Une fois le fichier ouvert, recherchez la balise <head>. En effet, les métadonnées doivent être placées à l’intérieur de cette balise.

2. Copiez et personnalisez les balises Méta

Copiez ensuite la balise mot-clé générique ci-dessous et collez-la sous la balise d’ouverture <head> :

<meta name="keywords" content="mots-clés" />

Copiez ensuite la balise méta description générique ci-dessous et collez-la sous la ligne précédente:

<meta name="description" content="description" />

Remplacez ensuite mots clés par vos différents mots-clés et description par une courte description de votre site.

3. Utiliser une requête de balise conditionnelle

Bien que facultatif, vous avez la possibilité d’avoir une description différente pour les vues à publication unique et les vues à publications multiples. Pour cela, rendez-vous sur votre Tableau de bord WordPress, allez ensuite sur « Réglages/Général » et indiquez votre méta-description dans la section slogan.

Il vous faudra ensuite ajouter la requête de balise conditionnelle ci-dessous à votre fichier header.php :

<meta name="description" content="<?php if ( is_single() ) {
single_post_title('', true);
} else {
bloginfo('name'); echo " - "; bloginfo('description');
}
?>" />

Conclusion Balises META tag WordPress

Ajouter des balises méta description sur WordPress est relativement simple. Vous pouvez pour cela, utiliser le plugin Yoast SEO. Cependant, vous avez aussi la possibilité d’ajouter les balises manuellement à votre fichier header.php.

Rien de plus facile avec votre hébergement WordPress !

L’article Comment ajouter des balises méta tags sur WordPress ? est apparu en premier sur HebergementWP.fr.

De ce fait, il est nécessaire de savoir le type de site WordPress que vous désirez installer. Mais aussi le thème et les plugins que vous désirez mettre en place. En effet, certains thèmes ou plugins étant très gourmand en ressources, il est nécessaire de choisir une offre adaptée à ces derniers.

Quels sont les types d’hébergement WordPress disponibles?

Avant de faire son choix parmi les différents types d’hébergements WordPress disponibles, il est nécessaire de comprendre la différence entre chacun d’eux.

Les hébergements WordPress disponibles sont les suivants :

• Partagé : Bien que ce soit l’une des formules les plus abordables, vous allez devoir partager les ressources du serveur avec d’autres clients.
• Cloud : L’hébergement Cloud est l’un des hébergements les plus populaires permettant d’héberger votre site WordPress DIVI. De plus, vous avez la possibilité de faire évoluer votre formule rapidement selon vos besoins.
• VPS : Encore appelé Serveur Privé Virtuel, ce dernier vous permet de disposer d’une partie virtuelle d’un serveur dédié. Bien que le prix soit plus élevé qu’un hébergement partagé, vous disposez de vos propres ressources.
• Dédié : Vous disposez de votre propre serveur physique. De ce fait, vous avez la possibilité de personnaliser entièrement le serveur selon vos besoins.

Qu’est ce que l’hébergement WordPress infogéré ?

Contrairement à une simple formule d’hébergement partagé, l’hébergement WordPress infogéré dispose d’un ensemble d’outils permettant l’optimisation de votre site. Tel que la mise en cache ou un anti-virus.

Bien qu’il ne soit pas nécessaire de disposer d’un hébergement WordPress infogéré, cela peut être un plus. En effet, ce type d’hébergement dispose de plusieurs avantages qui sont les suivants :

• Sauvegardes : Vous disposez de sauvegardes de votre site qui sont effectuées régulièrement. Ce qui vous permet une restauration rapide de votre site en cas de problème.
• Optimisation des performances : Possibilité de mise en cache de votre site par le biais de WP Rocket par exemple
• Sécurité : Analyse de votre site régulièrement à la recherche de codes ou fichiers malveillants et mise à disposition d’un pare-feu.

Le prix d’un hébergement autogéré est souvent plus chère qu’un hébergement partagé.

Hébergement mutualisé VS Hébergement autogéré

Lors du choix de votre hébergement, il est nécessaire, outre le prix, de prendre en compte d’autres éléments.

Restriction d’utilisation et évolutivité

Dans un premier temps, il est nécessaire de prendre en compte le trafic de votre site WordPress. En effet, bien que le trafic soit illimité sur un hébergement mutualisé, ce dernier peut être réduit en cas de sur-utilisation afin de garantir la performance du serveur. Cependant le trafic mis en place sur chaque formule est en principe, largement suffisant.

En revanche, sur un hébergement WordPress infogéré, le tarif dépendra généralement du trafic généré par votre site.

Technologies utilisées et emplacement des centres de données

La deuxième chose importante à prendre est la technologie utilisée par votre site Web. En effet, il est impératif de choisir un hébergeur disposant des dernières mises à jour, notamment au niveau des versions PHP. En effet, une version non à jour pourrait avoir un impact sur la vitesse de chargement de votre site, mais aussi sur la sécurité.

Certains prestataires mettent à jour régulièrement leurs serveurs afin d’utiliser toujours les dernières technologies.

De ce fait, les principales choses à vérifier avant de souscrire à une formule d’hébergement Web sont les suivantes :

• Versions PHP : A l’heure actuelle, la dernière version PHP est la version 8
• Certificat SSL Let’s Encrypt : il s’agit d’un certificat SSL gratuit.

En plus de cela, il est préférable de bien choisir votre prestataire par rapport à l’emplacement de son centre de données. En effet, si vous voulez atteindre des clients français, il est préférable que votre site soit hébergé dans le même pays. De plus, en Europe, vous serez couvert par la RGPD (Réglementation Générale sur la Protection des Données).

Support client

Il est important aussi de vérifier la fiabilité du support client. Bien que la plupart des hébergeurs Web offrent une assistance 24h/24 et 7 jours sur 7, il peut être intéressant de le vérifier.

De plus, il peut être intéressant de vérifier les canaux d’assistance mis à disposition par leurs soins tel que :

• Ticket
• Livechat
• Téléphone

Certains hébergeurs proposeront les trois tandis que d’autres n’en proposeront qu’un et pas toujours en français. Le temps de réponse du support technique ou commercial peut être un point important à prendre en compte. En effet, certains vous répondront sous quelques heures tandis que d’autres, sous quelques jours.

Administration de votre formule Web

L’administration de votre formule Web doit être simple d’utilisation. En effet, par moment vous serez obligé de vous rendre sur cet espace afin d’administrer votre site.

Pré-requis pour un hébergement WordPress DIVI

Bien que DIVI soit conçu pour fonctionner avec la plupart des hébergements Web, il est tout de même préférable de faire attention aux pré-requis.

• Limite de mémoire memory_limit : Bien que vous puissiez héberger DIVI sur une formule d’hébergement Web ne disposant que de 64Mo, il est préférable de disposer de 128Mo ou plus
• PHP7+ : Il est recommander d’utiliser PHP7.4 au moins afin de ne pas rencontrer de problème de sécurité. De plus, votre site sera plus performant en utilisant l’une des dernières versions PHP

Conclusion

Que vous utilisiez une formule d’hébergement Web mutualisé ou infogéré, l’hébergement d’un site WordPress avec DIVI est possible. Cependant, il est préférable, lors du choix de la formule d’hébergement Web, de bien vérifier que le prestataire utilise bien les dernières versions PHP. De plus, l’emplacement du centre de données peut avoir une incidence non négligeable sur la vitesse de chargement de votre site. C’est pourquoi nous vous conseillons HébergementWordpress.fr 

L’article Comment choisir un hébergement WordPress DIVI ? est apparu en premier sur HebergementWP.fr.