Blog Showit : comment configurer ses templates correctement (canvas, placeholders, typographies)

27 mai 2026 — Créer son site web, Tutoriels Showit en français

partager

[ez-toc]

Le guide pour créer un site web qui bosse pour ton business

Si vous comprenez déjà comment Showit et WordPress fonctionnent ensemble, vous êtes prête pour l’étape suivante : configurer tes templates correctement. C’est ici que ça se concrétise et aussi là que beaucoup font des erreurs qui ne se voient que sur le site publié. Ce guide couvre les types de templates disponibles, les WordPress Canvas Types, le guide de référence complet des placeholders, et la connexion entre vos styles WordPress et vos Design Settings Showit.

💡 Si vous découvrez encore le principe Showit + WordPress, commence par lire Blog Showit + WordPress : comment ça fonctionne (et pourquoi c’est un avantage SEO énorme) avant de revenir ici.

Les types de templates de blog disponibles

Showit ne se limite pas à deux pages blog. Sous l’onglet Site dans le panneau gauche, vous pouvez créer plusieurs types de templates, chacun ayant un rôle précis :

  • Blog (Post List) → page liste de tous les articles — obligatoire
  • Single Post → design appliqué à chaque article individuel — obligatoire
  • WordPress Homepage → page d’accueil qui affiche des articles WordPress
  • Category Page → liste les articles d’une catégorie spécifique
  • Custom Category Page → mise en page unique pour une catégorie particulière
  • WordPress 404 → page d’erreur pour les utilisatrices avec blog
  • Page Template → charge une page créée directement dans WordPress
  • Custom Page → page Showit qui peut afficher du contenu de blog

Pour assigner un type : sélectionnez la page blog → onglet Template Info dans le panneau de droite → menu déroulant WordPress Template.

<aside> ⚠️ ⚠️ Il doit toujours exister au moins une page Post List (Default) publiée sur votre site. Sans elle, Showit génère une erreur de publication.

</aside>

💡 La construction détaillée de chaque type (Category, 404, WordPress Homepage…) est couverte dans le guide avancé : Blog Showit niveau avancé : créer chaque type de template et enrichir son blog

Les WordPress Canvas Types : le réglage que tout le monde oublie

Sur les pages blog, chaque canvas a un réglage supplémentaire : le WordPress Canvas Type. C’est lui qui dit à WordPress quel type de contenu afficher dans ce canvas. Vous le trouvez dans le panneau de droite, onglet Canvas, quand vous sélectionnez un canvas sur une page blog.

Static Content

Le type par défaut. Affiche un contenu fixe, identique sur tous les articles. À utiliser pour : header, footer, sidebar, commentaires, pagination, formulaires.

<aside> ⚠️ ⚠️ Un canvas Static Content ne peut pas afficher la featured image d’un article. Il vous faut un canvas In Post Loop ou Posts View Lookup pour ça.

</aside>

In Post Loop

Le canvas qui se répète autant de fois qu’il y a d’articles à afficher. Vous lui donnez un design avec les placeholders voulus (titre, image, extrait…) et WordPress le clone automatiquement pour chaque article.

Next Post Start

Créez une mise en page alternée (grand format / petit format / grand format…). Toujours utilisé en duo avec In Post Loop, dans cet ordre :

  1. In Post Loop → premier format
  2. Next Post Start → deuxième format
  3. In Post Loop vide → ferme la boucle
  4. Static Content → pagination

Posts View Lookup

Tire des articles spécifiques depuis WordPress selon des critères que vous définissez : les plus récents, ceux d’une catégorie précise, ceux avec un tag… C’est la base des sections “Articles récents” ou “À la une” sur n’importe quelle page de votre site.

Réglagez indispensable pour les canvases de contenu variable (Post Title, Post Content, Comments…) : passez le Canvas Type en Grow with Content — le canvas s’adapte automatiquement à la hauteur du contenu. À vérifier sur Desktop et Mobile séparément.

Les placeholders : guide de référence complet

