L'éditeur WYSIWYG (Ce que vous voyez est ce que vous obtenez) de Pixpa offre une interface puissante et intuitive pour ajouter et mettre en forme du contenu sur les pages, les blogs et autres sections de votre site web. Grâce à la dernière mise à jour, l'éditeur a été considérablement amélioré et propose désormais de nouveaux éléments de contenu, des outils d'écriture basés sur l'IA, des options de mise en page optimisées et des commandes de formatage interactives.

Ce guide vous présente l' interface de l'éditeur , comment utiliser ses fonctionnalités et comment optimiser le contenu de votre site web.

Dans cet article :

• Bouton Plus (+)
• Outils d'IA
• Format – Modifier le style de police
• Gras / Italique
• Ligne – Ajouter une ligne
• Plus d'options de formatage
• Alignement
• Couleur du texte
• Liste – Puces / Numérotée
• Lien – Ajouter des liens
• Image – Ajouter des images
• Emoji
• Tableau – Ajouter des tableaux
• Insérer la table des matières
• Présentatrice
• Affichage du code HTML
• Options spécifiques à la section

---

Ajout d'éléments à l'aide du bouton « + »

L'une des principales améliorations du nouvel éditeur est le bouton « + » , qui ouvre un menu proposant divers éléments de contenu pouvant être insérés dans la zone de texte.

Éléments disponibles sous le bouton « + » :

• Outils d'IA : Utilisez l’assistance à la rédaction basée sur l’IA pour générer des idées de contenu, réécrire du texte ou créer du contenu rapidement. Apprendre encore plus.
• Texte : Ajoutez un texte de paragraphe standard.
• Titre: Insérer différents niveaux de titre (H1, H2, H3, etc...) pour une meilleure hiérarchie du contenu.
• Image: Téléchargez et insérez des images directement dans le texte.
  • Vous pouvez télécharger des images ou insérer les images en saisissant une URL.
• Liste de choses à faire: Créer listes de contrôle avec des cases à cocher interactives.
• Liste: Ajouter points de balle or listes numérotées pour un contenu structuré.
• Intégrer: Insérer du contenu externe tel que vidéos, cartes, fichiers audio et iframes.
• Tableau: Ajoutez des tableaux pour une représentation structurée des données. Sous l'option « Tableau », vous trouverez les options supplémentaires suivantes :
  • Ajouter une tête – Insère une ligne d’en-tête en haut du tableau, qui peut être utilisée pour les titres de colonnes.
  • Ajouter une colonne avant – Ajoute une nouvelle colonne à gauche de la colonne sélectionnée.
  • Ajouter une colonne après – Ajoute une nouvelle colonne à droite de la colonne sélectionnée.
  • Ajouter une ligne ci-dessous – Insérer une nouvelle ligne sous la ligne sélectionnée.
  • Ajouter une ligne ci-dessus – Insérer une nouvelle ligne au-dessus de la ligne sélectionnée.
  • Retirer la tête – Supprime la ligne d’en-tête du tableau.
  • Supprimer la colonne – Supprime la colonne sélectionnée.
  • Supprimer la ligne – Supprime la ligne sélectionnée.
  • Supprimer le tableau – Supprime la table entière de l’éditeur.
• Quote: Surligner le texte comme un bloc devis pour mettre en valeur le texte. Cela crée un bloc de texte distinct, avec une ligne verticale à gauche, le séparant visuellement du reste du contenu pour mettre en valeur le texte cité.
• Extrait de code: Insérer et formater HTML, CSS, JavaScript ou autres langages de programmation dans le contenu.
• Ligne: Ajouter un diviseur horizontal pour séparer les sections de contenu.

• Mise en page : L’ option Mise en page vous permet d’organiser le contenu en blocs horizontaux répartis sur plusieurs sections. Vous bénéficiez ainsi d’une structuration flexible et d’une meilleure hiérarchie visuelle sur votre page web. Voici les principales fonctionnalités :

  • Dispositions à colonnes multiples: Choisissez entre une, deux, trois ou quatre colonnes pour organiser le contenu de différentes manières.
  • Ratios de répartition personnalisés:Sélectionnez des ratios prédéfinis tels que 60/40 ou 40/60 pour contrôler la largeur de chaque section.
  • Blocs imbriqués:Vous pouvez sélectionner un bloc et créer plusieurs blocs séparés à l'intérieur pour une meilleure organisation.
