Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


le Module de publication de contenu (ou publication de contenu) est disponible là-bas Version 4.0 du thème Divi. Peut-être que vous ne l’avez pas encore utilisé? Vous ne voyez pas à quoi cela peut servir?

Parfait, vous êtes au bon endroit!

Vous verrez que ce module est essentiel la moitié du temps de sa création Modèles avec le générateur de thèmes Divi. Et aussi qu’il est inutilisable dans l’autre moitié …

Vous découvrirez également toutes les options de configuration …

Annonce: Cet article contient des liens d’affiliation que vous repèrerez facilement. Les liens classiques sont en violet et les liens sponsorisés sont en Rose.

1 – A quoi sert le module Divi Publish Content (ou Publish Content)?

Cette fonctionnalité était très attendue et est enfin possible!

le Publier le module de contenu permis Stylisateurs une fois pour toutes la partie contenu (le corps) qui apparaît sur vos pages et dans vos articles. Peu importe avec quoi ce contenu a été créé: avec le Visual Builder ou avec l’éditeur WordPress (classique ou Gutenberg) …

Auparavant, il était nécessaire d’ajouter du CSS pour styliser tous les titres d’un site, par exemple …

Oui, car l’onglet Apparence> Personnaliser> Paramètres généraux> Typographie Vous ne pouvez pas choisir une police personnalisée pour les différentes balises de titre (h1, h2, h3, etc.).

Nous ne pouvons pas non plus distinguer les couleurs par type de titre.

Vous ne pouvez choisir qu’une seule taille de police pour le corps du texte et une autre pour le titre de l’en-tête, ainsi que pour la typographie …

Ce temps est fini! Maintenant le Publier le module de contenu (Module de contenu de publication) te permettre de Stylisez tous les éléments HTML de votre contenu.

Grâce à cela, vous définissez la taille, la couleur, l’espacement, les fautes de frappe, les versions responsives, l’ombre de la boîte, l’animation et plus des éléments suivants:

  • Les titrages h1, h2, h3, h4, h5 et h6,
  • Les blocs de devis,
  • Liens hypertextes,
  • Images,
  • Listes à puces,
  • Listes numérotées,
  • Le corps entier (corps).

Mais ne vous inquiétez pas, les options de configuration vous sembleront familières car rien n’y change.

2 – Où puis-je utiliser le module Post Content?

Démarrer, Ne cherchez pas le module Publier du contenu au be you visual builderque vous utilisez dans la page ou l’article Créez votre mise en page. Ce n’est tout simplement pas disponible ici.

Et c’est normal, il ne peut être utilisé que dans le Générateur de thèmes Divi !

Il est habitué à ça Stylisez dynamiquement l’ensemble de votre siteil doit être utilisé à l’intérieur Modèles thématiques.

Mais pas n’importe quel modèle de thème! Pour certains c’est Publier le module de contenu (Post Content Module) sera important, avec d’autres ce sera inutile!

En gros, ce module est vraiment utile – et même indispensable – Modèles d’articles et le Modèles pour pages… mais vous pouvez également l’utiliser pour d’autres types de modèles …

Regardons de plus près:

Modèles pour le module de contenu de l'article
Modèles acceptables pour le module de contenu de publication

Vous pouvez utiliser le … Publier le module de contenu avec certitude :

  • Pages: Toutes les pages, page d’accueil, page spécifique, enfants.
  • Articles : Tous les articles, articles dans une catégorie spécifique, articles avec une étiquette spécifique, articles spécifiques.
  • Pages WooCommerce: Panier, paiement, mon compte.
  • Projets: Tous les projets, projets dans certaines catégories de projets, projets avec certaines balises de projet, spécifiques au projet.

le Publier le module de contenu sera inutile sur:

N’hésitez plus! Découvrez le thème Divi ici !

3 – Comment l’ajouter à un modèle de thème?

