Atteindre la partie de la page à modifier.
Chaque partie de votre page a sa propre barre de contrôle : l’élément, sa colonne, sa ligne et sa section. Vous atteignez chacune en survolant, ou choisissez un niveau dans le Layers panel. La vidéo construit une ligne à deux colonnes avec un texte et un bouton, puis visite chaque niveau.
Construire une ligne à deux colonnes
- Cliquez sur + dans la zone de contenu et choisissez Section dans l’onglet Mise en page.
- Cliquez sur + sur la section et choisissez Row. Elle arrive avec deux colonnes égales.
- Cliquez sur + dans la colonne de gauche et choisissez Texte dans l’onglet Contenu.
- Saisissez un titre et une ligne de texte, puis cliquez sur Enregistrer.
- Cliquez sur + dans la colonne de droite et choisissez Bouton.
- Saisissez Title, définissez Link puis cliquez sur Enregistrer.
Atteindre chaque niveau en survolant
- Survolez le bouton. Sa barre de contrôle nomme l’élément et porte son bouton Plus.
- Déplacez le pointeur vers le bord de la colonne. La barre affiche désormais Column.
- Survolez la ligne. Sa barre affiche Row, avec l’icône de disposition des colonnes.
- Survolez la section. La barre la plus extérieure affiche Section.
La barre affichée appartient à la partie la plus intérieure sous le pointeur. Cliquez sur une barre de contrôle pour sélectionner sa partie : la partie reçoit un contour. Les raccourcis clavier comme Ctrl+C agissent sur la partie sélectionnée, ou sur la partie sous le pointeur quand rien n’est sélectionné. Cliquez sur un endroit vide hors de votre contenu pour effacer la sélection.
Choisir un niveau dans le Layers panel
- Ouvrez Plus dans la barre d’outils DXPR et choisissez Layers panel.
- Cliquez sur un calque dans l’arborescence. La page défile jusqu’à cette partie et la surligne.
- Cliquez sur les trois points du calque pour ouvrir le même menu que sa barre de contrôle.
- Fermez le panneau et cliquez sur Enregistrer.
Ctrl+Maj+J (Cmd+Maj+J sur Mac) ouvre et ferme le panneau.
Ce que vous voyez
La page est faite de niveaux imbriqués, toujours dans cet ordre : Section, Row, Column, puis l’élément. La barre de chaque niveau porte son propre bouton Plus avec les actions de ce niveau. Le Layers panel montre les mêmes niveaux en arbre, donc une partie difficile à survoler est à un clic.
Barres de contrôle sur chaque élément ou sur une ligne
| Option | Ce que vous voyez |
|---|---|
| On each element | Chaque élément montre sa propre barre. Les éléments imbriqués gagnent de l’espace pendant la modification. |
| One row | Une ligne de barres au-dessus de l’élément pointé : Section, Row, Column, Button. La page garde sa mise en page publiée pendant la modification. |
Dans One row, passer sur une barre illumine sa partie de la page. Sur un écran étroit, les barres extérieures sortent de la ligne ; survolez le bord d’un conteneur pour atteindre ce niveau.
- Ouvrez Plus dans la barre d’outils DXPR et choisissez Editor settings, ou appuyez sur Ctrl+; (Cmd+; sur Mac).
- Sous Control bars, choisissez On each element ou One row.
- Cliquez sur Enregistrer. La page change aussitôt.
Ctrl+Maj+B (Cmd+Maj+B sur Mac) bascule entre les deux sans la boîte de dialogue. Votre choix est stocké avec votre compte d’utilisateur, donc il vous suit sur d’autres navigateurs. Vous pouvez aussi le changer sur la page de modification de votre compte, sous DXPR Builder. L’option marquée Default est le choix de votre site. Choisissez-la pour continuer à suivre le site, même quand un administrateur change la valeur par défaut plus tard.
Si les barres de contrôle ne s’affichent pas
- Aucune barre de contrôle n’apparaît. La page est dans Aperçu. Ouvrez le menu d’affichage, l’icône œil dans la barre d’outils DXPR, et choisissez Modifier.
- La barre appartient à la mauvaise partie. Le pointeur est sur un élément enfant. Allez sur la marge intérieure au bord du conteneur, ou choisissez la partie dans le Layers panel.
- Cliquer sur un texte ouvre l’éditeur de texte. C’est de la modification en ligne, pas une sélection. Cliquez hors du texte, puis sur la barre de contrôle du texte.
Et ensuite ?
- Modifier le texte sur place : changez les mots directement sur la page.
- Menus contextuels : chaque action du menu Plus.
- Raccourcis clavier : agissez sur la partie sélectionnée sans la souris.