homefinance blog
La capacidad de acceder y escuchar sermones es una parte vital de cualquier sitio web de la iglesia. Y, con el lanzamiento del nuevo paquete de diseño de la Iglesia Divic, pensé que sería útil mostrarle cómo puede construir un aspecto de sermón utilizando contenido dinámico. Para hacer esto, utilizaré el complemento avanzado de campos personalizados para crear un grupo de campo personalizado que pueda actualizar en su publicación y usar la función de contenido dinámico, le mostraré cómo puede diseñar un aspecto para atraer esos campos personalizados para Complete el contenido de su publicación. Una vez que todo se haya dicho y hecho, tendrá buenas funciones con contenido dinámico que se puede actualizar en el Backynd utilizando una interfaz intuitiva de campos personalizados sin necesidad de implementar. Visual Builder.
Vamos a empezar. ¿Qué necesitas para este tutorial? Necesitarás lo siguiente:
El tema de Div
Campos personalizados de complemento avanzado
La aparición del blog de la iglesia en el paquete del aspecto de la iglesia (accesible desde Divi Builder)
El diseño del diseño del sermón es un vistazo al aspecto que construiremos. La belleza de este aspecto es que la mayor parte del contenido se genera a partir de campos personalizados en el patio trasero utilizando contenido dinámico.
La creación de campos personalizados con campos de complemento avanzados avanzados campos personalizados de complemento avanzado (ACF) lo ayuda a agrupar campos personalizados juntos para ser utilizados como un contenido dinámico en sus publicaciones o páginas acepta una serie de campos (como un selector de datos, un Wysiwyg y Ombed editor) que facilitan la actualización de los campos personalizados muy fáciles. Esto es extremadamente útil para proporcionar una interfaz de uso más intuitiva para los clientes que pueden actualizar su sitio utilizando campos personalizados. Después de instalar y activar el complemento ACF, vaya a la placa de WordPress y campos personalizados> agregar un nuevo. Agregue un nuevo grupo de campo para configurar un nuevo grupo, le dé un título al nuevo campo. En la sección de ubicación (o conmutación), cambie la configuración para que el tipo de publicación sea igual al “proyecto” en lugar de publicar. Esto prácticamente le dice al complemento que muestre este grupo de campo personalizado solo en el tipo de proyecto de publicación incorporado en el DIV (puede salir como publicación y, si lo desea. Su elección), luego desplácese hacia abajo a la sección Configuración y actualice lo siguiente:
Posición: Alto (según el contenido) Esta configuración de posición determina la ubicación de su grupo de campo personalizado en su publicación o editor de retroceso de su página.
Agregue campos personalizados al grupo de campo ahora que su grupo ha sido creado y configurado es hora de comenzar a agregar campos personalizados al grupo. El campo de altavoces personalizado para el primer campo personalizado, para agregar un lugar para que los usuarios introduzcan un altavoz de sermón. Para agregar un nuevo campo, haga clic en el botón “Agregar campo” e ingrese lo siguiente: Etiqueta de campo: Nombre del campo: Altavoz de campo: Seleccione Opciones (ingrese cada una en una nueva línea): Pastor principal, Pastor Asociado, Pastor Juvenil, Orador El personalizado Invitado por el título del sermón, agregue un campo personalizado para el título. Etiqueta de campo: Título predícito Nombre del campo: Sermon_title Tipo de campo: Texto Sustituyente Texto: Título predicho
El campo sermonizado personalizado dado, agregue un campo personalizado para la fecha del sermón. Se establecerá para tener un tipo de campo de selección de datos, de modo que agregar nuevos datos sea muy fácil. Etiqueta de campo: Fecha predícita Nombre del campo: Sermon_date Tipo de campo: Selector de datos Pantalla: F J, Y Formato de retorno: F J, Y Semana Inicio: Lunes
Descripción del campo personalizado La predicación luego, agregue un campo personalizado para la descripción del sermón. Esto permitirá a los usuarios actualizar el contenido de publicación utilizando un editor WYSIWYG sin tener que abrir el generador visual.
Etiqueta de campo: Descripción Predicie Nombre Campo: Sermon_Decription Tipo de campo: editor WYSIWYG
Incrustar el sermón de audio del campo de incrustación Luego, agregue un campo personalizado para incorporar el sermón utilizando el tipo de campo ombre. Esto nos permitirá incorporar una incorporación de audio del sermón simplemente actualizando la URL de audio para la incorporación de fondo. Etiqueta de campo: incrustar el nombre del campo del sermón de audio: sermon_audio_embed type: ombedcade El sermón de audio de la URL luego, agregue un campo personalizado para la URL del sermón, para que podamos usar la URL para completar un enlace dentro de un módulo para crear un enlace de descarga al archivo .
Etiqueta de campo: Sermon Audio URL Nombres de campo: Sermon_audio_url Tipo de campo: URL
Bien. Después de que los campos personalizados se hayan agregado a nuestro grupo de campo, no olvide salvar el grupo de campo. Ahora podemos comenzar a crear la apariencia del sermón para el contenido del sermón del campo personalizado que se utilizará como un contenido dinámico en todo el puesto. Cree un nuevo proyecto desde el tablero de WordPress, explore proyectos> Agregar un nuevo. Luego ingrese un título para el proyecto que debería ser el título del sermón (pero que depende de usted). Luego haga clic para usar Divi Builder. Verá el grupo de campo personalizado que se muestra en la parte superior del fabricante de Divii.
Ahora complete los campos personalizados con información sobre sermones específicos para esta publicación. Altavoz: Pastor senior (seleccionado de un menú desplegable) Título de predicción: una nueva creación (o lo que desee) Fecha de predicción: Seleccione Fecha en Data Selector Descripción: Use el editor Wysiwyg para introducir la descripción del sermón de audio de la inserción: Ingrese el URL del archivo multimedia que desea incorporar en la URL de audio de sermón de reproductor multimedia: ingrese la URL del archivo multimedia (debe ser un archivo zip si desea que se descargue inmediatamente), agregue una imagen recomendada para su proyecto. servirá como una imagen utilizada para el reproductor de audio de la apariencia del sermón.
Agregar un nuevo look prefabricado para su proyecto ahora haga clic para usar Visual Builder. (Nota: Actualmente, el Backend Builder no acepta contenido dinámico, por lo que debemos implementar la compilación visual. Si prefiere personalizar el aspecto con una mejor funcionalidad del Backend Builder, simplemente implementa el Builder visual y haga clic en el modo de estructura alambre). Luego haga clic en la opción de elegir un aspecto prefabricado. Desde la ventana de carga emergente en la biblioteca, seleccione la iglesia del paquete de diseño y luego haga clic para usar el aspecto de la página del blog.
Una vez que la apariencia se carga en la página, borre las secciones segunda, cuarta y quinta. Ahora su apariencia debe tener solo tres secciones: la sección Uptrete, la sección “Última predici” y la sección inferior.
Luego elimine el módulo de blog de la segunda sección. Actualice el módulo de texto “Los últimos sermones” para que tenga el siguiente contenido:
Descripción
Luego copie ese módulo de texto y actualice el contenido para decir “Escuchar ahora”.
Agregar el diseño dinámico Descripción del sermón del sermón Ahora estamos listos para comenzar a construir el contenido de audio en el sermón dinámico para nuestra sección. Para empezar, agregaremos la descripción del sermón justo debajo del módulo de texto con el título “Descripción”. Para hacer esto, agregue un nuevo módulo de texto. Coloque el cursor sobre el cuadro de inserción de contenido y haga clic en el icono de contenido dinámico.
Luego seleccione la descripción del campo personalizado Descripción del sermón de la lista de caída.
Guarde la configuración. Ahora la descripción del sermón se mostrará como un contenido dinámico. Esto significa que lo que se suma al cuadro para introducir la descripción del sermón en la pantalla del editor de backend se actualizará dinámicamente en la página del proyecto. El módulo de audio y la incorporación de audio en el módulo de texto con el título “Escuchar ahora”, agrega un nuevo módulo de audio. Luego actualice el contenido de texto con el siguiente contenido dinámico: Título: Título predícito (campo personalizado) Nombre del artista: altavoz (campo personalizado) Nombre del álbum: etiquetas Predician Fecha (campo personalizado) realmente no importan, porque principalmente se referimos a la colocación de la dinámica Contenido en el audio del módulo. El título de predicación, el altavoz y la fecha del sermón se muestran maravillosamente en el módulo de audio, sin trabajar en absoluto.
Para la imagen de portada del módulo de audio, agregue contenido dinámico haciendo clic en el icono de contenido dinámico al pasar el mouse sobre el área de vista previa de la imagen y seleccione la imagen presentada.
Ahora, lo que sea que establezca como una imagen presentada en el Backynd completará automáticamente la imagen de portada para el sonido del sermón. Para ajustar mejor el diseño de diseño, guarde la configuración y copie la parte inferior de la sección inferior haciendo clic en el texto de la categoría de fondo en la configuración de la sección y seleccionando “Fondo de copia”.
Ahora pegue el fondo en la configuración de fondo del módulo de audio abriendo la configuración del módulo de audio, hecha la derecha en el texto de la categoría de fondo y haciendo clic en la opción “Glipe the Background”.
Luego cambie a la configuración de diseño y actualice lo siguiente: Orientación del texto: Margen personalizado izquierdo: 0 PX a continuación
Ahora, todo lo que nos queda para completar el reproductor de audio del sermón es la incorporación real del reproductor de audio. Actualmente, el cuadro de entrada de audio incorporado en el módulo de audio no acepta contenido dinámico (estoy seguro de que funcionará en el futuro), por lo que haremos una pequeña solución. Crearemos un nuevo módulo de texto y agregaremos el archivo de audio construido en el contenido dinámico. Y debido a la forma en que WordPress reconoce el código corto generado por el campo personalizado, mostrará el reproductor de audio predeterminado. Para hacer esto, agregue un módulo de texto en el módulo de audio y luego agregue el campo personalizado “Incrustar el audio” como un contenido dinámico. Asegúrese de activar el HTML bruto para que funcione el código corto.
Ahora podemos colocar nuestro reproductor de audio dentro del módulo de audio con un cierto margen personalizado. Vaya a la pestaña de diseño y actualice lo siguiente: Margen personalizado (escritorio): -40 px arriba, 280 px izquierda, 60 px margen personalizado (tableta): 0 px izquierda, 0 px de descarga de descarga a veces, es útil para los usuarios de descargar el archivo de audio. Para facilitar esto, puede agregar un enlace al archivo de audio a su publicación para hacer esto, utilizaremos contenido dinámico para completar un módulo de propaganda con el título y la URL de audio. Agregue un módulo de propaganda en el módulo de audio y actualice el contenido de la siguiente manera: Título: Título predícito (personalizado mucho con un enlace que se puede hacer clic, Actualice lo siguiente: Color de icono: RGBA (33.50.94.0.86) Colocar imagen / icono: Título de la izquierda Estilo de fuente: U Color subrainador Título: RGBA (33.50.94, 0.86) Título Texto Color: RGBA (33.50.94.0.86) Título Altura de la línea: 2EM Contenido: 100%
Para que la conexión sea aún más fácil de reconocer como una descarga, puede editar el contenido dinámico del título predícito que ocupa el título de la propaganda con texto adicional en el cuadro de entrada después de lo cual escribe “(descargar)”.
Agregar el título y el meta de la predicción al título para el último paso, para garantizar que nuestra sección de encabezado / proyecto use contenido dinámico para el título de la publicación, junto con el nombre del altavoz y la fecha del sermón. Para esto, abra la configuración del encabezado con un ancho completo y actualice lo siguiente: Título: Título predícito (campo personalizado) Texto del subtítulo: altavoz (campo personalizado) (nota: Para el contenido dinámico del altavoz, ingrese “por” en el Entrada anterior) Botón # 1 Texto del enlace: Elimine el texto de conexión # 2: Eliminar contenido: fecha predicha (campo personalizado) Ahora cambie a la pestaña de diseño y elimine el relleno personalizado. Aquí esta el resultado final.
Ahora, todo lo que tendrá que hacer en el futuro es salvar la apariencia en la Biblioteca de la Divica para ser utilizada para futuras publicaciones de sermones. Y dado que tiene su grupo de campo personalizado listo para iniciar todos los proyectos, simplemente puede actualizar la información de campo personalizada en el Backynd, sin tener que abrir Visual Builder.