Un placeholder, c’est une zone dans votre design Showit remplacée par du vrai contenu WordPress sur le site publié. Vous l’assignez depuis Text Properties → WordPress Placeholder dans le panneau de droite.

<aside> ⚠️ ⚠️ Les placeholders ne fonctionnent que sur les pages Blog Templates. Ils n’ont aucun effet sur les pages classiques.

</aside>

  1. Ajoutez une zone de texte sur votre canvas
  2. Sélectionnez-la → panneau de droite → Text Properties → WordPress Placeholder
  3. Choisissez le placeholder dans le menu déroulant

Infos de l’article

  • Post Title → titre de l’article. Lien automatique vers l’article sur la Post List, pas de lien sur la Single Post
  • Post Author → nom de l’auteur
  • Post Date → date de publication
  • Post Content → contenu complet de l’article
  • Post Excerpt → extrait court défini dans WordPress

Catégories et tags

  • Post Categories → liste de toutes les catégories liées à l’article, avec liens
  • Post Top Category → catégorie avec l’ID le plus bas dans WordPress (la catégorie principale)
  • Category Title → nom de la catégorie en cours — à utiliser sur la page Catégorie
  • Tags → tags de l’article avec liens

Navigation entre articles

  • Previous Single Post Link → titre de l’article précédent avec lien (vide s’il n’y en a pas)
  • Next Single Post Link → titre de l’article suivant avec lien
  • Newer Posts Link → lien vers la page suivante d’articles sur la Post List
  • Older Posts Link → lien vers la page précédente d’articles

Commentaires

  • Comment Link → « Soyez le premier à commenter » ou « X commentaires » — devient un lien vers la section
  • Post Comments → affiche les commentaires existants
  • Comments Form → affiche le formulaire de dépôt de commentaire
  • Comment Count → affiche uniquement le nombre de commentaires

Recherche et sidebar

  • Search Bar → barre de recherche dans le blog
  • Sidebar 1 / 2 / 3 → contenu des sidebars WordPress (configuré dans WP → Apparence → Widgets)

Advanced Content Replace

Mélange texte fixe et champs dynamiques dans la même zone. Utilez pour des formats comme “Publié le 6 novembre 2023”. Formats de date courants : {post_date:F j, Y} → novembre 6, 2023 · {post_date:d/m/Y} → 06/11/2023 · {post_date:F, Y} → novembre 2023

WordPress Featured Image

Pour afficher l’image de couverture d’un article : sélectionnez une image sur votre canvas → cochez WordPress Featured Image dans l’onglet Image du panneau de droite.

<aside> ⚠️ ⚠️ Disponible uniquement sur les canvas types In Post Loop, Next Post Start et Posts View Lookup. Pas sur Static Content.

</aside>

Styles de texte WordPress ↔ Design Settings Showit

Quand vous utilisez les niveaux de titre dans WordPress, ces styles sont directement connectés à vosDesign Settings dans Showit :

  • WordPress Heading 1 → Showit Title
  • WordPress Heading 2 → Showit Heading
  • WordPress Heading 3 → Showit Subheading
  • WordPress Paragraph → Showit Paragraph

Pour H4, H5, H6 : non éditables depuis Showit sans CSS. Le plugin Showit Blog Stylist de Rise Plugins permet de les styliser sans toucher au code (plan Advanced Blog requis).

Ce que vous pouvez faire maintenant

  1. Vérifiez le WordPress Template assigné à chacune de tes pages blog — Post List (Default) est obligatoire et doit être publié
  2. Vérifiez le Canvas Type de chaque canvas — c’est le premier réglage à corriger si votre articles s’affichent mal
  3. Passez les canvases de contenu variable en Grow with Content — sur Desktop et Mobile séparément
  4. Assignez les placeholders sur tous les éléments de vos templates (titre, image, extrait, date, catégorie)
  5. Testez votre styles de texte en publiant un article test avec des H2 et H3 dans WordPress et vérifiez le rendu sur votre site live