Créez votre site web: Installation de DIVI

Créez votre site web: Installation de DIVI

Installer Divi & prise en main de wordpress

Comment faire pour créer un site de A à Z sur WordPress avec DIVI? Nous commençons en douceur avec les bases: première approche de l’interface, installation d’un premier plugin et installation du thème DIVI.

 

Front-end et Back-end: Les bases de la gestion de votre site

WordPress vous permet de créer des sites dynamiques: pour ajouter du contenu, pas besoin de plonger dans le code HTML, on passe par une interface qui permet d’éditer vos contenus et de stocker vos articles dans une base de données.

Le front-end de votre site correspond à la partie visible de l’iceberg, celle sur laquelle vos utilisateurs vont pouvoir naviguer.

Le back-end de votre site en revanche n’est pas accessible à vos utilisateurs et sert à gérer tous les aspects de votre site. Pour y accéder, il vous suffit d’ajouter ‘/wp-admin’ à l’url de votre site.

Par exemple, si votre site s’intitule www.monsiteweb.com, vous devrez entrer www.monsiteweb.com/wp-admin pour y accéder.

 

Le back-end de votre site WordPress

Le Backend de votre WordPress

Le tableau de bord

Lorsque vous vous connectez à votre panel d’administration (ou back-end), vous parvenez par défaut au tableau de bord. Celui-ci est entièrement configurable et il vous permet d’afficher les informations importantes de votre site, comme par exemple le nombre de visiteurs, le nombre d’articles, …

Chaque module du tableau de bord peut-être déplacé par un simple drag’n drop. La pluspart des modules peuvent aussi être désactivés en cliquant sur la croix de fermeture. Enfin, certains modules ne peuvent pas être fermés, il faut se rendre dans les options de l’écran si vous souhaitez les désactiver.

Appuyez sur les options de l'écran pour désactiver tous les modules.

Appuyez sur les options de l’écran pour désactiver tous les modules.

Installez votre premier plugin: WP Smush

La première chose à installer sur votre site, c’est un plugin permettant de compresser automatiquement les images.

En effet, si les images permettent d’agrémenter vos contenus et de renforcer votre référencement , elles ont la fâcheuse tendance à alourdir vos pages et à nuire à l’expérience de vos utilisateurs.

Dans tous les cas, il faudra retravailler vos images avant de les envoyer sur votre site et d’éviter d’uploader des fichiers dépassant les 100ko. Ensuite, on va laisser le plugin WP Smush apporter la touche finale pour compresser vos images au maximum sans perte de qualité visible.

Pour ajouter un plugin, rendez-vous dans le menu extension

Pour ajouter un plugin, rendez-vous dans le menu extension

 

Pour installer un nouveau plugin, on se rend sur le menu extension. Celui-ci permet d’installer des plugins soit en les téléchargeant sur le site soit en parcourant la bibliothèque de wordpress. C’est ce que nous allons faire dans le cas présent. On lance une recherche sur wp smush et on clique sur installer.

Lorsque l’installation est achevée, il faut encore cliquer sur activer afin d’activer le plugin.

Vous avez alors accès aux paramètres de WP Smush qui se propose gentiment de compresser automatiquement les images, nous allons juste activer l’option permettant également de redimensionner les images trop grandes.

 

Installation du thème DIVI

Pour installer le thème DIVI, il faut se rendre sur le site de l’éditeur Elegant Themes. Vous devrez vous créer un compte et acheter une licence. Vous avez le choix entre une souscription annuelle à 89$ ou un membership à vie à 249$. Le jeu en vaut il la chandelle? Nous pensons que oui. Car pour ce prix, vous pouvez installer Divi sur un nombre illimité de sites, vous accédez à une librairie de templates toutes faites et vous pouvez aussi compter sur des mises à jour très régulières.

Une fois votre achat effectué, il ne vous reste plus qu’à télécharger le fichier divi.zip et retourner sur votre panel d’administrateur.

Dans votre back-end, choisissez l’option apparence puis Thèmes. Vous vous retrouvez sur un menu similaire au menu extension et vous pouvez soit uploader votre fichier, soit choisir une template parmi celles proposées.

Pour notre cas de figure, nous choisissons de téléverser le fichier: il vous suffit de glisser le fichier divi.zip dans la fenêtre d’envoi sans décompresser l’archive.

Ceci fait on clique sur envoyer puis une fois le thème uploadé on le déploie en cliquant sur activer.

À ce stade, il est également intéressant d’effacer tous les autres thèmes contenus dans votre librairie afin d’alléger votre serveur. Nous n’en n’aurons de toute façon plus besoin.

 

Conclusion

Nous venons d’installer notre site et nous sommes prêts à démarrer. Il reste encore pas mal de choses à régler mais vous verrez que ce n’est pas si compliqué de déployer un site complet en très peu de temps. N’hésitez pas à poster des commentaires si vous avez des questions!

Doit-on savoir coder pour créer un site Web?

Doit-on savoir coder pour créer un site Web?

Doit-on savoir coder pour créer un site Web?

Si cette question aurait provoqué un haussement de sourcils il y a à peine cinq ans, aujourd’hui les offres gratuites se multiplient et les outils ne manquent pas pour créer son site sans aucune connaissance en programmation. Pour quels résultats? C’est ce que nous allons voir.

.

De l’HTML au PHP en passant par le CSS et le Javascript

