Maintenant que vous avez installé correctement votre site internet et que vous connaissez les étapes de comment fonctionne wordpress et que vous avez compris le fonctionnement des plugins, vous voilà fin prêt à présenter votre entreprise de manière professionnelle.

Si vous voulez avoir l'air d'un expert dès le début vous devez vous familiariser avec cet outil de création de contenus pour créer un beau design de site ! Comment faire une mise en page WordPress ? Comment créer vos premières pages et vos premiers articles ?

  • Temps de lecture : 6 minutes
  • Difficulté : Facile
  • Prérequis :
  • Réserver un nom de domaine
  • Héberger son site internet
  • Avoir installé WordPress
  • Savoir comment fonctionne WordPress

Qu'est-ce qu'un éditeur WordPress ?

C'est tout simplement l'outil qui va vous permettre de créer tous les contenus de votre site internet : Vos pages de vente, vos tutos, vos articles d'actualité, vos articles de blogs, etc...

Considérez-le un petit peu comme la machine à écrire du rédacteur. Vous pouvez ajouter du texte, des images, des vidéos, des fichiers audios. L'éditeur de contenu vous permet également de gérer toute la mise en page : Les espacements, la dispositions des contenus sous forme de colonnes, de citations, l'emplacement des boutons d'actions, etc...

L'éditeur WordPress est également connu sous le nom d'"éditeur Gutenberg".

Comment créer une couverture d'article avec Gutenberg ?

Une couverture d'article est une illustration ou une photo visible sur la page de liste de votre blog et sur le fil d'actu des réseaux sociaux dans lesquels vous ou vos lecteurs partagez votre article. Elle a pour avantage d'attirer l'attention du lecteur et de donner envie de cliquer sur votre article. Vous pouvez utiliser une photo ou une illustration.

  • Si la colonne de droite n'est pas affichée, cliquez sur la petite roue crantée en haut et à droite de votre écran,

  • cliquez sur l'onglet "Article", puis dirigez vous sur le bloc "Image mise en avant",
  • Cliquez sur le bouton "Définir l'image mise en avant puis sur médiathèque.

  • Pour ajouter une image déjà présente dan votre base de données cliquez sur l'onglet "médiathèque" sinon pour importer une nouvelle image cliquez sur "téléverser des fichiers,

  • sélectionnez votre image, une nouvelle colonne de droite apparait avec des nouvelles fonctions, pour modifier la taille ou ou recadrer, cliquez sur "modifier l'image",
  • puis une fois modifiée cliquez sur le bouton" redimensionner",
  • revenez à l'étape précédente puis décrivez le contenu de votre image dans le bloc "texte alternatif"
  • Enfin cliquez sur "Définir l'image en avant.

Comment catégoriser votre article avec l'éditeur WordPress ?

Avant de créer un contenu, WordPress vous demande si vous souhaitez créer un page mère ou enfant

Quelle est la différence entre une page mère et une page enfant ?

  • La page mère est une page "pilier" située en haut de l'arborescence de votre site
  • La page fille est une page "précise" située en bas de l'arborescence de votre site

Cette classification vous aide à structurer vos catégories en forme de silos pour hiérarchiser vos contenus et faciliter la navigation de l'internaute.

En d'autres termes vous contribuez à améliorer le maillage interne de votre site web. C'est très important pour privilégier le référencement naturel .

ETAPES :

Page

Article

Quelle est la différence entre une page et un article ?

  • Une page est idéale pour éditer un contenu dit “statique” .Par exemple, une page “A propos” ou une “page de vente”
  • Un article est idéal pour éditer un contenu “chaud” . Par exemple, des “actualités de blog”

Voici un tableau comparatif résumant les différences entre les 2 :

ARTICLESPAGES
Contenu chronologique et hiérarchiséDestiné au contenu statique
Classés dans une page de catégorie de blogHiérarchisé en structure de silos "Mère / Fille"
Zone de commentairesPas de possibilité d'inclure des commentaires
Liés à un auteurNon lié à un hauteur
Liens de partages dans les réseaux sociauxPas de liens de partages dans les réseaux sociaux
Contenu chaudContenu froid
Non convertible en page d'accueilConvertible en page d'accueil
Contient une date et heure de publicationIntemporel

Comment créer une page ou un article sur WordPress?

  • Depuis votre page d’accueil du tableau de bord
  • Jetez un coup d’oeil sur la colonne de gauche
  • Cliquez sur Page > Ajouter
  • Vous voici maintenant dans votre constructeur de page (page builder)

Il existe une multitude d’extension sur WordPress dont les célèbres Elementor et Divi pour remplacer ce constructeur de page.

