Quelques exemples d’utilisation des blocs de l’éditeur Gutenberg. Des blocs de texte, de média images, galeries, bannières, sliders, vidéo, audio. Des blocs de mise en page tels que colonnes et groupes. Des boutons et des widgets.
Blocs Texte
Bloc : Texte > Liste
- Pomme
- Poire
- Banane
Bloc : Texte > Préformaté
Message : Le téléphone sera utilisé pour informer les gens qu'un télégramme a été envoyé.
Bloc : Texte > Citation
Par les soirs bleus d’été, j’irai dans les sentiers,
— Rimbaud, Sensation (1870)
Picoté par les blés, fouler l’herbe menue.
Bloc : Texte > Citation en exergue
Bloc : Texte > Tableau
Prénom | Nom |
---|---|
Marie | Dubois |
Jacques | Deschamps |
Claude | Dupont |
Suivi d’un Bloc : Apparence > Espacement
Blocs Média
Bloc : Média > Image
Sélection d’une image. Dans les options de la galerie (panneau de droite) opter pour Lien vers : Fichier media pour activer la visionneuse.
Bloc : Média > Galerie
Sélection d’images. Dans les options de la galerie (panneau de droite) opter pour Lien vers : Fichier media pour activer la visionneuse.
Bloc : Média > Galerie
Option Images recadrées activée. Alignement de la galerie en Grande largeur.
Grande largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Bloc : Média > Galerie
Alignement de la galerie en Pleine largeur.
Pleine largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Bloc : Média > Galerie
Trois colonnes.
Bloc : Média > Galerie
Option Images recadrées activée. Alignement de la galerie en Grande largeur.
Grande largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Bloc : Média > Galerie
Alignement de la galerie en Pleine largeur.
Pleine largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Bloc : Média > Galerie
Plus d’images.
Bloc : Média > Média et texte
Lorem ipsum dolor sit amet
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bloc : Média > Bannière
Sélection d’une image de fond. Insertion du titre par défaut, d’un paragraphe et d’un bouton.
Le titre de la bannière
Paragarphe lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Bloc : Média > Bannière
Alignement de la bannière en Grande largeur.
Grande largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Le titre de la bannière
Paragarphe lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Bloc : Média > Bannière
Alignement de la bannière en Pleine largeur.
Pleine largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Le titre de la bannière
Paragarphe lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Bloc : Texte > Gutenslider (extension)
Option de lecture automatique désactivée. Animation par glissement. Contenu changeant. Flèches et points affichés. Hauteur fixe (50% de la hauteur de la fenêtre).
Bloc : Texte > Gutenslider (extension)
Alignement en Grande Largeur.
Grande largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Bloc : Texte > Gutenslider (extension)
Alignement en Pleine Largeur.
Pleine largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Blocs Apparence
Bloc : Apparence > Boutons
Bloc : Apparence > Boutons
Option de largeur définie à 50% pour chaque bouton.
Bloc : Média > Fichier
Lien de téléchargement de fichier. Par défaut le nom du fichier s’affiche. Il est possible de personnaliser le texte.
L’option Afficher le bouton est désactivée dans le thème.
Bloc : Apparence > Colonnes
Une colonne.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bloc : Apparence > Colonnes
Deux colonnes.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bloc : Apparence > Colonnes
Trois colonnes.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Bloc : Apparence > Colonnes
Colonnes avec alignement Grande largeur. Alignement vertical Au milieu. Contenu mixte.
Grande largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Bloc : Apparence > Colonnes
Colonnes avec alignement Pleine largeur.
Grande largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Bloc : Apparence > Groupe
Un bloc Titre et bloc Boutons dans un groupe.
Un titre assez court
Le groupe ensuite rapidement placé dans des colonnes.
Un titre assez court
Un titre assez court
Un titre assez court
Blocs Médias vidéo et audio
Bloc : Média > Vidéo
Bloc : Média > Vidéo
Alignement de la bannière en Grande largeur.
Grande largeur ne peut pas fonctionner sur les pages avec barre latérale, comme les articles ou les pages avec images attachées.
Bloc : Média > Audio
Blocs Widgets
Bloc : Widgets > Archives
Widget des archives d’articles. Option Liste déroulante activée.
Bloc : Widgets > Catégories
Widget des catégories d’articles. Option Liste déroulante activée.
Bloc : Widgets > Derniers articles
Widget des derniers articles. Option Liste déroulante pas activée. Option Date activée.
- Hadès vous propose 2 sessions de formations externes SIG
- Exposition du 3/08 au 14/10 à Narbonne : Le Palais des Archevêques, Revivez l’Histoire !
- Hadès et les Journées Européennes de l’Archéologie
- Hadès souffle ses 30 bougies
- Une médaille bien méritée
Bloc : Widgets > Recherche
Bloc : Widgets > Calendrier
L | M | M | J | V | S | D |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
Bloc : Widgets > Nuage d’étiquettes
Option Taxonomie : Étiquettes
aiguillon archeologie archéologie auterive autoroute colloque conférence corpus exposition femap formation fouilles gaulois imagerie scientifique logiciel mobiliers objet puits tag1 visite webconference
Bloc : Widgets > Nuage d’étiquettes
Option Taxonomie : Catégories
Ancien site OK Hadès Hors métropole La presse en parle Non classé RFO disponible Événements
Bloc : Widgets > Nuage d’étiquettes
Option Taxonomie : Régions
Allier Alpes-Maritimes Aquitaine Ardèche Ariège Aude Auvergne Aveyron Bouches-du-Rhône Charente Charente-Maritime Corrèze Creuse Deux-Sèvres DOM Dordogne ETR Gard Gers Gironde Guadeloupe Haute-Garonne Haute-Loire Haute-Savoie Haute-Vienne Hautes-Pyrénées Hérault Landes Languedoc-Roussillon Limousin Lot Lot-et-Garonne Midi-Pyrénées Nouvelle-Aquitaine Pays-de-la-Loire Poitou-Charentes Provence-Alpes-Côte-d’Azur Puy-de-Dôme Pyrénées-Atlantiques Pyrénées-Orientales Rhône-Alpes Tarn Tarn-et-Garonne Vendée Vienne
Bloc : Widgets > Nuage d’étiquettes
Option Taxonomie : Période
Antiquité Contemporain Moderne Moyen Âge Néolithique Paléolithique Protohistoire
Bloc : Widgets > Nuage d’étiquettes
Option Taxonomie : Types d’opérations
Autre Programmée Préventif Suivi Monuments Historiques
Bloc : Widgets > Nuage d’étiquettes
Option Taxonomie : Agences
ATLANTIQUE CENTRE MEDITERRANEE MIDI OUTRE-MER
Bloc : Widgets > Nuage d’étiquettes
Option Taxonomie : Services
Administratif Archéo – Anthropologues Archéo – Botanique Archéo – Zoologues Archéologie minière Direction Direction opérationnelle Géo – Archéologues Informaticiens Géomaticiens Logistique Organisation et information Responsables d’opérations Spécialistes mobilier Terrain Topographes Photogrammètres Dronistes
Bloc : Widgets > Icônes de réseaux sociaux
Quelques icônes ajoutées parmi la liste disponible.
Changement d’option de taille.