Éditeur Ghost 2026 : Cards, Markdown, Snippets et Raccourcis Clavier

L'éditeur de Ghost, appelé Koenig, est l'outil central pour créer du contenu sur votre site. Conçu pour les débutants comme pour les équipes de startups ou de PME, il combine simplicité et puissance. Vous tapez du texte comme dans un document standard, mais avec des options pour ajouter des éléments dynamiques sans quitter l'interface. Cet article vous guide pas à pas pour maîtriser ses fonctionnalités essentielles : les cards, le Markdown, les snippets et les raccourcis clavier. Nous aborderons aussi l'injection de code pour personnaliser les styles. Tout est basé sur les dernières mises à jour de Ghost en 2025.

Introduction à l'Éditeur Koenig

Koenig est un éditeur visuel qui rend la rédaction fluide. Il évite les interruptions inutiles et intègre des outils pour enrichir votre contenu rapidement. Que vous prépariez un article de blog, une page statique ou une newsletter, l'éditeur s'adapte à votre flux de travail.

Pour commencer :

  1. Connectez-vous à votre admin Ghost.
  2. Cliquez sur "Nouveau post" ou "Nouvelle page".
  3. L'éditeur s'ouvre avec une zone de saisie vide et une barre d'outils contextuelle en haut.

La barre d'outils apparaît quand vous sélectionnez du texte. Elle propose des formats basiques : gras (Ctrl/Cmd + B), italique (Ctrl/Cmd + I), barré (Ctrl + Alt + U), liens (Ctrl/Cmd + K), et listes (Ctrl + L pour non ordonnée, Ctrl/Cmd + Alt + L pour ordonnée). Vous pouvez aussi ajouter des emojis en tapant ":" suivi du nom (ex. : ":smile" pour 😊).

L'éditeur gère les images natives avec un outil d'édition intégré (Pintura). Une fois une image uploadée, cliquez sur l'icône crayon pour ajuster la luminosité, le contraste, ou ajouter des annotations comme des flèches ou des surlignages. Cela simplifie la préparation de visuels sans logiciel externe.

Pour les liens internes, Ghost facilite les connexions vers vos propres contenus. Sélectionnez du texte, appuyez sur Ctrl/Cmd + K, et cherchez parmi vos posts, pages, tags ou auteurs. Ou tapez "@" en cours de rédaction pour insérer un lien directement. Pour un lien plus visuel, utilisez une card Bookmark (détaillée plus bas).

Ces bases rendent Koenig accessible dès le premier essai. Passons aux cards, qui transforment un texte plat en contenu engageant.

Les Cards : Ajoutez du Dynamisme à Vos Contenus

Les cards sont des blocs modulaires qui intègrent médias, interactivité et structures avancées. Elles s'insèrent via le bouton "+" ou en tapant "/" sur une nouvelle ligne, suivi du nom de la card (ex. : "/image"). Vous pouvez les réorganiser par glisser-déposer. Ghost optimise automatiquement les fichiers (jusqu'à 1 Go selon votre plan Ghost(Pro)), avec compression lossless pour les images et formats responsives.

Voici les principales cards, avec des exemples pratiques pour un blog de startup :

Images et Galeries

  • Insertion : Glissez un fichier, collez depuis le presse-papiers, ou uploadez via "/image". Formats supportés : JPEG, PNG, GIF, WEBP.
  • Fonctionnalités : Ajoutez une légende et un texte alt pour l'accessibilité. L'image s'adapte à la largeur du contenu. Pour une galerie, sélectionnez jusqu'à 9 images ; elles s'affichent en grille responsive.
  • Exemple : Dans un post sur vos produits, uploadez une galerie de prototypes. Ajoutez des légendes comme "Version beta du dashboard".
  • Astuce : Éditez l'image directement pour recadrer ou annoter, idéal pour highlighter des features sans Photoshop.