Nous les étudierons dans un prochain article.

Celui-ci se nomme “Gutenberg”.

Il est amplement suffisant pour créer du contenu de qualité avec des photos, des vidéos, des citations, des tableaux, des mises en page dynamiques, etc…

Autre avantage : Il sollicite très peu de ressources et de mémoire.

L'éditeur de contenu GUTENBERG de WordPress
  • Tout d’abord commencez par saisir votre titre
  • Celui- ci sera visible en haut de page ainsi que sur les blocs annexes
  • En cliquant sur la croix bleue, vous avez accès à la bibliothèque de bloc
  • Prenez le temps de les parcourir afin de vous familiariser avant de vous jeter dans la rédaction
  • Il y en a un paquet
  • Je vous conseille de maîtriser les blocs principaux avant de passer aux suivants

Les blocs principaux :

LE BLOC PRAGRAPHE

Voici le bloc principal, celui qui vous permet d’écrire du texte
Pensez à aérer vos contenus, pour cela, je vous suggère d’utiliser un bloc paragraphe par phrase


La liste à puces

Utilisez ce bloc pour créer des liste à puces et numérotées

L’attribut alt de cette image est vide, son nom de fichier est RrOo_TNmInoGjoW_NcU6N-bPYhoTP1_YdvIBwcrNqZHnZeX9cJZp9NV5Gev1EaIh79Lk-6bWtL9HxugG2KIEgQxjB8qEknL_cl7GKQEeAT2Z9OrpFtKRp4miF6gZbmzRujYGzCW6.

Les titres

Créer des titres de paragraphe. Les niveaux H2, H3, H4, etc… sont utiles pour changer les niveaux et également utiles pour travailler le SEO.


Le bloc image

Insérer une image de votre bibliothèque ou de votre PC

L’attribut alt de cette image est vide, son nom de fichier est cPjVKlz2khcRXaZW_2X5mpOjGvl12Yy4xPH4b2q4b7DuFTkyzDopIrM47xEzimy1tc409UhcjFhvKwK8j1dMIQyvKlH94Mm6Y1fktyxOZYoNrtSP86Yn8WWOOZdH7ZMQ5iL58q6M.


Met en page une citation. Indique également aux moteurs de recherche que ce contenu n’est pas pas dupliqué mais “emprunté”

L’attribut alt de cette image est vide, son nom de fichier est MC-12JqB2xX1sQYvyhpZh1PeFqJqO2oRdR33vzaj927-xeEfuDXrkoYq7aPGzEwLKASuzsSoDQ8h9-I7uXvn5HN6KnakW7vbs00-P-T4Ej7eoAZG6eCBabKHf77f6coE2hjFHkXd.

L’attribut alt de cette image est vide, son nom de fichier est FMLI3PmI2pjXOoX_uBowN6kX9Eg7AUtlkMuQ70TKYEYafy9NoAdJFNxlLZ0z8tD7uFjpH1SNqwTMDQJn6JNppf2MjI72REJ8GsLqKyyzkU67ZJqThsBZv0iGfq0rRF0UZU8nZ33X.

Permet d’insérer des tableaux

L’attribut alt de cette image est vide, son nom de fichier est 7AmywO93nWq0gTFhofwHr595L4a0cngDcN5kmeOblgqUDngpoqbtYevuPsH3-1EA83VrhgPOMKEwvApUpmi3jUW-U3oQWJPUk4yI0TAiOJAFjyaHkHBPZGMR4TjMQC1C1yd6325S.

L’attribut alt de cette image est vide, son nom de fichier est OReKFaCPVPpwpUY6QEWaYmyqsDfvCy1IPbgkF_G8KTzA0Y6T-yBl5BkFU7iXZP8qTH_muRjfXsEHtlk39XHfu_sNkZ4wyh32tNoTzr4zck49YBRlRE9yPo0LF4BWWyjeWjyAB-kD.

Créer un balayage dynamique de vos images

L’attribut alt de cette image est vide, son nom de fichier est R3yxSY2Te_zzMGWjoW8GYrQSRUjoNrATNTAIAQz4VlXgZXGMkgR6UgpZr0VSWkBpcyrpZLqswxERkhLglj6oBdzO4lL2PWkMAjMzQFKFcyqn7BSoIodJiEtPnZcT5a8GnP5GTyfU.

Permet de combiner un texte + une image sur le même niveau

L’attribut alt de cette image est vide, son nom de fichier est qn_BBskqTk6kJP3f2h9xABjzQlFNkCpCiJKS3FWgdG2rX2sHD8dbuP1IZd8tZFbAsBudgq-CEGe1WULmJwuqGEDz0AVyadonHjtfgWKh0ZAG9p_CPxVA1Hhpj88Kis6TH1xR34NZ.