L’insertion de Publier le module de contenu L’insertion d’un type de module dans un modèle de thème correspond à …

Ajouter un nouveau modèle
Cliquez sur « Ajouter un nouveau modèle »

Aller à l’onglet Divi> Générateur de thèmes, cliquer sur « Ajouter un nouveau modèle » (Ajouter un nouveau modèle) et sélectionnez le type de modèle à créer.

Comme nous venons de le voir, il peut s’agir d’un modèle pour tous vos articles ou pages, d’un modèle pour les articles affectés à une catégorie spécifique, etc.

Entrez ensuite l’édition (construction) de votre modèle (modèle): vous pouvez le créer à partir de zéro ou utiliser une mise en page qui se trouve dans votre bibliothèque (Apprenez à importer / exporter un modèle de conception).

Pour cet exemple (capture d’écran ci-dessous), je vais créer le modèle à partir de zéro.

Publier le module de contenu
Ajoutez le module « Publier du contenu » au modèle de votre choix
  1. Dans l’éditeur de modèles
  2. Ajoutez une nouvelle ligne (en vert). La composition 1/1 est recommandée.
  3. Cliquez ensuite sur « + » pour insérer un nouveau module.
  4. Sélectionnez le module « Publier le contenu ».
Présentation du module de contenu de l'article
Présentation du module de contenu de l’article

Après avoir collé, le Publier le module de contenu ressemble à la capture d’écran ci-dessus.

Vous n’avez pas à vous demander ce qu’est ce texte et à vous dire que vous ne l’avez jamais écrit. C’est normal: c’est du texte dynamique.

Tout ce qui est modifié ici s’applique à tout le contenu qui utilise ce modèle de modèle. Et c’est le plus intéressant!

4 – Comment puis-je personnaliser le module Post Content?

Maintenant que vous avez ajouté ce fameux module à votre template, il ne vous reste plus qu’à le modifier …

Pour ce faire, cliquez sur Icône d’engrenage Ceci est affiché lorsque la souris est survolée.

Paramètres du module de contenu de publication
Configurer les paramètres du module Post Content

Une fenêtre s’ouvrira vous offrant un certain nombre d’options.

Même si vous pensez les connaître déjà tous, croyez-moi, j’en ai découvert quelques-uns en créant ce tutoriel! Cela montre simplement que si vous prenez le temps de regarder dans les détails, vous pouvez toujours trouver des choses intéressantes!

Voyons tout cela en détail …

4.1 – Onglet Contenu

Si la fenêtre contextuelle s’ouvre, c’est l’onglet Contenu qui est disponible par défaut.

Languette
Onglet Contenu

Rien n’est très compliqué ici. Vous ne pouvez modifier que la couleur d’arrière-plan du module de contenu de l’article (la couleur du contenu principal).

4.2 – Onglet Style

C’est dedans l’onglet Style c’est la majorité des options de conception.

Contenu de l'article: Onglet Style
Publier du contenu: paramètres dans l’onglet Style

Vous trouverez ici le « sous-onglet » suivant:

  1. photo
  2. texte
  3. Sous-titres textuels
  4. Dimensionnement
  5. distance
  6. bord
  7. Boîte d’ombre
  8. Filtré
  9. transformateur
  10. animation

Chacun de ces onglets propose des options pour concevoir les éléments en question … Tous les choix effectués ici s’appliquent à toutes les pages de votre site Web qui utilisent ce modèle (modèle de thème).


Le sous-onglet Image

Ici, vous configurez la conception de toutes les images insérées dans votre contenu.

Par exemple, vous pouvez

  • Lissez-le
  • ajouter une bordure,
  • Choisissez l’épaisseur de la bordure,
  • Changer la couleur de la bordure,
  • Ajoutez des ombres à votre image.
Languette
Onglet Style> Image

Le sous-onglet Texte

Vous définissez ici le design des différents textes de votre contenu.

En plus de définir le corps du texte, ils définissent également des hyperliens, des listes à puces, des listes numérotées et des blocs de citations.

