Ajouter un blog que vous pouvez publier vous-même

Ajouter un blog public ainsi qu'un espace réservé aux administrateurs pour rédiger, prévisualiser, publier et mettre à jour des articles sans l'aide du développeur.

Durée: ~45 minutes Difficulté: Intermediate Fonctionne avec: Base44 / Lovable / v0

Quand l'utiliser

Lorsqu'un site existant a besoin d'articles utiles et que le propriétaire souhaite rédiger, prévisualiser, publier et mettre à jour ses articles sans solliciter le développeur à chaque fois.

Avant de commencer

  • Un site fonctionnel avec un en-tête, un pied de page et une conception mobile cohérents.
  • Une connexion sécurisée pour le propriétaire ou l'éditeur. Les visiteurs publics ne doivent pas pouvoir ouvrir l'écran de publication.
  • Un article exemple réel avec un titre, un résumé, un corps de texte, un auteur et une date de publication.
  • Une courte liste de catégories basée sur des sujets sur lesquels vous allez réellement écrire.
  • Une image mise en avant réelle ou un espace réservé clairement identifié. Ne générez pas de faux travaux de portfolio, produits, nourriture, personnes, propriétés, événements ou résultats.

Le prompt

Ces prompts fonctionnent mieux en anglais — collez-les tels quels, même sur les pages traduites.

Add a working blog to this existing site. I need a public blog that visitors can read and an admin-only publishing area that lets [OWNER OR EDITOR ROLE] create, preview, publish, update and unpublish posts without changing the rest of the site.

Each post should include a title, short summary, article body, author, publish date, optional updated date, category, optional real featured image, image description for people who cannot see it, and status of Draft or Published. Give every post a short readable page address based on its title, but let the editor review that address before first publication.

Draft posts must be visible only to authorized editors, including when someone guesses or types the page address directly. Published posts should be public. Unpublishing a post should remove it from public lists without deleting the draft or its images.

Create a public Blog page that shows published posts newest first with title, summary, date, category and featured image when one exists. Add category filters and [SEARCH / NO SEARCH]. When the list becomes long, use [LOAD MORE / PAGE CONTROLS] instead of loading every post at once.

Create a post page that matches the site's current header, footer, colors, fonts, width and mobile layout. Keep paragraphs comfortable to read, show the author and dates clearly, and include [PRIMARY CALL TO ACTION] after the article without interrupting the reading experience.

In the publishing area, use persistent labels, clear Save draft, Preview and Publish actions, and a warning before unpublishing or deleting. Clean pasted content so hidden page instructions cannot run inside an article. Only [OWNER OR EDITOR ROLE] may create, change, publish or delete posts.

Give each published post a unique browser title and search description, a social sharing title and image, and the extra page information that helps search engines recognize an article. Add published posts to the site's public page list for search engines. Do not include drafts, and do not promise search rankings.

Use my real sample article [PASTE OR NAME SAMPLE ARTICLE] to test the complete flow from draft to preview to published post. Do not invent quotations, statistics, customer stories or images. The blog should feel [BRAND ADJECTIVES] and remain part of the existing site.

Finish by showing me how to publish the next post, what a visitor sees, and which content details still need my review.

Vous construisez déjà ? Collez ceci dans votre projet. Vous partez de zéro ? Ouvrez un compte gratuit sur un outil compatible ci-dessous.

Créez-le sur

Comment nous gagnons de l’argent

Ce que cela crée

  • Un index de blog public avec des catégories et une navigation gérable
  • Des pages d'articles individuelles correspondant au site existant
  • Un flux de travail réservé aux administrateurs pour le brouillon, la prévisualisation, la publication et le dépublication
  • Des informations de recherche et de partage social pour chaque article publié
  • Une gestion sécurisée du contenu d'article copié-collé et des images réelles
  • Un article exemple complet prouvant le flux de publication

Vérifiez que ça a marché

Collez le prompt, attendez la fin de la construction, puis vérifiez ceci — en langage simple, sans contrôle technique :

  • Un visiteur déconnecté peut voir la page Blog et ouvrir l'article exemple publié
  • Le même visiteur ne peut pas ouvrir la prévisualisation du brouillon ni la zone de publication
  • En tant qu'éditeur autorisé, vous pouvez enregistrer un brouillon, le prévisualiser et le publier sans demander au développeur
  • La mise à jour de l'article exemple modifie la publication publique tout en préservant son adresse URL
  • Le retrait de la publication supprime l'article de la vue publique sans supprimer votre brouillon
  • L'article est agréable à lire sur votre téléphone et sa prévisualisation de partage utilise le bon titre et la bonne image
  • La recherche ou le filtrage du blog public ne révèle jamais un brouillon

Il manque quelque chose ? C'est normal — demandez-le dans un court message de suivi plutôt que de relancer tout le prompt.

Étapes suivantes

Programmer une publication

Lorsque le flux de base de brouillon et de publication fonctionne de manière fiable

Add optional scheduled publishing to the blog. An authorized editor chooses [DATE, TIME AND TIME ZONE], sees that time clearly in the preview, and can cancel or change it before publication. Do not publish a draft with missing [REQUIRED POST DETAILS].

