Publier votre premier article avec WordPress et Divi

Publier votre premier article avec WordPress et Divi

Publier un Article avec WordPress et Divi

 

Vous venez d’installer WordPress et votre blog pour partager votre passion sur le web et vous n’êtes pas encore à l’aise avec cet éditeur et vous ne savez pas comment vous y prendre pour publier votre premier article, rassurez vous c’est tout à fait normal et je vais vous aider, vous allez voir ce n’est pas si difficile que ça.

1/ Connectez-vous à votre page de gestion.

  1. Dans la colonne de gauche posez votre souris sur Articles,
  2. Cliquez sur Ajouter dans le menu déroulant qui apparaît,
  3. Remplissez le titre de votre article et enregistrer comme brouillon dans la colonne de droite
  4. Cliquez sur Utiliser le générateur Divi

La mise en page change, ce qui est tout à fait normal, rassurez vous, ce cours est destiné aux débutants je vais donc vous montrer comment publier votre premier article sur wordpress avec Divi de la façon la plus standard qui existe, je publierai un cours version avancée pour les initiés.

2/Utilisons la puissance et la simplicité de Divi

 

Copie d'écran pour ajouter une colonne avec Divi pour wordpress

  • Cliquer sur insérer une/des colonnes,
  • Une fenêtre s’ouvre pour vous proposer une mise en page pour publier votre article

Restez simple pour ce premier article et choisissez en haut à gauche la publication sur une colonne, dans tous les cas vous pourrez changer cette présentation en 2 clics plus tard.

  • Maintenant cliquez sur insérez un module et choisissez Texte,
  • Une fenêtre s’ouvre et vous n’avez plus qu’à insérer votre texte à l’intérieur en copier coller ou le rédiger si il n’était pas prêt.
  • Si vous souhaitez ajouter une photo appuyez sur Ajouter un média et choisissez la photo à insérer dans votre article

Ajouter du texte ou des images en 1 clic avec Divi

Ce qui est génial avec le thème Divi, c’est qu’une fois que vous avez inséré votre texte vous pouvez voir l’aperçu en direct en cliquant sur le petit oeil situé en bas de la popup entre sauvegarder et ajouter dans la bibliothèque et sauvegarder et quitter.

Vous pouvez vous amuser à tout essayer puisque vous pouvez voir le résultat de vos modifications en direct , tant que vous n’avez pas appuyé sur le bouton Enregistrer le brouillon ou publier dans la colonne de droite, les visiteurs de votre blog ne verront absolument rien et votre blog ne sera pas modifié.

Si vous désirez modifier votre texte plus tard, aucun soucis cliquer sur les 3 petites barres horizontales du module texte et changer le contenu.

3/Passons à la publication

Votre article est prêt à être publié, il ne vous reste plus que 2 ou trois petits détails à affiner. Dans la colonne de droite du panneau de gestion et dans Paramétrages du poste Divi,

  • Choisissez si vous désirez une barre latérale sur votre page, en général c’est barre latérale à droite
  • Titre du poste, choisissez Masquer pour éviter le doublon de titres pour votre référencement.
  • En dessous cocher la catégorie qui correspond au sujet de votre article, il sera affiché automatiquement dans la catégorie choisie.
  • Puis ajouter quelques mots clés dans la zone Étiquettes.

 

Voilà , maintenant appuyer sur publier et votre article a été mis en ligne instantanément il ne vous reste plus qu’à aller le voir en ligne, pour ceci en haut de la page il y a un bouton réservé à cet effet.

Pour que vos visiteurs trouvent votre article dans votre blog

Poser votre souris sur Apparence dans la colonne de gauche de votre panneau de gestion, puis sur Menus dans le menu déroulant qui s’affiche.

  • dans la colonne de gauche cliquez sur articles, le dernier article est affiché tout en haut, cochez la case de l’article puis appuyez sur Ajouter au menu.
  • Le titre de votre article apparaît désormais sur la droite dans votre menu, vous pouvez le déplacer où bon vous semble en glisser déposer.

 

C’est fini, vous avez publié votre premier article sur votre blog, merci WordPress et merci Divi d’être aussi simple à utiliser, enfin presque.

La vidéo ci-dessous vous montre comment publier votre premier article avec WordPress et Divi.

 

Créer un site internet avec WordPress et le thème DIVI

Créer un site internet avec WordPress et le thème DIVI

Pour Créer un site internet facilement sans prise de tête

(Cet article va être modifié prochainement pour vous parler de la dernière version du constructeur DIVI, vous pouvez malgré tout vous familiariser avec ce thème en lisant ce post.)

Divi WordPress Theme

La création d’un site internet peut être longue et laborieuse pour un débutant et même en ayant quelques années de pratique et d’expérience force est de constater qu’il faut parfois des heures pour créer une seule page et la mettre en ligne. Et puis un jour est apparu le thème DIVI pour WordPress, ce thème, entièrement traduit en français ayant la particularité d’être très facile à prendre en main même par un débutant puisque vous pouvez quasiment tout faire avec la souris de votre ordinateur et comme j’aime bien la simplicité et le minimalisme je vous donne le mode d’emploi pour créer votre site internet très facilement et presque gratuitement.

Installation et paramétrage du Thème Divi