Pour chacun de ces éléments, vous pouvez modifier la typo, le style, la couleur, l’alignement, l’espacement, la hauteur de ligne, l’ombre, etc.

Surtout, vous pouvez Définissez des valeurs différentes en fonction de la taille de l’écran. C’est génial pour Rendez votre site Web plus réactif.

Languette
Onglet Style> Texte

Le sous-onglet Sous-titres de texte

D’accord, j’admets que la traduction EN-FR n’est pas géniale (voir ici comment bien traduire un Divi) …

L’onglet « Texte des sous-titres » Cette option vous permet de formater tous les titres.

Pour le texte classique, vous pouvez définir une faute de frappe, une taille, un alignement et une couleur. pour tout type de titre.

N’oubliez pas de sélectionner chaque titre à personnaliser (h1, h2, h3, etc.).

Pensez également à faire vos réglages en fonction de la taille des écrans (bureau, tablette, téléphone).

Languette
Onglet Style> Sous-titre de texte

Le sous-onglet Taille

Ici, vous pouvez définir une largeur et une hauteur pour votre contenu, qu’il s’agisse de la version mobile, tablette ou bureau.

Il serait plutôt conseillé de conserver les valeurs par défaut.

Languette
Onglet Style> Taille

Le sous-onglet Distance

le Sous-onglet Distance Cette option vous permet d’ajouter une marge et un remplissage à tout le contenu.

Vous pouvez également définir ces valeurs en fonction de la taille des écrans.

Languette
Onglet Style> Espacement

Le sous-onglet Edge

Le cadre défini ici s’applique à l’ensemble du contenu.

Vous pouvez définir des coins arrondis, un style de cadre, une épaisseur et une couleur.

Languette
Onglet Style> Bordures

Le sous-onglet Filtres

J’ai rarement utilisé cette option …

Vous pouvez ajouter un filtre de couleur ou une opacité à votre contenu.

Cela peut être intéressant pour une image, par exemple, mais cela ne semble pas être optimal pour l’ensemble du contenu.

Languette
Onglet Style> Filtres

Le sous-onglet Shadow Box

Lorsque vous ajoutez une ombre, elle est appliquée au « champ » de votre contenu.

Languette
Onglet Style> Ombres

Le sous-onglet Animation

Il en va de même pour l’animation. Il s’applique à la « boîte » de votre contenu.

Languette
Onglet Style> Animation

Saviez-vous que vous pouvez essayer Divi gratuitement? Aller sur cette page et cliquez sur « ESSAYER GRATUITEMENT »

4.3 – Onglet Avancé

L’onglet Avancé vous permet d’aller un peu plus loin dans le design.

C’est idéal si vous souhaitez ajouter JE VOUDRAIS ou une Classes CSS que vous appellerez du vôtre plus tard Thème des enfants ou depuis l’onglet Apparence> Personnaliser> CSS supplémentaire.

Publier du contenu: onglet
Publier du contenu: paramètres de l’onglet « Avancé »

Ici tu peux:

  1. Ajoutez un identifiant et / ou une classe CSS.
  2. Ajoutez du code CSS directement dans le module.
  3. Définir la visibilité: Ceci est idéal pour activer ou désactiver des éléments en fonction de la taille des écrans. Cependant, c’est là que vous échangerez tout au long du module de contenu de publication.
  4. Modifiez les transitions (durée et délai).

5 – En conclusion …

Avec ce nouveau Publier le module de contenuon peut enfin définir la conception globale d’un site ou d’un Fichier modèle En deux secousses de queue d’agneau.

Nous faisons cela une fois pour toutes et cela nous fait gagner beaucoup de temps!

Plus particulièrement, cependant, nous pouvons facilement respecter que Styles de leadership une charte graphique!

Pour commencer avec Divi, Découvrez tous les articles commencez calmement!



Source link

Recent Posts