L’éditeur en un coup d’œil
Présentation de l’éditeur Payly : la barre supérieure, le panneau Blocs, le canevas et le panneau de réglages, ainsi que l’enregistrement, l’annulation et les raccourcis clavier.
L’éditeur est l’endroit où vous construisez les pages de votre boutique. Vous voyez chaque page comme la verra un visiteur, et vous la modifiez en sélectionnant des éléments, en les déplaçant et en renseignant leurs réglages. Rien de ce que vous faites ici n’est visible par les visiteurs tant que vous n’avez pas publié.
Ouvrir l’éditeur
- Ouvrez le tableau de bord de votre site.
- Cliquez sur Modifier le site en haut du menu de gauche.
Un tout nouveau site s’ouvre de lui-même dans l’éditeur dès que vous avez choisi un design. Consultez Créer votre premier site.
Les quatre zones
L’éditeur comprend une barre en haut et trois colonnes en dessous : le panneau Blocs à gauche, votre page au milieu (le canevas) et le panneau de réglages à droite.
La barre supérieure
De gauche à droite, la barre supérieure contient ces commandes :
- Tableau de bord vous ramène au tableau de bord de votre site.
- L’état d’enregistrement vous indique où en est votre travail. Enregistré, non publié signifie que vos modifications sont enregistrées dans votre brouillon, mais que votre boutique en ligne ne les affiche pas encore. Enregistré et publié signifie que votre boutique en ligne correspond à ce que vous voyez. Vous voyez aussi Enregistrement… un instant après chaque modification, et Non enregistré si un enregistrement échoue.
- Le champ du nom du site affiche le nom de votre boutique. Cliquez dessus pour renommer votre site.
- Le sélecteur de page (il affiche le nom de la page où vous vous trouvez, par exemple Accueil) liste vos pages. Choisissez-en une pour la modifier. Gérer les pages, au bas de la liste, ouvre le gestionnaire de pages. Consultez Ajouter et gérer des pages.
- Ordinateur, Tablette et Mobile changent la taille d’écran pour laquelle vous concevez votre site. Consultez Adapter votre site aux téléphones et aux tablettes.
- L’icône d’horloge (Sauvegardes) ouvre vos sauvegardes. Consultez Annuler des modifications et restaurer une version antérieure.
- Les deux flèches sont Annuler et Rétablir.
- L’icône de flèche sortant d’un cadre (Voir le site en ligne) ouvre votre boutique en ligne dans un nouvel onglet. Elle apparaît dès que vous avez publié.
- Aperçu affiche l’ensemble de votre site, avec ses liens fonctionnels, dans un nouvel onglet. Consultez Prévisualiser votre site avant de le publier.
- Publier met vos modifications en ligne sur votre boutique. Consultez Publier votre premier site.
- Le menu du compte, tout à droite, contient le thème et la langue de Payly lui-même (ils ne modifient pas votre boutique), ainsi que Paramètres, Accueil Payly et Se déconnecter.
Le panneau Blocs
La colonne de gauche commence par Blocs, les éléments de construction que vous pouvez ajouter à une page, classés en groupes : Essentiels, Médias, Mise en page, Boutique, Marketing et Menus et formulaires. Faites glisser un bloc sur la page, ou cliquez dessus pour l’ajouter à la fin de la section en cours. Consultez Ajouter, déplacer et redimensionner des blocs.
Faites défiler la même colonne pour trouver Structure, une liste qui comprend l’en-tête, les sections de la page en cours et le pied de page, avec un bouton Ajouter une section. Consultez Travailler avec les sections.
Le canevas
Le milieu de l’écran, c’est votre page. Elle est dessinée par le même code que celui qui affiche votre boutique en ligne : ce que vous voyez est donc ce que voient vos visiteurs. Cliquez sur un bloc ou une section pour le sélectionner. Un bloc sélectionné reçoit un contour bleu, des poignées de redimensionnement et une petite barre d’outils avec les boutons Dupliquer, Rotation et Supprimer. Les liens du canevas ne s’ouvrent pas lorsque vous cliquez dessus.
Le panneau de réglages
La colonne de droite comporte deux onglets :
- Sélection affiche les réglages de l’élément sélectionné. Si rien n’est sélectionné, il affiche les réglages de la page elle-même : son Titre du navigateur, sa Description pour la recherche et l’interrupteur Ceci est la page boutique. Sélectionnez un bloc et il affiche les réglages de ce bloc, regroupés sous des titres tels que Général, Typographie, Taille et position et Gérer. Cliquez sur un titre pour l’ouvrir. Pour revenir aux réglages de la page, cliquez sur Réglages de la page en haut du panneau, appuyez sur Échap, ou cliquez sur la zone grise à côté de la page.
- Design du site regroupe les couleurs, les polices et les réglages de mise en page qui s’appliquent à toutes les pages. Consultez Définir vos couleurs, vos polices et votre mise en page.
Comment fonctionne l’enregistrement
L’éditeur enregistre à votre place. Quelques instants après que vous avez cessé de modifier quelque chose, il enregistre votre brouillon et l’état dans la barre supérieure repasse à Enregistré, non publié. Il n’y a pas de bouton Enregistrer.
Une modification enregistrée n’est pas en ligne. Vos visiteurs continuent de voir votre dernière version publiée tant que vous n’avez pas cliqué sur Publier.
Annuler et rétablir
Cliquez sur Annuler pour revenir sur votre dernière modification, et sur Rétablir pour la rétablir. Ces commandes mémorisent les modifications effectuées depuis l’ouverture de l’éditeur. Si vous fermez ou rechargez l’éditeur, cet historique repart de la version enregistrée.
Raccourcis clavier
Sur un Mac, utilisez Cmd à la place de Ctrl.
| Touches | Ce qu’elles font |
|---|---|
| Ctrl + Z | Annuler la dernière modification |
| Ctrl + Maj + Z | Rétablir |
| Ctrl + D | Dupliquer le bloc sélectionné |
| Suppr ou Retour arrière | Supprimer le bloc sélectionné |
| Échap | Désélectionner |
| Touches fléchées | Déplacer légèrement le bloc sélectionné de 1 pixel (maintenez Maj pour 10) |
| Ctrl + touches fléchées | Déplacer le bloc sélectionné d’une cellule de la grille |
| Ctrl + Maj + touches fléchées | Rendre le bloc sélectionné plus large, plus étroit, plus haut ou plus bas d’une cellule |