• Wrapper: Regroupez plusieurs éléments pour une meilleure organisation.
• Insérer la table des matières : Créez une table des matières basée sur les titres des documents pour faciliter la navigation. Elle est utile pour les blogs, les tutoriels et les longs articles, permettant aux lecteurs d'accéder rapidement aux sections.

Cette approche modulaire facilite la personnalisation de la mise en page et l'ajout efficace de différents éléments de contenu.

---

Outils d'IA

La fonctionnalité Outils IA de l'éditeur de texte Pixpa vous permet d'améliorer votre contenu grâce à l'assistance de l'IA. Voici les options disponibles :

• Reformuler – Modifiez le texte sélectionné tout en conservant le sens original. Cela permet d'améliorer la lisibilité ou de reformuler les phrases pour plus de clarté.
• Raccourcir – Condenser le texte sélectionné pour le rendre plus concis tout en conservant les informations clés.
• Allonger – Développez le texte sélectionné en ajoutant des détails pertinents pour le rendre plus descriptif et informatif.
• Simplifier – Réécrire le texte en utilisant un langage plus simple, le rendant plus facile à comprendre tout en préservant l’intention initiale.
• Grammaire correcte – Vérifiez et corrigez automatiquement les erreurs grammaticales dans le texte sélectionné, améliorant ainsi sa précision et sa lisibilité.
• Traduire – Traduisez le texte sélectionné dans une autre langue, vous permettant de créer du contenu multilingue sans effort.

Ces fonctionnalités basées sur l’IA contribuent à rationaliser la création de contenu, la rendant plus rapide et plus efficace.

---

Format - Changer le style de police

Vous pouvez utiliser différents styles de police sur votre site web (simultanément), qui seront spécifiés dans la section Design . Il s'agit d'un style de design courant utilisé sur l'ensemble du site.

Tous les styles de police sont définis dans la section « Design » . Vous pouvez également cliquer sur « Gérer les polices » , la dernière option du menu déroulant qui apparaît lorsque vous cliquez sur le bouton « Texte » . Vous pouvez alors visualiser et définir les polices suivantes, et modifier leur style, leur taille, leur couleur, leur graisse, leur interligne et l’espacement des lettres :

• Intitulé 1
• Intitulé 2
• Intitulé 3
• Intitulé 4
• Texte de paragraphe (petit et grand)
• Titre 1 Extra Large

Voici une capture d'écran du style Titre 1. Vous pouvez également modifier les autres polices de paragraphe des en-têtes ici.

Une fois que vous avez spécifié le style de police dans la section de conception, vous pouvez les utiliser efficacement sur tout le site Web. Sélectionnez simplement le texte et appliquez la mise en forme. Le système appliquera automatiquement la couleur, la taille et le poids des polices de ce style particulier au texte sélectionné. Vous pouvez consulter la même chose sur le site Web.

---

Gras/Italique

• Audace – Le texte en surbrillance deviendra gras lorsque vous cliquerez dessus. En HTML, cela utilise une balise.
• Italique – Le texte en surbrillance deviendra italique lorsque vous cliquerez dessus. En HTML, cela utilise la

---

Ligne – Ajouter une ligne

L'éditeur permet d'ajouter une ligne horizontale. Cliquer sur cette icône ajoutera une ligne à l'emplacement du curseur.

---

Plus d'options de formatage

Le menu « Mise en forme supplémentaire » de l'éditeur de texte Pixpa propose des options de style de texte supplémentaires pour améliorer l'apparence et la structure de votre contenu. Voici le fonctionnement de chaque option :

• Code – Formate le texte sélectionné sous forme de code en ligne ou d'extrait de code. Ceci est utile pour afficher du contenu de programmation ou technique.
• souligner – Ajoute un soulignement au texte sélectionné pour le mettre en valeur.
• Présentatrice – Ajoute une ancre nommée au texte sélectionné, vous permettant de créer des liens internes pointant directement vers cette section de la page. Utile pour créer une table des matières ou une navigation interne.
• superscript – Affiche le texte sélectionné légèrement au-dessus de la ligne de base du texte normal (par exemple, X²). Couramment utilisé pour les expressions mathématiques et les notes de bas de page.
• indice – Affiche le texte sélectionné légèrement en dessous de la ligne de base du texte normal (par exemple, H₂O). Utile pour les formules chimiques et autres notations spéciales.
• Mettre – Met en évidence le texte sélectionné avec une couleur d’arrière-plan pour attirer l’attention sur le contenu important.
• Supprimé – Barre le texte sélectionné pour indiquer une suppression ou des corrections.
• Effacer tous les styles – Supprime toute la mise en forme appliquée au texte sélectionné, en le restaurant au style par défaut.