Markdown et HTML

  • Markdown Card : Tapez "/markdown" pour un bloc où le Markdown est préservé (utile pour les footnotes). Le reste de l'éditeur parse le Markdown en direct.
  • HTML Card : "/html" pour coller du code personnalisé, comme un formulaire ou un bouton stylé. Contrôlez la visibilité (public, membres gratuits, payants) via l'icône œil.
  • Exemple : Intégrez un formulaire d'inscription Stripe via HTML pour une landing page.
  • Astuce : Utilisez HTML pour des intégrations tierces, mais testez la responsivité.

Diviseurs et Organisation

  • Divider : Tapez "---" ou "/divider" pour une ligne de séparation.
  • Exemple : Séparez l'intro d'une section "Témoignages" dans un case study.
  • Astuce : Combine avec les headers (ci-dessous) pour une structure claire.

Bookmarks et Embeds

  • Bookmark : "/bookmark" suivi d'une URL. Affiche un aperçu avec titre et description.
  • Embeds : Collez une URL (YouTube, Spotify) sur une nouvelle ligne ; elle se transforme en player intégré.
  • Exemple : Liez un article externe sur les tendances startup via un bookmark.
  • Astuce : Pour les vidéos, uploadez directement via "/video" (MP4, WebM ; loop possible, thumbnail custom).

Contenu Interactif et Membres

  • Toggle : "/toggle" pour un accordéon collapsible. Ajoutez un en-tête et du contenu caché.
  • Exemple : Créez une FAQ : "Comment scaler avec Ghost ?" avec réponse expandable.
  • Call to Action (CTA) : "/cta" pour un bloc promotionnel avec image, bouton et ciblage (newsletters, site, ou les deux).
  • Exemple : "Rejoignez notre newsletter" avec un bouton vers le signup.
  • Signup : "/signup" pour un formulaire d'inscription customisable (couleurs, layout, tracking par source comme "Twitter").
  • Public Preview : "/preview" pour teaser du contenu payant aux non-membres.
  • Email Content : "/email" pour personnaliser les newsletters avec placeholders comme {first_name}.

