Modifier le contenu, les pages et les médias
Accédez à une page de vitrine, mettez à jour le contenu ou les images visibles, et enregistrez le résultat.
Chemin d'accès : Espace de travail → sélectionnez un magasin → Vitrine → ouvrez la page de vitrine cible → Mode de conception → sélectionnez un élément
Ce que couvre ce guide
Ouvrez la page de vitrine exacte que vous souhaitez modifier, modifiez un élément de texte, de mise en page ou de média pris en charge, et vérifiez le résultat enregistré avant de publier.
Pourquoi et quand utiliser ce flux de travail
Utilisez ce flux de travail pour affiner les pages : corriger le texte, modifier la typographie, ajuster l'espacement, remplacer une photo, générer une image alternative ou supprimer un élément inutile. Cela maintient la clarté de la page cible et de l'élément sélectionné.
Pour les modifications du comportement de navigation, des données de produit, du paiement ou de plusieurs pages à la fois, envoyez une demande régulière à Runner au lieu de vous fier uniquement aux contrôles visuels.
Disponibilité et conditions préalables
- Utiliser le mode de conception explique comment ouvrir l'éditeur, l'exigence de mise en page de bureau et les cas où le contrôle est indisponible.
- Certains éléments générés ou dynamiques ne peuvent pas être modifiés en ligne. Runner affiche moins de contrôles pour ces éléments.
- La génération d'images par IA peut utiliser des crédits. Runner affiche l'avis applicable dans le panneau d'image avant de l'exécuter.
Ouvrir la page et l'éditeur
- Ouvrez votre projet et sélectionnez Vitrine.
- En aperçu normal, sélectionnez les liens de la vitrine pour accéder à la page souhaitée.
- Si vous connaissez l'itinéraire, sélectionnez le champ de chemin, entrez un chemin du même site tel que
/about, et appuyez sur Entrée. - Confirmez que la page correcte est visible.
- Sélectionnez Mode de conception, puis sélectionnez l'élément cible.
Contrôles de médias
Utiliser le mode de conception documente les contrôles partagés Demander à Runner AI, Espacement, Texte, Supprimer l'élément, Annuler, Rétablir et Enregistrer. Les contrôles ci-dessous apparaissent uniquement quand l'élément sélectionné prend en charge les médias.
| Contrôle | Ce qu'il change | Ce qui se passe quand vous l'utilisez |
|---|---|---|
| Image → Télécharger | Une image sélectionnée ou une image de fond prise en charge. | Sélectionnez Télécharger une image, choisissez un fichier image, et Runner remplace le média sélectionné après le succès du téléchargement. La limite actuelle affichée par le produit est de 5 Mo par image. |
| Image → Générée par IA | Une image de remplacement générée. | Entrez une invite et sélectionnez Exécuter. Après le premier résultat, Exécuter à nouveau demande un autre résultat et Historique ouvre les résultats de cette session d'édition. |
| Historique | Images générées de la session d'édition d'image actuelle. | Sélectionnez un élément pour l'inspecter. Restaurer cette version applique cette image et son invite ; l'icône de téléchargement télécharge un résultat individuel. |
Modifier une page en toute sécurité
- Enregistrez le chemin de la page actuelle pour pouvoir y revenir.
- Sélectionnez l'élément et vérifiez quels contrôles apparaissent. Les contrôles varient selon l'élément.
- Apportez une modification à la fois, puis utilisez Annuler, Rétablir ou l'Historique d'image pour comparer le résultat avant de sélectionner Enregistrer.
- Attendez que la sauvegarde choisie ou la demande Runner se termine.
- Fermez le mode de conception, rouvrez la page et examinez-la dans les mises en page PC, Tablette et Téléphone.
- Répétez pour la page suivante uniquement après que la première page soit correcte.
États, limites et dépannage
| Ce que vous voyez | Signification | Ce qu'il faut faire |
|---|---|---|
| Un élément sélectionné n'a que certains contrôles | Runner expose les contrôles pris en charge par cet élément. | Utilisez le contrôle disponible ou demandez à Runner en chat pour une modification plus large. |
| Téléchargement rejeté | Le fichier est manquant, n'est pas une image, dépasse la limite affichée ou le téléchargement a échoué. | Choisissez une autre image et réessayez. |
| Génération en cours… | Runner crée l'image demandée. | Gardez le panneau ouvert jusqu'à ce qu'il se termine ou signale une erreur. |
| Historique est absent | Aucune image générée par IA n'existe dans cette session d'édition. | Générez la première image ou téléchargez la vôtre à la place. |
| L'itinéraire ne s'ouvre pas | Le chemin est invalide, externe ou ne fait pas partie de l'aperçu. | Retournez à /, utilisez un lien de vitrine visible ou demandez à Runner de créer ou réparer la page. |
| La page enregistrée diffère sur mobile | La modification a affecté une mise en page réactive. | Rouvrez le mode de conception ou demandez à Runner une correction spécifique à l'appareil avant de publier. |
Guides connexes
Utiliser le mode de conception
Sélectionnez les éléments de vitrine et utilisez les contrôles d'édition visuelle de Runner en toute sécurité.
Inspecter et modifier le code de la vitrine
Ouvrez l'éditeur de code conditionnel de Runner, enregistrez une modification de fichier ciblée, examinez les modifications Git et évitez de perdre le travail non enregistré.