Vue d'ensemble de l'espace de travail
L'espace de travail de l'éditeur est divisé en trois zones principales : les panneaux de fichiers et de blocs à gauche, la zone centrale d'aperçu et les panneaux de modification à droite.
Barre supérieure
La barre supérieure contient les actions du projet, les outils IA, les outils de langue, les contrôles d'aperçu, les contrôles responsive, les aides de visibilité, annuler et rétablir, les contrôles de compte et l'état d'enregistrement.
Actions courantes :
- Ouvrir le menu du projet.
- Recharger l'aperçu.
- Basculer entre mode modification et mode aperçu.
- Passer entre les tailles bureau, tablette, mobile et plein écran.
- Forcer l'affichage des éléments masqués pendant la modification.
- Masquer ou restaurer les barres d'outils de section.
- Annuler et rétablir les changements.
Menu principal
Le menu principal s'ouvre depuis le logo Teluyo dans la barre supérieure. Survolez d'abord le logo avec la souris, puis cliquez dessus pour afficher le menu du projet.
Depuis le menu principal, vous pouvez lancer la visite guidée, accéder aux actions de projet, gérer les options d'importation et d'exportation, et ouvrir les outils d'import/export des bibliothèques lorsqu'ils sont disponibles pour le compte. C'est l'endroit central pour les actions qui concernent tout le projet plutôt que l'élément ou la page actuellement sélectionné.
Barre latérale gauche
La barre latérale gauche contient :
- Pages : pages HTML du projet.
- Ressources : images, vidéos, audio et autres fichiers téléversés.
- Styles et scripts : fichiers CSS et JS du projet, plus un mode bibliothèque de scripts.
- Blocs : catégories de blocs prêts à l'emploi et bibliothèque personnelle de blocs.
- Blocs globaux : sections réutilisables synchronisées entre les pages.
Chaque panneau peut être réduit, redimensionné et restauré.
Zone centrale
La zone centrale affiche la page active. En mode modification, les utilisateurs peuvent sélectionner des éléments, modifier le texte en ligne, glisser des blocs et éléments dans la page et utiliser les contrôles de section. En mode aperçu, la page se comporte davantage comme le site exporté.
Barre latérale droite
La barre latérale droite contient :
- Barre d'éléments rapides pour insérer des éléments HTML courants.
- Arbre Éléments pour sélectionner des noeuds de la page.
- Styles et scripts de page pour lier des fichiers CSS et JS à la page actuelle.
- Paramètres de page et SEO pour les métadonnées et champs de partage social.
- Sections de données pour les filtres par catégorie et les sections pilotées par données.
- Propriétés de l'élément pour styles, attributs, classes, événements, liens, images et traductions.
Mode aperçu
Le mode aperçu verrouille les panneaux de modification et permet aux scripts et interactions de fonctionner plus près de l'expérience exportée. Activez-le avec le bouton d'aperçu dans la barre supérieure lorsque vous voulez tester la page comme un visiteur la verrait.
Vous pouvez aussi entrer temporairement en mode aperçu en maintenant la touche Alt enfoncée. Tant que la touche est enfoncée, la zone centrale se comporte comme en aperçu ; lorsque vous la relâchez, Teluyo revient à la modification normale. Certains changements générés par des scripts peuvent être conservés après l'aperçu si une section est configurée pour les conserver.