Chaque hub est une pile de lignes. Chaque ligne est divisée en colonnes, et chaque colonne contient un élément : un texte, une vidéo, une liste de cours. Cette structure garde les hubs lisibles sur tous les écrans et vous permet de réorganiser une page sans tout recommencer. Cet article explique comment construire et modifier cette structure dans l'éditeur.
Ouvrez un hub avec Modifier dans la liste des hubs. L'éditeur affiche votre brouillon. Tout ce que vous changez ici reste invisible pour les membres jusqu'à ce que vous publiiez.
Les lignes et leurs mises en page
Cliquez sur Ajouter une ligne en bas de la page ou entre deux lignes. La boîte de dialogue affiche l'onglet Mise en page avec dix mises en page :
- une colonne à 100 %
- deux colonnes à 50 % / 50 %, 33 % / 67 %, 67 % / 33 %, 75 % / 25 % ou 25 % / 75 %
- trois colonnes à 33 % / 33 % / 33 % ou 25 % / 50 % / 25 %
- quatre colonnes à 25 % chacune
- cinq colonnes à 20 % chacune
La ligne apparaît là où vous avez cliqué, avec un emplacement vide par colonne.
Chaque ligne a un en-tête avec un champ Titre (facultatif). Dans l'aperçu, une ligne sans titre n'affiche aucun en-tête. Le bouton en forme de pinceau ouvre Ligne d'accent, un interrupteur pour l'accent coloré de la ligne. Dès que vous l'actionnez, Appliquer à toutes les lignes reporte ce choix sur chaque ligne du hub.
Pour changer plus tard la mise en page d'une ligne, cliquez sur le petit aperçu des colonnes dans l'en-tête de la ligne, intitulé Mise en page. Une mise en page est grisée quand elle ne convient pas : Certains éléments ont besoin d'une colonne plus large signifie qu'un élément deviendrait trop étroit, Les dernières colonnes contiennent encore des éléments signifie que vous perdriez des colonnes qui ne sont pas vides. Déplacez ou supprimez d'abord ces éléments.
Déplacer et retirer des lignes
Utilisez les boutons fléchés pour monter ou descendre une ligne, ou faites-la glisser par sa poignée. L'en-tête de la ligne contient aussi Dupliquer, qui insère une copie juste en dessous, Copier et Supprimer. La suppression demande une confirmation : « Voulez-vous vraiment supprimer la ligne entière ? Tous les éléments qu'elle contient seront supprimés ! »
Copier des lignes d'un hub à l'autre
Copier place une référence à la ligne dans votre presse-papiers. Dans n'importe quel hub de votre espace, cliquez sur Coller depuis le presse-papiers à côté de Ajouter une ligne, et la ligne arrive avec son titre, sa mise en page, sa ligne d'accent et tous ses éléments. Si le navigateur n'autorise pas la lecture du presse-papiers, une invite vous demande de coller la référence de la ligne à la main.
Ajouter des éléments
Cliquez sur Ajouter un élément dans une colonne vide. Le sélecteur d'éléments regroupe les éléments par catégories et propose une recherche qui porte sur les noms et les descriptions. Chaque carte indique les largeurs que l'élément accepte. Un élément qui ne convient pas à la colonne est marqué Indisponible à cette largeur de colonne. Les éléments qui fonctionnent à toutes les largeurs affichent Toutes les tailles.
Un clic sur une carte ouvre un aperçu, où vous pouvez basculer entre Contenu de démonstration et État vide. Ajouter un élément place l'élément ; le bouton reste désactivé quand l'élément ne convient pas à la colonne. Le nouvel élément est enregistré tout de suite et ses paramètres s'ouvrent à côté. Ensuite, les modifications s'enregistrent automatiquement peu après que vous avez cessé de taper. L'en-tête affiche Enregistrement, Enregistré ou, en cas de problème, Échec de l'enregistrement.
La liste complète des éléments se trouve dans Référence des types d'éléments.
Modifier, déplacer et copier des éléments
La barre d'outils de l'élément contient les paramètres. Selon l'élément, vous y trouvez aussi Mise en page pour sa variante visuelle et Boîte pour son cadre. Le menu de l'élément propose :
- Dupliquer l'élément, affiché seulement tant que la ligne a encore une colonne libre
- Copier l'élément, pour le coller dans une colonne vide avec Coller depuis le presse-papiers
- Supprimer l'élément, qui demande Supprimer l'élément ? avant de retirer quoi que ce soit
Pour déplacer un élément, faites-le glisser vers une autre colonne, dans la même ligne ou dans une autre. Si vous le déposez sur une ligne pleine aux colonnes égales, cette ligne reçoit une colonne de plus, jusqu'à cinq. Deux messages peuvent bloquer le déplacement : Cet élément nécessite une colonne plus large et Aucune colonne libre dans cette ligne.
Vérifier avant de publier
Basculez entre Éditeur et Aperçu dans l'en-tête. L'aperçu masque les commandes d'édition, affiche les colonnes vides comme des espaces blancs et vous permet de vérifier la page sur Bureau, Tablette et Mobile.
Le bouton de publication dans l'en-tête affiche un nombre pour les éléments ajoutés, retirés ou modifiés depuis la dernière publication, plus un si le nombre de lignes a changé. Les modifications des titres, des mises en page ou de l'ordre des lignes ne sont pas comptées, mais elles activent quand même le bouton.
La publication est expliquée dans Modèles de hub et publication.