Créer votre premier article
Les réglages étant terminés, vous pouvez enfin passer à la rédaction de votre site. Bien sûr, il sera possible de modifier ces réglages selon vos besoins par la suite. Dans ce document, nous considérons qu’un article (un post) est destiné à votre blog. Les articles vont s’entasser à la suite les uns des autres, les premiers que vous avez écrits, se trouvant au fond de la pile, étant difficilement consultables. C’est pour cette raison que vous devez ajouter des étiquettes (les tags) à chacun d’entre eux. C’est aussi pour cela qu’il est possible d’installer un moteur de recherche dédié à votre site internet.
Rédiger un article
Rendez vous sur le menu de gauche et cliquez sur “Articles”. La page qui s’ouvre est dédiée à ’écriture et à la gestion de vos articles de blog. Choisissez “Ajouter un article” (en haut à droite de l’écran).
Choisissez l’éditeur WYSIWYG pour rédiger votre article (voir figure 4). Vous disposez du gras, souligné, italique et de quelques fonctions avancées (insertion de code HTML par exemple). Vous pouvez ajouter : du Texte, Images, Vidéos, Liens, Tableaux...
Figure 4 : rédiger un article
Paramètres de l’article
En cliquant sur la roue dentée, en haut à droite de la page de saisie de l’article, vous ouvrez un menu de réglage des paramètres de votre article.
Image mise en avant
Cette image a deux objectifs :
- elle apparaîtra en haut de votre article
- elle illustrera votre article de blog sur la page d’accueil
Le blog sera plus lisible si vous choisissez des images mises en avant d’un même format pour tous vos articles, mais ce n’est pas obligatoire.
Choix des étiquettes (les tags)
Choisissez une ou plusieurs étiquettes pour votre article (les tags). Attention aux synonymes, ou aux fautes de frappes. C’est grâce à ces étiquettes que les visiteurs de votre blog pourront trouver aisément l’information qu’ils recherchent.
Ajout d’images
En plus de l’image dite d’illustration, vous pouvez ajouter d’autres images dans vos articles. Les images insérées dans l’article sont fixes, elle ne sont pas cliquables. Elles peuvent cependant être enrichies d’un lien hypertexte. Un clic sur ces images ouvre alors une nouvelle page web.
Prévisualiser votre site.
Attention : Ne quittez jamais l’éditeur d’articles ou de pages statiques sans sauvegarder votre travail.
En bas à gauche de l’écran de Publii, vous disposez d’un bouton “Prévisualiser le site”. Cette fonctionnalité permet d’examiner l’apparence de vos pages de blog telles qu’elles sont créées en local, sur votre ordinateur. C’est à dire avant de les transférer sur votre serveur internet. Cette vérification permet d’éviter d’envoyer sur internet des pages incomplètes ou dysfonctionnelles.
Publii crée des sites web responsive design, c’est à dire qu’ils s’adaptent automatiquement à la taille de l’écran de vos visiteurs. Par exemple, en réduisant la taille de la fenêtre de votre navigateur web, vous pouvez avoir une bonne estimation de l’apparence de votre blog sur un smartphone (voir figure 5).
Figure 5 – Votre site affiché sur 2 dimensions d’écran

