L'éditeur de texte de page

Nos Pages vous permet de créer n'importe quel type de page basée sur des informations en utilisant plus de 100 blocs de contenu avec le générateur de page par glisser-déposer facile de Pixpa.

Vous pouvez organiser, modifiez et personnalisez ces blocs de contenu pour créer des pages uniques pour afficher votre contenu.
Vérifiez également: Comprendre les sections et les extraits.

Dans le constructeur de page, vous pouvez facilement ajouter les sections et glisser-déposer snippets de la barre latérale gauche sur la zone de canevas de la page.

Après avoir placé une section sur votre page, vous pouvez y modifier des éléments d'extraits individuels (texte, images, boutons).

Déplacez simplement votre curseur sur la zone de canevas de la page, tous les extraits individuels seront mis en surbrillance au survol de la souris. Ensuite, cliquez sur n'importe quel extrait pour le modifier.

Découvrez comment modifier le contenu en action : 

Voici ce que vous pouvez faire dans la zone de canevas de la page : 

1. Séquencer les extraits.
2. Dupliquer les extraits.
3. Supprimer un extrait spécifique.
4. Annuler les modifications récentes.
5. Appliquez gras/italique/souligné et autre mise en forme au texte.
6. Modifiez la couleur du texte et la couleur d'arrière-plan de l'extrait de code.
7. Appliquez la mise en forme du texte ou modifiez le style de police.
8. Changez le texte alignement.
9. Créez des listes ordonnées et non ordonnées.
10. Appliquer un lien hypertexte au texte.
11. Ajoutez un symbole.
12. Supprimez la mise en forme du pré-texte.
13. Modifier le HTML d'une page entière.

Boîte à outils d'extrait de code et barre d'outils d'édition

En cliquant sur n'importe quel extrait, vous verrez le Boîte à outils d'extrait de code de l'extrait individuel sur le côté droit et le Barre d'outils d'édition au sommet.

Il y a 4 options dans la barre d'outils des extraits : 

• Faites glisser ( ✥ ) – Utilisé pour séquencer les extraits par glisser-déposer.
• Dupliquer – Utilisé pour dupliquer l'extrait.
• Outils d'élément - Utilisé pour afficher l'ajout d'un nouvel extrait, dupliquer un extrait, déplacer l'extrait vers le haut/bas et supprimer l'option d'un extrait individuel.
• Supprimer – Utilisé pour supprimer l'extrait.

1. Séquençage des extraits

• Vous pouvez séquencer votre extrait par glisser-déposer. Tenez simplement le glisser et faites glisser l'extrait de code sur tous les blocs d'une page et déposez-le à l'emplacement souhaité.

Voir les extraits de séquençage en action :

2. Dupliquez votre extrait

• Vous pouvez dupliquer n'importe quel extrait de code existant en cliquant sur l'icône de duplication.

Découvrez la duplication d'extraits en action :

3. Supprimez votre extrait

• Vous pouvez supprimer n'importe quel extrait de votre page en cliquant sur l'icône de suppression.

Voir la suppression d'extraits de code en action :

4. Annuler les modifications récentes

• Vous pouvez annuler les récentes modifications textuelles en appuyant sur Ctrl (fenêtres) ou ⌘ (Mac) + Z 

5. Gras / Italique / Souligné / Barré, etc.

• Vous pouvez facilement modifier le texte de votre extrait en cliquant dessus. Sélectionnez simplement le texte et cliquez sur l'icône de la barre d'outils d'édition pour Gras, Italique, Souligné respectivement.

Voir en action :

6. Couleur du texte/arrière-plan du texte et couleur d'arrière-plan de la section

Vous pouvez sélectionner une couleur pour le texte et l'arrière-plan du texte de deux manières :

1. Gamme
2. Couleur personnalisée

Gamme

Dans cet onglet, les options de couleurs disponibles refléteront celles de la palette de couleurs choisie dans la Rubrique Conception.

Ils seront automatiquement récupérés et mis à jour chaque fois que vous apporterez des modifications à la palette de couleurs de votre site Web. Apprendre encore plus à propos des palettes de couleurs.

Couleur personnalisée

Ici, vous trouverez un sélecteur de couleurs dans lequel vous pourrez sélectionner une couleur et choisir parmi les différentes nuances disponibles.

De plus, vous pouvez saisir un code de couleur hexadécimal et également affiner l'opacité de la couleur.

Suivez les étapes mentionnées ci-dessous pour sélectionner une couleur pour le texte et l'arrière-plan du texte :

• Cliquez sur un extrait particulier, sélectionnez le texte et cliquez sur le Couleur (1) icône. Vous verrez une fenêtre contextuelle dans laquelle vous pourrez choisir de sélectionner une couleur Options de couleur de la palette ou Couleur personnalisée (2).
• Choisissez un Couleur du texte ainsi que Couleur de remplissage (3) c'est-à-dire la couleur d'arrière-plan du texte.
• Ajuste le Opacité (4) de la couleur à l'aide du curseur.
• Vous pouvez également utiliser la saisie d'un code couleur hexadécimal (5) et l'appliquer au texte/arrière-plan du texte.
• Enfin, Épargnez (6) les changements.