---

Alignement

Vous pouvez aligner votre texte à gauche, à droite, au centre et justifié. Sélectionnez le texte et choisissez l'alignement dans la liste déroulante.

---

Couleur du texte

Par défaut, le système appliquera la couleur de police définie dans la section « Design » . Toutefois, vous pouvez modifier la couleur globale à l’aide de cet outil. Sélectionnez le texte et cliquez sur l’icône de couleur ; une palette de couleurs standard s’affichera.

En dehors de cela, vous pouvez également spécifier une couleur d'arrière-plan pour le texte sélectionné à partir d'ici.

Remarque : Vous pouvez spécifier toute autre couleur personnalisée qui n’est pas disponible dans la palette de couleurs à partir de l’option Définir la couleur en saisissant le code hexadécimal de la couleur.

---

Liste

Vous pouvez facilement convertir votre texte en listes avec des indentations pour les organiser.

• Liste à puces – Le texte en surbrillance sera formaté comme une liste à puces. En HTML, cela utilise un ensemble de et Mots clés.
• Liste numérotée – Le texte en surbrillance sera formaté comme une liste numérotée. En HTML, cela utilise un ensemble de et Mots clés.

---

Lien – Ajoutez un lien à votre texte

L'éditeur vous permet d'insérer un lien vers n'importe quel texte. Vous pouvez connecter les pages de votre site Web existant ou tout autre site Web/blog/PDF, etc.

Mettre le texte en surbrillance et cliquer sur ce bouton ouvrira une petite fenêtre modale dans laquelle vous pourrez entrer l'URL de destination, choisir d'ouvrir ou non dans une nouvelle fenêtre ou choisir de créer un lien vers une autre page de leur propre site. En HTML, la balise utilisée est Link Text

---

Image – Ajouter une image

Vous pouvez facilement ajouter des images à votre contenu grâce à l'option « Ajouter une image » de l'éditeur de texte Pixpa. Que vous souhaitiez télécharger des images depuis votre appareil ou les insérer via une URL, cette fonctionnalité vous permet d'enrichir vos publications avec des visuels.

• Insérer une image via une URL – Vous pouvez coller l’URL d’une image et cliquer sur le bouton Insérer pour l’ajouter directement à la page.
• Télécharger une image depuis l'appareil – Vous pouvez faire glisser et déposer une image dans la zone de téléchargement désignée ou cliquer à l’intérieur de la zone pour sélectionner une image sur votre appareil.

---

Emoji

L'option Emoji de l'éditeur de texte Pixpa vous permet d'enrichir votre contenu avec une variété d'émojis. Ils peuvent être utilisés pour rendre votre contenu plus expressif, mettre en valeur ou transmettre des émotions de manière ludique et créative.

---

lampe de table

L'option Tableau vous permet d'insérer des tableaux directement dans l'éditeur de texte. Une fois ajoutés, vous pouvez personnaliser la structure et le contenu du tableau grâce à plusieurs options de formatage.

Options d'édition du tableau :

• Ajouter une tête – Ajoute une ligne d’en-tête en haut du tableau pour mettre en évidence les titres des colonnes.
• Ajouter une colonne avant – Insère une nouvelle colonne à gauche de la colonne sélectionnée.
• Ajouter une colonne après – Insère une nouvelle colonne à droite de la colonne sélectionnée.
• Ajouter une ligne ci-dessous – Insère une nouvelle ligne sous la ligne sélectionnée.
• Ajouter une ligne au-dessus – Insère une nouvelle ligne au-dessus de la ligne sélectionnée.
• Supprimer la tête – Supprime l’en-tête du tableau s’il en a été ajouté un.
• Supprimer la colonne – Supprime la colonne sélectionnée du tableau.
• Supprimer la ligne – Supprime la ligne sélectionnée du tableau.
• Supprimer la table – Supprime complètement le tableau de l’éditeur.