Médias Avancés

  • Audio : "/audio" pour podcasts (MP3, WAV ; player avec vitesse de lecture).
  • Video : "/video" pour clips (jusqu'à 1 Go ; largeurs variables).
  • File : "/file" pour downloads (n'importe quel format ; renommez avec caption).
  • Exemple : Offrez un ebook gratuit via "/file" dans un post pour leads.
  • GIF : "/gif" avec recherche intégrée pour des animations engageantes.

Autres Cards Utiles

  • Button : "/button" pour un CTA simple (texte, URL, alignement).
  • Callout : "/callout" pour highlighter du texte avec emoji et fond coloré.
  • Product : "/product" pour recommandations affiliées (image, prix, rating).
  • Header : "/header" pour des sections visuelles full-width avec CTA, parfait pour les landing pages.

Ces cards rendent vos posts plus interactifs, augmentant le temps de lecture pour les startups qui monétisent via memberships.

Markdown Étendu : Formatez Sans Effort

Ghost supporte le Markdown nativement, parsé en temps réel dans l'éditeur. C'est idéal pour les rédacteurs habitués à des outils comme Obsidian ou Notion. Tapez directement, et le visuel s'ajuste.

Syntaxe Supportée

Voici les bases, avec raccourcis :

Résultat Syntaxe Markdown Raccourci
Gras texte Ctrl/Cmd + B
Italique texte Ctrl/Cmd + I
Barré texte Ctrl + Alt + U
Exposant exposant -
Indice indice -
Lien titre Ctrl/Cmd + K
Code inline code Ctrl/Cmd + Shift + K
Image alt Ctrl/Cmd + Shift + I
Liste non ord. * item Ctrl + L
Liste ord. 1. item Ctrl/Cmd + Alt + L
Citation > quote Ctrl + Q
Surlignage surligné -
H1 # Titre -
H2 ## Titre Ctrl/Cmd + H
H3 ### Titre Ctrl/Cmd + H x2

Pour des footnotes, utilisez la Markdown Card : ajoutez-les avec [^1], et elles s'affichent en bas du post.

Intégration et Astuces

Le Markdown coexiste avec les cards : un embed YouTube via syntaxe se transforme en card. Limites : pas de tables natives (utilisez HTML pour cela). Pour basculer : l'éditeur est hybride ; restez en visuel pour les cards, passez en Markdown Card pour du code pur.

Exemple pour un post startup :

## Pourquoi Ghost pour les PME ?

* Facile à installer
* Intègre les paiements

> "Ghost a boosté nos newsletters." - CEO StartupX

Cela parse en headings, liste et blockquote. Utilisez-le pour des drafts rapides.

Snippets : Réutilisez Votre Contenu

Les snippets sont des blocs réutilisables (texte ou cards) pour gagner du temps. Parfaits pour les PME avec des templates récurrents comme des disclaimers ou des CTAs.

Création et Sauvegarde

  1. Sélectionnez le contenu (ex. : un paragraphe avec image).
  2. Cliquez sur l'icône snippet dans la barre d'outils.
  3. Nommez-le (ex. : "Footer Newsletter") et sauvegardez – c'est automatique.

Utilisation

  • Tapez "/nom-du-snippet" sur une nouvelle ligne.
  • Ou ouvrez le menu "+" et cherchez dans "Snippets".

Gestion

  • Éditez : Tapez le nom, sélectionnez "Remplacer existant".
  • Supprimez : Ouvrez le menu, survolez et cliquez sur la corbeille.

Exemple : Créez un snippet pour un "Prix du Mois" avec card Product. Réutilisez-le mensuellement. Cela booste la productivité pour les équipes.

Raccourcis Clavier : Accélérez Votre Flux

Les raccourcis rendent l'édition plus rapide. Voici les principaux, regroupés :

Formatage de Texte

  • Gras : Ctrl/Cmd + B
  • Italique : Ctrl/Cmd + I
  • Lien : Ctrl/Cmd + K
  • Citation : Ctrl + Q
  • Liste non ord. : Ctrl + L
  • Liste ord. : Ctrl/Cmd + Alt + L
  • Code inline : Ctrl/Cmd + Shift + K
  • Image : Ctrl/Cmd + Shift + I

Headings et Navigation

  • H2 : Ctrl/Cmd + H
  • H3 : Ctrl/Cmd + H (deux fois)
  • Emoji : :
  • Nouvelle ligne (sans paragraphe) : Shift + Enter
  • Indentation : Tab (augmenter), Shift + Tab (diminuer)

Cards et Outils

  • Insérer card : /
  • Snippet : Icône toolbar ou /
  • Undo : Ctrl/Cmd + Z
  • Redo : Ctrl/Cmd + Shift + Z

Pour voir tous les raccourcis : Ouvrez un post, cliquez sur "?" en bas à droite. Pas de personnalisation native, mais ils couvrent 80 % des actions courantes.

Injection de Code pour Styles Personnalisés

Pour ajouter du CSS ou JS sans toucher au thème, utilisez l'injection de code. Accédez via Paramètres > Avancé > Injection de Code.

Site-Wide vs Post-Spécifique

  • Site-Wide : Header (dans ) pour fonts ou meta ; Footer (avant ) pour scripts.
  • Post-Spécifique : Dans les settings du post, pour du CSS ciblé.

Exemples

RTL pour langues arabes :

<style>
body { direction: rtl; }
</style>

Masquer le footer :

<style>
.gh-footer-copyright { display: none; }
</style>

Agrandir le logo :

<style>
.gh-navigation-logo img { max-height: 40px; }
</style>

Bonnes Pratiques

Appliquez site-wide pour du global, post-spécifique pour du test. Évitez les scripts lourds pour ne pas ralentir le site. Testez sur mobile. Pour la sécurité, n'injectez que du code de confiance.

Conseils pour Débutants en Startup ou PME

Commencez par des posts simples : texte + 2-3 cards (image, bookmark). Utilisez snippets pour vos bios d'équipe. Les raccourcis s'apprennent en 10 minutes. Pour les newsletters, testez les previews. Intégrez Markdown pour des drafts collaboratives.

En résumé, Koenig simplifie la création de contenu pro. Avec ces outils, publiez plus vite et engagez mieux votre audience. Prêt à tester ? Créez un post maintenant.

(Environ 1450 mots. Sources : Documentation officielle Ghost, consultée novembre 2025.)