Les blocs de l’extension « Spectra » sous WordPress …

Si les blocs par défaut de WordPress sont assez communs, il existe des extensions qui vous permettent d’en ajouter d’autres aux designs et fonctionnalités tous plus intéressants les uns que les autres. Vous connaissiez déjà les blocs de l’extension JetPack, voici désormais ceux de l’extension Spectra qu’il vous faudra connaître à partir de la session 2025 de l’examen pratique E5 du BTS NDRC.


Le bloc « Conteneur »

Pour diviser votre page ou votre article en plusieurs sections, vous utilisiez auparavant le bloc « Colonnes ». Le bloc Conteneur en est une variante qui vous propose davantage de configurations. Il peut être très utile lorsque vous le combinez avec le bloc « Boîte d’infos » par exemple …

Le bloc « Boîte d’infos »

Inséré dans un conteneur de 3 ou 4 colonnes, il vous permet de présenter les grandes sections de votre site (par exemple en page d’accueil) et d’y adjoindre des icônes représentatifs.

Exemple d’un conteneur de 3 blocs contenant chacun un bloc « Boîte d’infos »

Ci-dessous

Boîte d’info 1

Cliquez ici pour modifier ce texte. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Boîte d’info 2

Cliquez ici pour modifier ce texte. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Boîte d’info 3

Cliquez ici pour modifier ce texte. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.


Le bloc « Carousel de publications »

Très utile en page d’accueil pour faire défiler des résumés des articles publiés dans une catégorie. Si vous avez un peu de place vous pouvez aussi utiliser le bloc « Grille de publications » pour présenter les articles en grille, ou encore « Chronologie de publications » pour les présenter le long d’un fil au fur et à mesure que la page défile.


Le bloc « Liste avec icônes »

Peut s’avérer utile lorsque vous l’utilisez pour préciser des coordonnées par exemple. Les icônes pourront ici représenter un téléphone, une maison, une enveloppe, ou une icône de réseau social (Sur une page « contactez-nous »)

+33 (0) 6 78 90 12 34
10 rue du coin
www.monwebenligne.fr

Le bloc « FAQ » (Foire Aux Questions)

Permet d’ajouter un bloc de texte rétractable ou vous évoquez une question en titre et ou vous pouvez déployer la réponse ensuite en cliquant dessus.


Le bloc « Chronologie de contenu »

Très utile pour présenter une ligne de temps ou des informations vont venir se greffer verticalement. D’un coté vous aurez un descriptif de l’évènement, de l’autre la date à laquelle il surviendra.

janvier 1, 2019

Titre du fil d’actualité 1

Ceci est la description de la chronologie. Veuillez cliquer ici pour modifier cette description.

janvier 1, 2019
janvier 1, 2019

Titre du fil d’actualité 2

Ceci est la description de la chronologie. Veuillez cliquer ici pour modifier cette description.

janvier 1, 2019
janvier 1, 2019

Titre du fil d’actualité 3

Ceci est la description de la chronologie. Veuillez cliquer ici pour modifier cette description.

janvier 1, 2019
janvier 1, 2019

Titre du fil d’actualité 4

Ceci est la description de la chronologie. Veuillez cliquer ici pour modifier cette description.

janvier 1, 2019
janvier 1, 2019

Titre du fil d’actualité 5

Ceci est la description de la chronologie. Veuillez cliquer ici pour modifier cette description.

janvier 1, 2019

Le bloc « Countdown »

Permet d’afficher un compte à rebours entre une date que vous définissez et le moment présent. Utile pour mettre un coup de pression sur un délai à respecter, ou pour faire monter le buzz sur un évènement à venir …

DAYS
HOURS
MINUTES
SECONDS

Le bloc « Onglets »

Idéal pour les fiches techniques, ou les fiches produits, ou vous pourriez avoir un onglet « Caractéristiques », un onglet « Variantes », et un onglet « Avis » avec chacun leurs descriptifs.

1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Variantes de couleurs ou de tailles différentes.

3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Ci-dessous un exemple de l’usage d’un bloc « Avis »

Avis du Webmaster


Le bloc « Partage social »

Permet d’ajouter les icônes des réseaux sociaux pour partager une page ou un article directement sur le compte du visiteur.


Le bloc « Liste des taxonomies »

Très utile en colonne latérale de blog pour annoncer les titres des catégories d’articles et indiquer pour chacune d’elles le nombre d’articles qu’elles comportent. Ont peut aussi imaginer l’annoncer en page d’accueil sous forme de grille.

Vues : 68
Partagez cet article:
Retour en haut