---

Insérer la table des matières

Créez une table des matières basée sur les titres des documents pour faciliter la navigation. Elle est utile pour les blogs, les tutoriels et les longs articles, permettant aux lecteurs d'accéder rapidement aux sections.

---

Présentatrice

L' outil Ancre vous permet d'ajouter un identifiant HTML unique à une section ou un paragraphe de votre article. Ceci est utile pour créer des liens internes (liens de navigation), permettant aux visiteurs de cliquer sur un lien et d'être redirigés directement vers une partie spécifique de la page.

Comment l'utiliser:

1. Cliquez n’importe où dans le paragraphe ou la section que vous souhaitez ancrer.
2. Dans la barre d’outils, cliquez sur le bouton Icône d'ancre.
3. Une fenêtre contextuelle intitulée "Ancre".
4. Dans l' « Ajouter ou modifier l'identifiant » champ, saisissez un identifiant unique (par exemple, paragraph-2).
5. Cliquez à nouveau Enregistrer.

Notes importantes:

• L'ID doit être minuscule, contenir sans espaces, et utilise tirets si besoin.
• Une fois défini, vous pouvez créer un lien vers cette ancre en utilisant #your-id à la fin de votre URL.
  • Exemple : https://yourwebsite.com/page#paragraph-2

Cette fonctionnalité est idéale pour les longs articles ou publications avec une table des matières, permettant aux lecteurs de naviguer rapidement vers des sections spécifiques.

---

Affichage du code HTML

La fenêtre de l'éditeur peut fonctionner comme un éditeur visuel (WYSIWYG) ou comme un éditeur HTML.

Cependant, vous pouvez passer à l'éditeur HTML en cliquant dessus. Vous pouvez modifier n'importe quoi à partir de la vue du code si vous savez comment le faire ou vous pouvez également envoyer un ping à l'équipe d'assistance de Pixpa si vous avez besoin d'aide.

---

Options spécifiques à la section

Chaque section ajoutée à l'éditeur de texte propose des options de personnalisation supplémentaires, vous permettant de modifier son apparence et ses fonctionnalités. Vous pouvez accéder à ces paramètres en cliquant sur les deux lignes horizontales à côté de la section, ce qui ouvre un menu déroulant proposant diverses options.

• Ajouter – Insérez un nouveau bloc de contenu sous le bloc actuel pour ajouter rapidement plus de texte, d’images ou d’autres éléments.
• Format – Vous permet de basculer entre différents styles de blocs de texte tels que le paragraphe, le titre ou la citation.

• Présentatrice – Ajoute un ID d’ancrage au bloc afin que vous puissiez créer des liens dans la page qui accèdent directement à cette section.
• Monter / Descendre – Réorganisez la position de la section dans votre contenu en la déplaçant vers le haut ou vers le bas.
• Couleur – Modifiez la couleur du texte du bloc sélectionné.
• Couleur de fond – Définissez une couleur d’arrière-plan derrière le texte dans le bloc pour l’accentuer ou le contraster.
• Frontière – Ajoutez ou modifiez les bordures autour de la section pour structurer votre contenu plus efficacement.

• espacement – Ajuste le remplissage autour du bloc, y compris le haut, le bas et les côtés, vous permettant de contrôler l'espacement et la disposition plus précisément.

• Dupliquer – Clonez la section pour maintenir la cohérence du formatage et de la structure dans les différentes parties de votre contenu.
• Supprimer – Supprimez entièrement la section si elle n’est plus nécessaire.

Ces paramètres vous permettent de contrôler entièrement la structure du contenu, garantissant une mise en page bien organisée et visuellement attrayante.

---

Conclusion

L' éditeur WYSIWYG de Pixpa offre une expérience d'édition de contenu moderne, intuitive et riche en fonctionnalités . Grâce à ses éléments de contenu améliorés, ses outils d'IA, l'intégration de médias et la mise en forme structurée , créer des pages et des articles de blog attrayants est désormais plus efficace que jamais.

En utilisant ces fonctionnalités, vous pouvez améliorer votre contenu , accroître l'engagement des utilisateurs et créer une expérience de navigation fluide.