Au commencement, le Net était statique et se codait en HTML, un langage fait de balises pour décrire le contenu, appliquer une mise en page ou créer des liens hyper-texte. Chaque mise à jour  impliquait une ré-écriture du code source de la page, ce qui augmentait les erreurs possibles et limitait drastiquement les possibilités de collaboration. Au fil des évolutions, le langage s’est enrichi pour en arriver à sa cinquième version de nos jours et il a été complété par d’autres langages qui ont permis la création de sites dynamiques, tous structurés autour d’une base de données. Plus besoin de modifier le code source pour ajouter un article. Ceux-ci sont rédigés sur une interface en backend puis affichés sur les pages frontend par un système de gestion de contenu dynamique: Le CMS, pour Content Management System.

Les offres de création de sites gratuits

Parallèlement à cela, une nouvelle forme d’outils fait son apparition: les blogs. Désormais, chacun est libre de publier son contenu sans forcément avoir à apprendre le HTML. Certains ne tardent pas à y voir une formidable opportunité:  désormais, on peut offrir à Monsieur-tout-Le-monde la possibilité de se créer son site sans faire appel aux services d’un Webmaster. Mieux encore: la plupart de ces services sont proposés gratuitement. Il est donc possible de se créer un site pour 0€ et sans rien n’y connaitre! Génial, non? Eh bien non, pas vraiment, tout dépend réellement de la nature de vos besoins. 

Quelle efficacité réelle?

Le plus connu de ces services est wix.com mais il y en a d’autres comme Weebly, Godaddy ou Site Builder. Avec de superbes templates, un rendu adapté aux différents supports tels que les tablettes et les smartphone (on dit responsive design quand on est branché), on ne peut nier la performance d’une offre qui se décline sur le modèle du freemium. Vous ne payez rien pour commencer mais si vous voulez accéder à un meilleur service, vous devez souscrire à un abonnement. Si possible à vie. Vous l’aurez compris: ne comptez pas récupérer votre site si pour l’une ou l’autre raison vous décidiez de renoncer à votre abonnement. 

Un référencement et des options de personnalisation limités


Le plus gros problème de ces services, c’est qu’on accepte d’en faire la publicité gratuite: L’URL même de votre site devient un support publicitaire pour son hébergeur. Sauf si vous payez, évidemment, et vous pourrez alors disposer d’une adresse individuelle. L’autre point noir se pose en terme de positionnement Web. C’est bien simple; il vous sera impossible d’optimiser votre positionnement Google. Aucun Webmaster ne pourra plonger dans l’infrastructure du site. Et il est également impossible d’ajouter une option qui n’a pas été prévue par l’hébergeur. Dès lors, il faut se rendre à l’évidence: ces offres s’adressent surtout à ceux qui considèrent leur site comme une carte de visite et pour qui la visibilité n’est pas un critère important. 

La montée en force d’un CMS pas comme les autres: WordPress.

 

28% des sites au monde sont générés par WordPress. De nos jours, à moins d’avoir des besoins très spécifiques, il n’y a aucune raison de ne pas s’en remettre au roi des CMS. Propulsé par une imposante communauté, WordPress est mis à jour dès qu’une faille de sécurité est détectée. Il est optimisé pour le référencement et dispose d’une bibliothèque de plugins permettant de faire à peu près tout ce que l’on veut. Enfin, WordPress est intégralement gratuit. Seuls ses plugins peuvent être payants et sont souvent proposés sur le modèle du freemium ou du donationware. Contrairement aux offres de sites gratuits, WordPress demande qu’on lui accorde du temps et une courbe d’apprentissage est inévitable afin d’en tirer pleinement parti. 

 

 

Doit-on savoir coder pour utiliser WordPress?

Connaître le HTML et le CSS est un atout plus qu’appréciable pour travailler sur le Web et ce, quelle que soit la plateforme employée. Mais de nos jours, tous les efforts sont faits, notamment sur WordPress, pour rendre les interfaces ‘Plug and Play’. Dans la plupart des cas, le gros du travail consiste à installer une template et des plugins, les paramétrer et insérer du contenu via des éditeurs comportant tous les boutons nécessaires pour appliquer la mise en page. Avec l’aide des forums, des supports techniques et de quelques tutoriels, on peut imaginer qu’un utilisateur ne connaissant absolument rien au codage puisse créer un site Web performant avec WordPress. Toutefois, qu’on ne s’y trompe pas: cela n’est ni simple, ni rapide et il faut être prêt à y consacrer de longues heures et parfois s’arracher les cheveux lorsque l’on rencontre un bug ou quand on ne parvient pas à appliquer un réglage. Mais le jeu en vaut largement la chandelle, tant les possibilités sont infinies grâce aux plugins qui vont du simple affichage d’image jusqu’à la gestion complète d’un agenda ou d’un site d’e-commerce. 

Il n’est pas forcément nécéssaire de savoir coder pour créer un site. Grâce au développement de ses outils, le Web offre une multitude d’options pour générer des blogs voire des sites complets sans avoir à entrer une seule ligne de code. Mais l’apprentissage de bases en HTML et CSS  nous paraît tout de même essentiel pour comprendre ce que l’on fait et tout simplement garder le contrôle. Tout comme on n’irait pas vivre dans un pays étranger sans au moins emporter un guide et un dico, se former sur les bases du langage HTML est un pré-requis essentiel pour communiquer sur le World Wide Web.