DIVI s’installe comme n’importe quel thème WordPress, c’est à dire qu’il suffit de se rendre sur l’onglet apparence puis thèmes de votre back-office pour télécharger le fichier, l’installer et l’activer, un onglet Divi apparaît alors dans la colonne de gauche, en cliquant dessus vous avez accès au paramètres de configuration, c’est la partie la plus délicate de l’utilisation, si vous avez un doute laissez les options par défaut, premier gain de temps notable, sur la page de réglage vous pouvez enregistrer en quelques clics votre favicon, votre logo, les liens vers vos pages de réseaux sociaux, les pages de configuration vous feront gagner un temps précieux dans la conception de votre site, je vous prépare un mode d’emploi vidéo consacré à cette partie technique qui sera disponible prochainement.

La page de réglage du thème Divi très pratique et éfficace

La configuration continue dans l’onglet apparence puis personnaliser, cette interface ressemble un peu à celle fournie par défaut avec WordPress, elle est cependant plus complète, vous pouvez modifier tous les paramètres dont vous avez besoin, largeur du site, hauteur de la barre de menu, hauteur des titres , couleur de fond, réglages du pied de page et cerise sur le gâteau, en un clic vous avez la possibilité d’enlever ou de modifier le lien d’origine propulsé par wordpress qui apparaît en bas de tous les sites conçu avec ce cms, avant il fallait ouvrir l’éditeur de code et supprimer manuellement la ligne qui affichait cet affichage, pour réaliser cette opération ouvrir apparence, personnaliser,pied de page, barre inférieure et cocher la case Désactiver les crédits de pied de page.

La personnalisation de votre site est étendue avec Divi

Utiliser le générateur de contenu

Un simple clic permet d'utiliser l'outil de conception Divi

Une fois que votre thème est configuré vous pouvez commencer à concevoir vos pages et articles comme dans n’importe quel site utilisant wordpress, le constructeur Divi vous laissant le choix d’utiliser ou non le générateur pour créer votre contenu, cependant comme nous avons prévu de gagner du temps grâce à cette solution nous allons cliquer sur Utiliser le générateur Divi et c’est à partir de ce moment que vous allez remercier eleganthèmes, la société créatrice de ce puissant outil de conception. Donc une fois le clic effectué, une nouvelle présentation standard s’affiche et c’est à vous de jouez, commencez par cliquer sur insérer une colonne, le générateur vous propose plusieurs possibilités, une colonne, 2, 3 ou 4 colonnes avec des formats à choisir d’un simple clic et la conception de votre page commence. Vous pouvez rajouter autant de colonnes que vous voulez, ensuite il vous suffit de remplir les colonnes en insérant des modules qui vous seront proposés dès que vous cliquez sur la ligne, un module de galerie d’image ou de diapo, un module d’appel à l’action, des modules de compteurs, il y en a une quarantaine par défaut, largement assez pour réaliser un site internet de grande qualité avec un beau contenu.

Votre page de conception avec le générateur Divi en back office

Vue de votre page de conception avec le générateur Divi


Copie d'écran pour ajouter une colonne avec Divi pour wordpress

Avec Divi il est simplissime d’ajouter une colonne au contenu de votre page web


Ajouter du texte ou des images en 1 clic avec Divi

Pour ajouter des photos, du texte, ou tout autre module de conception un clic suffit avec Divi

Pour visualisez votre conception, elegantthemes a tout prévu et vous propose d’utiliser le visual builder, cliquez sur cette option en haut de la page et non seulement votre page apparaît en live mais en plus vous pouvez la modifier instantanément sans avoir besoin de retourner dans le back-office. Pour effectuer des modifications de mise en page, il est tout à fait possible de cliquez sur un module et le déplacer là ou vous désirez sur la page par un simple glisser déposer, c’est très enfantin et le gain de temps est énorme.Si vous êtes satisfait de votre mise en page, vous pouvez la mémoriser dans la bibliothèque et vous en servir plus tard pour récréer une page ou un article similaire.

Voir et modifier son site internet avec le visual builder

Pour voir ce que vous êtes en train de concevoir et le modifier, utilisez le Visual builder

La création d’un site internet à la portée de tous

Vous l’aurez compris, l’utilisation de ce thème avec l’outil de création WordPress pour concevoir des sites web est une réelle avancée dans le monde des webmasters, les possibilités de mise en page sont quasiment infinies et la simplicité d’utilisation est vraiment époustouflante, et pourtant j’en ai testé des thèmes WordPress, il n’y a qu’un seul bémol, l’emploi de cette solution est payante avec 2 niveaux de tarif, soit un paiement annuel d’environ 80 euros soit un paiement unique d’environ 270 euros (les prix étant affichés en livres sterling, il faut se référer au taux de change en vigueur le jour de la transaction) donnant accès aux mises à jour à vie avec un bonus qu’il ne faut pas oublier, votre abonnement vous donne le droit d’utiliser 2 plugins développés par leur société et entièrement compatible avec ce thème, Monarch qui propose à vos visiteurs de partager vos pages et articles sur leurs réseaux sociaux automatiquement et Bloom qui vous permet de créer des formulaires à l’attention des internautes les incitant à s’inscrire sur votre mailinlist pour démarrer vos opérations d’envoi de mail automatisé, je vous expliquerai cette action dans un article très prochainement.