Comment construire une mise en page de sermon en Divi en utilisant des champs personnalisés et du contenu dynamique

Ti > Ajouter un nouveau contenu. Ajouter un nouveau champ de groupe pour définir un nouveau groupe, spécifiez un titre pour le nouveau Groupe de champ. Dans la section emplacement (ou activer \/ désactiver), changez les paramètres de sorte que le type de poste soit égal au projet et non au poste. Cela signifie essentiellement que le plug – in n’affiche que cet ensemble de champs personnalisés sur le type de poste de projet intégré dans Divi (vous pouvez également le laisser comme poste si vous le souhaitez). Ensuite, faites défiler vers le bas dans la section paramètres et mettez à jour ce qui suit:
Emplacement: élevé (après le contenu) Ce paramètre d’emplacement détermine l’emplacement des groupes de champs personnalisés dans l’éditeur d’arrière – plan de l’article ou de la page. Ajouter des champs personnalisés aux groupes de champs maintenant que votre groupe a été créé et configuré, il est temps de commencer à ajouter des champs personnalisés aux groupes. Champs de haut – parleurs personnalisés pour le premier champ personnalisé, nous avons ajouté un point où l’utilisateur peut insérer le Haut – parleur pour le sermon. Pour ajouter un nouveau champ, cliquez sur le bouton Ajouter un champ et saisissez ce qui suit:
Étiquette du champ: orateur nom du champ: orateur type de champ: options de sélection (insérer chaque option dans une nouvelle ligne): aumônier principal, aumônier adjoint, aumônier des jeunes, Conférencier invité Personnaliser le champ titre du sermon, puis ajouter un champ personnalisé pour le titre du sermon. Étiquette du champ: sermon title nom du champ: sermon _ title type de champ: texte substituant texte: sermon title Champ personnalisé pour la date du sermon, puis ajoutez un champ personnalisé pour la date du sermon. Ceci est défini pour avoir un type de champ de sélection de date afin que vous puissiez facilement ajouter une nouvelle date à l’arrière – plan.
Étiquettes de champ: sermon date nom du champ: sermon _ date type de champ: sélecteur
Fiche pour chaque poste de travail. Speaker: Senior Pastor (select from the drop – down menu) sermon Title: Newly created (or anything you want) sermon Date: select date sermon notes from the date picker: insert sermon audio Embedding notes using the WYSIWYG editor: enter the URL of the media file to embedd the sermon audio player: insert URL du fichier média (fichier zip si vous voulez le télécharger immédiatement après avoir cliqué)
L’image de premier plan est ensuite ajoutée au projet. Ceci sera utilisé comme image du lecteur audio de la mise en page de sermon. Ajoutez une nouvelle mise en page par défaut au projet maintenant Cliquez pour utiliser Visual Builder. (Remarque: le contenu dynamique n’est pas actuellement pris en charge par Backend Builder, donc vous devez déployer Visual Builder. Si vous voulez personnaliser la mise en page en utilisant la fonctionnalité Backend Builder, il vous suffit de déployer Visual Builder et de cliquer sur wireframe mode.) Cliquez ensuite sur l’option sélectionner la mise en page par défaut. À partir de la fenêtre contextuelle de téléchargement de la bibliothèque, sélectionnez le paquet de mise en page de l’église et cliquez pour utiliser la mise en page de la page du blog de l’église. Une fois la mise en page chargée sur la page, supprimez les deuxième, quatrième et cinquième parties de la mise en page. Maintenant, votre mise en page ne devrait avoir que trois parties: l’en – tête supérieur, le sermon final et le pied de page inférieur. Ensuite, supprimez le module Blog de la deuxième partie. Mettre à jour le formulaire de texte « dernier sermon » pour inclure ce qui suit: Description Ensuite, copiez le formatage du texte et mettez à jour le contenu en disant « Écoutez maintenant ». Ajoutez le contenu dynamique de la description du sermon. Maintenant, nous pouvons commencer à construire le contenu audio du sermon Dina.
Pour définir la section arrière – plan du module audio, ouvrez les paramètres du module audio, faites un clic droit sur le texte de la catégorie arrière – plan, puis cliquez sur l’option coller l’arrière – plan. Puis passez aux paramètres de conception et mettez à jour ce qui suit: direction du texte: marge personnalisée gauche: 0px en bas Maintenant, le lecteur audio sermon que nous allons finir est la fusion réelle du lecteur audio. À l’heure actuelle, les boîtes d’entrée audio intégrées dans les modules audio ne supportent pas le contenu dynamique (et je suis sûr qu’il le sera à l’avenir), donc nous allons développer une petite solution. Nous créerons un nouveau formulaire texte et ajouterons des fichiers audio intégrés avec du contenu dynamique. Comme WordPress reconnaît la façon dont les champs personnalisés génèrent le Code court, il affiche le lecteur audio par défaut. Pour ce faire, ajoutez un formulaire texte sous le formulaire audio, puis ajoutez le champ personnalisé « Intégration audio sermon » comme contenu dynamique. Assurez – vous que le HTML original est activé afin que le Code court fonctionne correctement.

Nous pouvons maintenant placer le lecteur audio dans le module audio avec des marges personnalisées. Allez à l’onglet conception et mettez à jour ce qui suit: Marges personnalisées (bureau): – 40 Px au – dessus, 280 Px à gauche, 60 Px à droite Marges personnalisées (tablette): 0px à gauche, 0px à droite liens de téléchargement parfois, il est utile pour les utilisateurs de télécharger des fichiers audio. Pour simplifier le processus, vous pouvez ajouter des liens vers des fichiers audio à votre billet. Pour ce faire, nous utiliserons du contenu dynamique pour remplir un module Blurb avec un titre de sermon et une URL audio. Ajouter un module Blurb sous le module audio et mettre à jour le contenu comme suit: Titre: titre du sermon (champ personnalisé) icône: voir l’URL de capture d’écran du lien titre: url audio du sermon (champ personnalisé)

Modéliser l’introduction de cette façon
N plug – in de champ personnalisé avancé pour créer une disposition puissante pour le sermon. Tout peut prendre du temps, mais ça en vaut la peine. Bien sûr, ce processus peut également être utilisé pour créer une variété de contenu dynamique pour différents types de messages. Si vous avez des questions dans les commentaires ci – dessous, faites – le – moi savoir. J’attends vos nouvelles. Bonjour!