Vous saurez que ça a marché quand : Une publication de test reste privée avant l'heure choisie, devient publique ensuite et enregistre l'heure de publication correcte.

Ajouter des articles réellement connexes

Après l'existence de plusieurs articles publiés

At the end of each published article, show up to [NUMBER] related published posts based on [SHARED CATEGORY / EDITOR SELECTION]. Never show the current post, drafts or unrelated filler. Keep the existing call to action and mobile layout.

Vous saurez que ça a marché quand : Chaque article de test affiche des articles différents utiles, et aucun brouillon n'apparaît.

Inviter les lecteurs à s'abonner

Lorsqu'un service d'e-mail et le libellé de consentement sont prêts

Add a simple blog subscription form asking only for [FIELDS]. Explain what subscribers will receive and how often [FREQUENCY]. Save consent, send a confirmation through [EMAIL SERVICE], and provide an unsubscribe link. Do not send past articles automatically.

Vous saurez que ça a marché quand : Un abonné de test reçoit une confirmation, apparaît dans la liste des abonnés et peut se désabonner avec succès.

Attention à

  • Un blog rempli d'articles générés superficiels affaiblit la confiance. Publiez uniquement du contenu avec une réelle expertise, des exemples et une révision. N'inventez jamais de faits, de citations, de résultats ou d'histoires de clients.
  • La confidentialité des brouillons doit être réelle. Masquer les brouillons de la liste du blog ne suffit pas ; un visiteur déconnecté doit également être bloqué de l'accès direct à l'adresse du brouillon.
  • Modifier l'adresse d'une page publiée brise les liens. Laissez les éditeurs le vérifier avant publication et gardez-le stable lorsque le titre change.
  • Un écran d'administration est une limite de sécurité. Protégez les actions d'enregistrement, de publication et de suppression, pas seulement le lien vers l'écran.
  • Une image mise en avant générée peut dénaturer un travail réel. Utilisez de véritables images possédées ou un espace réservé neutre clairement étiqueté, en particulier pour les portfolios, les produits, la nourriture, les propriétés et les allégations avant/après.
  • Publier du contenu et publier l'ensemble de l'application sont deux choses différentes. Construisez le blog de manière à ce que les éditeurs autorisés puissent publier des articles depuis la zone d'administration ; sinon, chaque article peut nécessiter une mise à jour complète du site.

Notes par plateforme

<ul><li><strong>Base44 :</strong> Le stockage et les autorisations intégrés de Base44 conviennent à un blog avec une lecture publique et une édition privée. Rendez la liste des articles publique, mais limitez la création, l'édition, la publication et la suppression au rôle approuvé.</li><li><strong>Lovable :</strong> Lovable peut stocker le contenu du blog dans Lovable Cloud ou un service de données connecté. Si vous utilisez déjà WordPress.com, son connecteur peut y centraliser le travail éditorial ; sinon, construisez l'éditeur intégré plus simple et vérifiez les règles d'accès aux brouillons.</li><li><strong>v0 :</strong> v0 peut créer des blogs et des interfaces de contenu complètes, mais un outil de publication administratif réutilisable nécessite un magasin de contenu ou un service de gestion de contenu connecté. Un blog créé uniquement à partir de fichiers de projet peut nécessiter un nouveau déploiement pour chaque article.</li></ul>

Dépensez moins de crédits

Chaque plateforme vous facture le travail que fait son IA — la habitude la moins chère est donc de réfléchir avant de construire. Ces six règles éliminent l'essentiel du gaspillage, quelle que soit la plateforme.

  1. Planifiez d'abord dans un chat gratuit. Esquissez le tout dans ChatGPT, Claude ou Gemini — pages, fonctionnalités, ce que chaque formulaire collecte, l'apparence voulue. Réfléchir là-bas est gratuit ; réfléchir dans un builder est facturé.
  2. Partez d'un prompt écrit, pas d'une phrase. « Fais-moi un site » est la phrase la plus chère de la construction avec l'IA. Un premier prompt complet — comme ceux de ce site — évite des dizaines de corrections.
  3. Ne soyez pas paresseux sur les détails. Chaque détail omis revient en correction payante. Nom de l'entreprise, couleurs, chaque page, chaque champ de formulaire, ce qui se passe après l'envoi — mettez tout dans le premier prompt.
  4. Ensuite, un changement par message. « Corrige l'en-tête, et le formulaire, et les couleurs » crée un enchevêtrement plus coûteux à démêler que ce qu'il a économisé.
  5. Bloqué ? Arrêtez de rustiner. Si la même correction échoue environ trois fois, n'en envoyez pas une quatrième — décrivez plutôt l'état final souhaité de toute la section dans un nouveau message.
  6. Commencez gratuitement. Passez au payant quand il vous en faut plus. Utilisez le quota gratuit pour créer et explorer votre première version. Passez au payant quand vous avez besoin de plus d’utilisation ou de fonctionnalités payantes, et vérifiez le coût des services connectés avant le lancement.

Les prompts de cette page sont écrits pour faire l'essentiel de ce travail à votre place — c'est tout leur intérêt.

Lire le guide complet

Dernière vérification: 2026-07-27

FAQ

Nous utilisons des cookies pour analyser le trafic et suivre les clics d'affiliation. En continuant, vous acceptez notre Politique de Confidentialité.