• La SCouleur d'arrière-plan de l'article (7) peut être modifié à partir du Style de couleur option.

• Vous pouvez également modifier ou supprimer la couleur/le style appliqué. Sélectionnez simplement le texte et cliquez sur le Icône propre (8) pour supprimer le jeu de couleurs existant.
• Épargnez (9) les changements.

Voir en action :

7. Style de police du texte

• Vous pouvez utiliser quatre types différents de styles de police sur vos pages (à la fois) qui seraient spécifiés dans le Rubrique Conception. Il s'agit d'un style de conception commun utilisé sur toutes les pages.
  • En-tête 1 Style → Police du titre et style → étiqueter
  • En-tête 2 Style → Police de titre et style → étiqueter
  • En-tête 3 Style → Police des sous-titres et style → étiqueter
  • En-tête 4 Style → Sous-titre / Police des signatures et style → étiqueter
  • Texte du paragraphe Style → Police de paragraphe et style → étiqueter

• Une fois que vous avez spécifié le style de police dans le Conception section, vous pouvez les utiliser efficacement sur toute la page. Sélectionnez simplement le texte et appliquez la mise en forme dans l'éditeur de page.
  Vérifiez également: Style de texte du site Web.
• Le système appliquera automatiquement la police, la couleur, la taille et le poids de ce style de police particulier au texte sélectionné. Vous pouvez revoir la même chose sur le site en direct et l'éditeur.

Voir en action :

8. Alignement du texte

• Vous pouvez gérer l'alignement de votre extrait de texte - Gauche / Centre / Droite et justifier en cliquant sur l'icône d'alignement dans la barre d'outils d'édition.

Voir en action :

9. Liste - Ordonné et non ordonné / Retrait / Retrait négatif

• Vous pouvez facilement convertir votre texte en listes avec indentation et les organiser.
  • tiret – Une zone de texte en surbrillance sera mise en retrait.
  • Sort – Une zone de texte en surbrillance sera non indentée. Pour mettre en retrait, cliquez sur l'icône de liste non ordonnée/ordonnée que vous avez appliquée auparavant.
  • Liste non ordonnée – Le texte en surbrillance sera formaté comme une liste à puces. En HTML, cela utilise un ensemble de et Mots clés.
  • Liste ordonnée – Le texte en surbrillance sera formaté comme une liste numérotée. En HTML, cela utilise un ensemble de et Mots clés.

Voir en action :

10. Ajouter un lien

• Vous pouvez facilement ajouter un lien à votre texte (hyperlien/balise d'ancrage).
• Mettez le texte en surbrillance et appuyez sur le lien bouton dans la barre d'outils d'édition. Vous pouvez connecter les pages de votre site Web existant ou tout autre site Web/blog/PDF, etc.
• En cliquant, vous verrez une fenêtre pop-up où vous pouvez entrer l'URL ou le slug (1), choisir d'ouvrir ou non dans une nouvelle fenêtre (2), le texte du lien/bouton (3), Titre - utilisé en cas de photos uniquement (4).

Vérifiez également: Liaison texte/bouton.

11. Ajouter un symbole

• Vous pouvez facilement ajouter ou remplacer un symbole (social, art, nombre, etc.) dans l'éditeur de page.
• Accédez à n'importe quel extrait et cliquez à l'endroit où vous souhaitez ajouter votre nouveau symbole ou cliquez sur un symbole existant pour le remplacer.
• Ensuite, cliquez sur le bouton Emoji symbole et ajoutez les symboles du tiroir de droite.

Découvrez comment ajouter différents types de symboles à votre page :

12. Supprimer le pré-formatage du texte collé

• Si vous copiez du texte pré-formaté directement à partir de Word, Powerpoint ou de n'importe quelle page Internet, l'éditeur de page a tendance à gâcher le texte.
• Donc, vous devez d'abord supprimer le pré-formatage de votre texte afin de pouvoir appliquer le style de police Pixpa qui est défini dans le Conception .
• Sélectionnez simplement le texte entier de l'extrait de code et appuyez sur le espace extérieur plus propre, .
• Il supprimera le pré-formatage et appliquera le style de texte de paragraphe à tout le texte dans la plupart des cas.
  En savoir plus.

13. Code HTML de tous les extraits

• Vous pouvez copier ou modifier le code HTML de tous les extraits d'une page en une seule fois.
• Cela vous aiderait à dupliquer votre bloc existant sur une page.

Vérifiez également: Modifier le code HTML de la page.

Voir comment afficher le code HTML d'une page :

Articles connexes:

• Paramètres de section.
• Section – Style de contenu.
• Types de rubriques.