L’attribut alt de cette image est vide, son nom de fichier est 5R0PsIQhPAPVbtx6enFfredg6g3-pk5LKeUMgTyEKeLYF832-XDFwNSsShcP1mEYQpZm8Co7DvH7h7AuPkJinlgz8syX5FKCsiVScL5H0oHS0TCacEFDpUejVUf25z21WxQ1mNMk.

Insérer un fichier vidéo

L’attribut alt de cette image est vide, son nom de fichier est bZO5HoitRx3nhr3v4_CqYs8PVpDbkC9LBRFIdR-v-QKErfX1LgIp3Hw2R78RbI9YsDKz9gX9X7z1mAsUzpnWD9LaGXv4iEutEttZyxECqyDcEKT4gRV_OB7Tr5_BKIeZMLYuUtLh.

Insérer une vidéo de You tube

 Insérer une vidéo de You tube. Démarrez la vidéo, cliquez dessus avec le bouton droit puis sélectionnez “Copiez l’url de la vidéo”
Enfin collez là dans votre bloc You tube

L’attribut alt de cette image est vide, son nom de fichier est 3ht0hzhZsD35OPct182Kk-mCiqKPTeWIzhOZCGFFjKIWFlir5XaytEoT2Dfry15lx1cpYnqGpMkAnFOXNVGAXgGo3Lyv7ndHFaXMLOX1YM3IpguR_R-zQFitkq6mjNrPgO44ZEWg.

L’attribut alt de cette image est vide, son nom de fichier est 4N9f4YSW1PdtXK-DMGXvt_ShQUTWpUYntOrQCTDX7rb7ylTKQ8PRIZYWd1rns4QlVvgM97qN7gGAyMvBQ9Ahm-m14ioduXKb6V_kT31gCaG2S2ShOVD2BaQ7H_uuX330W0xbPjnq.
  • Ce bloc vide espace vos contenus
  • Idéal pour aérer votre page
L’attribut alt de cette image est vide, son nom de fichier est 3idPtfZH72_XVV5jWOgeSgpz9yEEOS00WgUJCFlYvdpoyJ-vo5154aIXaLRJgBRNMddVZonF5CC2WFmGH0sRtuPyXtc54gORSykXyIc3Afo5v485zMIcDVWsi07TAYy6GDJrbUHD.

  • Ce bloc est un vrai couteau suisse
  • Vous pouvez y inclure des textes, images, vidéos et sous titres
  • Utilisez le pour créer vos premiers contenus dynamique

Voici un exemple :

Voici à quoi ressemble le montage dans l'éditeur WordPress :

L’attribut alt de cette image est vide, son nom de fichier est Q-o9oonxWHDaBS1SmVS-1ofyPgQgNMdpkx37Oko3K88GyU9-2Lw34kANx4kYvXyWudi9Bgjz0WB8dhYy3JTdGYyzcMYH2IHkhR36orCTYbPttAxgoK3ruOIKWJKG96W7fLawnAAk.

Et voici le rendu final sur la page visible par les internautes


Permet de créer une ligne de séparation pour aérer vos contenu de manière sobre et élégante

Comment ajouter des articles similaires ?

Les 12 commandements pour réussir votre article

  1. Ciblez un mot ou une expression clé
  2. Rédigez un titre percutant
  3. Soignez votre intro Rédigez une Meta description
  4. Ajoutez un sommaire
  5. Hiérarchisez vos titres
  6. Pyramide inversée
  7. Ecrivez court et concis
  8. Aérez vos textes
  9. Ajoutez des images et des vidéos
  10. Se relire
  11. Créer une couverture d'article
  12. Insérez des liens internes et externes

Pour en savoir plus, je vous invite à lire cet article

Comment publier son article ?

Une fois que vous avez terminé votre page ou votre article, que vous avez pris le temps de vous relire que vous avez créé une page de couverture et suivi les recommandations de Yoast SEO, vous êtes fin prêt pour le publier.

  • Sur la colonne de droite de votre écran vous avez 2 onglets :
  • Dans le premier onglet vous avez la possibilité de
  • Activez les boutons radios des réseaux sociaux sur lesquels vous souhaitez partager votre article. Celui ci sera publié en même temps sur votre fil d'actualité que sur votre blog professionnel.
  • Si vous souhaitez le publier à une heure précise, vous pouvez cocher la date et l'heure de publication.
  • Si vous préférez le publier immédiatement il ne vous reste plus qu'à cliquez sur le bouton "Publier".
define( 'WC_REMOVE_ALL_DATA', true);