Cómo crear publicaciones de blog exclusivas para miembros con opciones de división de

Las condiciones de divin ‘construidas facilitan la ocultación o visualización de cualquier elemento basado en varias condiciones, incluida la condición conectada del usuario. Una aplicación verdaderamente útil de esta funcionalidad condicional es la creación de publicaciones de blog exclusivas para los miembros. La idea es mostrar a los no membres (o usuarios desconectados) un extracto corto del contenido de la publicación junto con una necesidad de acción para registrarse o conectarse para ver el artículo completo. Luego, para los miembros (o usuarios conectados), muestre la publicación completa con todo el contenido.
En este tutorial, le mostraremos cómo crear publicaciones de blog exclusivas para los miembros que usan el generador de temas de la Divic y las nuevas condiciones de Div. Una vez que haya terminado, tendrá una plantilla dinámica de publicación de blog que estimulará a los usuarios a convertirse en miembros de su sitio para ver el contenido completo de cada publicación. ¡Vamos a empezar! Él saca la vista con un vistazo rápido al diseño que construiremos en este tutorial. Aquí hay una publicación de blog que muestra solo el fragmento de publicación y una superposición de CTA que invita a los usuarios a convertirse en miembros o conectarse para ver el artículo completo.

Después de autenticar utilizando el formulario de autenticación, será redirigido a la misma publicación, mostrando todo el contenido de la publicación. Descargue la plantilla de publicación exclusiva de forma gratuita para poner su mano en la plantilla de publicación exclusiva gratuita para los miembros de este tutorial, primero tendrá que descargarla usando el botón a continuación. Para tener acceso a la descarga, deberá suscribirse a nuestra lista diaria de correo electrónico utilizando el formulario a continuación. ¡Como nuevo suscriptor, recibirá más buenas divisiones y un paquete Divaut gratuito todos los lunes! Si ya está en la lista, simplemente ingrese la dirección de correo electrónico a continuación y haga clic en Descargar. No se “volverá a suscribirse” y no recibirá correos electrónicos adicionales. Determine los archivos
Descargue el registro gratuito para el Boletín Informativo Divic y le enviaremos una copia de la página de la página de la página final, además de muchos otros recursos, consejos y consejos para Div gratis. Sigue a ti mismo y serás una división maestra en el menor tiempo. Si ya está suscrito, simplemente ingrese el correo electrónico a continuación y haga clic en Descargar para acceder al paquete de apariencia.

Te has suscripto satisfactoriamente. ¡Consulte su correo electrónico para confirmar su suscripción y obtener acceso a paquetes de diseño semanales gratuitos!
Cómo cargar la plantilla Access Div Teme Builder para cargar la plantilla, continúe de la siguiente manera:
Navegue al creador de temas Divin en el fondo del sitio web de WordPress.
Luego, en la esquina superior derecha, verá un icono de dos fluidos. Haga clic en el icono.
En la ventana de portabilidad emergente, seleccione el archivo JSON de la tabla de tabla de importación que pueda descargar en esta publicación
Haga clic en “Importar plantillas para el generador de temas de la Divic”.
Ahorra cambios
Cómo crear publicaciones de blog exclusivas para los miembros con la condición de la Divica Parte 1: Cargando la plantilla de publicación de blog para este tutorial, crearemos publicaciones de blog exclusivas agregando opciones de condición en una plantilla de publicación de blog. Puede usar cualquier plantilla de publicación de blog personalizada que desee, pero por ahora usaremos la plantilla de publicación en el blog Marina, que ya está preparado y listo para descargar en nuestro blog.
Para descargar la plantilla de publicación del blog Marina, navegue por la publicación en nuestro blog. En la sección de descarga, ingrese la dirección de correo electrónico para acceder a la descarga. Luego haga clic en el botón Descargar para descargar el archivo zip.

Después de descargar, descomprima el archivo para que el archivo JSON esté listo para cargar. Para cargar la plantilla de publicación del blog en su sitio, haga lo siguiente:
Navegue al creador de temas Divin en el fondo del sitio web de WordPress.

Luego, en la esquina superior derecha, verá un icono de dos fluidos. Haga clic en el icono.
En la ventana de portabilidad emergente, seleccione la pestaña Importar
Sube el archivo JSON que puedes descargar en esta publicación
Haga clic en “Importar plantillas para el generador de temas de la Divic”.
Haga clic en el icono de edición en el cuerpo personalizado de la plantilla para comenzar a editar la apariencia.
Parte 2: Creación de contenido posterior al extracto para usuarios desconectados Después de que se haya importado la plantilla de publicación del blog y ha hecho clic para editar el cuerpo personalizado de la plantilla, está listo para agregar el contenido de los postores desconectados. El contenido del extracto de publicación está disponible como un contenido dinámico en la división y es una manera perfecta de mostrar una vista previa del contenido de publicación sin mostrar todo el contenido de la publicación. Agregue una nueva línea para la publicación de la publicación antes de agregar el contenido del extracto de publicación, primero, agregue una nueva línea directamente debajo de la fila existente que contiene el contenido y el módulo de navegación de POST. La nueva fila.
Abra la nueva configuración de la fila y actualice el relleno de la siguiente manera:

Lado de llenado: 20 PX

Esto nos dará una distancia estática que podemos superponerse más tarde con nuestra sección de superposición. Agregue un nuevo módulo de texto con extracto publicado como contenido dinámico dentro de la fila, agregue un nuevo módulo de texto.


En la pestaña Contenido de la configuración de texto, haga clic en el icono de contenido dinámico al pasar con el mouse sobre el área del cuerpo y seleccione usar la publicación de contenido dinámico.
Para que coincidan con los estilos de texto con el aspecto actual, abra la configuración para el módulo de contenido de publicación y copie los estilos de texto.

Luego pase los estilos de texto al nuevo módulo de texto que contiene el contenido dinámico del extracto posterior.

Luego haga lo mismo para los estilos del título. Copie los estilos de encabezado en el módulo de publicación.

Luego pegue los estilos de texto en el nuevo módulo de texto. Ahora, cualquier contenido extraído heredará los estilos coincidentes establecidos en el módulo de texto. Parte 3: Construcción de la sección de superposición de CTA para usuarios desconectados ahora, después de que se completa el contenido del extracto posterior, estamos listos para construir la sección de superposición de CTA que queremos mostrar para usuarios desconectados.

Agregue una nueva sección y una fila para hacer esto, agregue una nueva sección habitual en la sección que contenga el contenido de la publicación y los extractos de publicación.

Agregue una fila con dos columnas a la sección.

Agregue una acción a la acción para no miembro a la columna izquierda, agregue un módulo de llamadas a la acción. Esto servirá como un impulso a la acción que alienta al usuario a hacer clic en un botón para registrarse para convertirse en miembro. Por lo tanto, querrá asegurarse de tener una página de registro de suscripción a la que puede redirigir a los usuarios con el botón URL.

En la pestaña contenida en la configuración de urgencia, actualice lo siguiente:
Título: ir a contenido premium


Botón: Únete por $ 4.99 / mes

URL del botón: #

Color de fondo: # 12115d
En la pestaña Diseño, actualice el texto y los estilos de los botones de la siguiente manera:
Título de la fuente: Playfair Display
Título Fuente de peso: Bold
La altura de la línea del cuerpo: 2em

Tamaño de texto de texto: 16 PX
El color del texto del botón: # 12115d
El color del fondo de fondo: #fff
Revestimiento del botón: 0.7em hacia arriba, 0.7em hacia abajo, 1.7em a la izquierda, 1.7em a la derecha
Agregue un formulario de conexión para los miembros existentes a la columna derecha, agregue un módulo de inicio de sesión. Esto permitirá que los usuarios existentes se conecten para ver el elemento completo si aún no están conectados. En la pestaña Contenido de la configuración de conexión, actualice lo siguiente:
Título: Inicie sesión para leer el artículo completo
Redirección a la página actual: sí
Use el color de fondo: no

Nota: Asegúrese de redirigir a los usuarios a la página actual para una mejor experiencia de usuario. Además, aún no podrá ver el texto blanco sin un color de fondo, pero solucionaremos el problema.

En la pestaña Diseño, actualice lo siguiente:
Color de fondo de campo: # E3E8F0
Color de texto: oscuro
Título de la fuente: Playfair Display
Título Fuente de peso: Bold

Alineación del texto del título: Centro
Para acelerar el proceso de obtención de un estilo de botón de ajuste, copie los estilos de botones del módulo de correo electrónico desde la columna derecha de la línea con el título “Une el boletín informativo”.
Luego pegue los estilos de los botones en el nuevo módulo de conexión que acabamos de crear.
Agregue los estilos de superposición de la sección para completar el diseño de la sección superpuesta, debemos agregar algunos elementos de estilo a la sección que contiene el CTA y el formulario de inicio de sesión. Abra la configuración de la sección y actualice la configuración de diseño de la siguiente manera:
Marja: -60px top
Box Shadow: Ver captura de pantalla

Box Shadow Posición vertical: -50px

La posición poco clara de la sombra de la caja: 50 px

Color de la sombra: #fff
Esto elevará la sección con 60 píxeles, de modo que la sombra del cuadro se superpone sobre la parte inferior del texto del extracto posterior en la sección anterior. En la pestaña avanzada, asegúrese de que la sección superpuesta permanezca por encima de los otros elementos encendidos La página, actualizando el índice z de la sección en las 12.
IND ÍNDICE: 12
Parte 4: Agregar las condiciones de visualización a los elementos de acuerdo con el estado conectado del usuario ahora, después de la publicación del extracto posterior y la sección de superposición (con el CTA y el formulario de inicio de sesión) están completos, estamos listos para usar el construido – En condiciones de Div. Ocultar y mostrar elementos basados ​​en el usuario conectado. Muestre el contenido de publicación completo para los usuarios en primer lugar, agregaremos una condición de visualización para mostrar el giro que contiene contenido de publicación solo para usuarios conectados. Para hacer esto, abra la configuración promedio y, en la pestaña avanzada, haga clic para agregar una nueva condición de visualización. En el menú Drop -down, seleccione la opción “Estado conectado”. En la configuración de la ventana emergente conectada, asegúrese de que la opción esté configurada para mostrar solo si el usuario está conectado. Luego guarde los cambios.
Muestre el giro de la publicación para los usuarios desconectados con el contenido de la publicación que se oculta hoy a los usuarios desconectados, debemos mostrarles la fila que contiene el contenido del extracto de esos usuarios desconectados. Para hacer esto, abra la configuración para la fila que contiene el fragmento de publicación y, en la pestaña avanzada, haga clic para agregar una nueva condición de visualización. En el menú Drop -down, seleccione la opción “Estado conectado”. En la configuración de la ventana emergente conectada, asegúrese de seleccionar la opción de visualización solo si el usuario está desconectado. Luego guarde los cambios. Asocie la sección de superposición de CTA para los usuarios desconectados, además del contenido del extracto posterior, queremos mostrar la sección CTA superpuesta a los usuarios desconectados. Esto les dará la oportunidad de registrarse para convertirse en miembro y / o conectarse para ver el artículo completo. Para hacer esto, abra la configuración para la sección que contiene el CTA y el formulario de inicio de sesión. En la pestaña avanzada, haga clic para agregar una nueva condición de visualización. En el menú Drop -down, seleccione la opción “Estado conectado”. En la configuración de la ventana emergente conectada, asegúrese de seleccionar la opción de visualización solo si el usuario está desconectado. Luego guarde los cambios.
Ocultar los elementos adicionales para los usuarios desconectados, además del contenido de la publicación, es posible que desee ocultar secciones o elementos adicionales que contienen el contenido de la publicación (como publicaciones relacionadas, comentarios, etc.). Para ocultar los elementos de publicación adicionales, use la función de selección múltiple de la división para seleccionar todas las secciones que desea ocultar, luego abra la configuración de uno de los elementos y agregue una nueva condición de visualización. Seleccione la condición conectada y asegúrese de que esté configurado para mostrar solo si el usuario está conectado. Y guarde los cambios. Parte 5: Publicar el contenido de extracto de publicación Por defecto, el contenido dinámico en el extracto posterior mostrará un pequeño fragmento del contenido de la publicación. Sin embargo, puede personalizar el contenido del extracto de publicación para mostrar cualquier contenido que desee. Para hacer esto, edite cualquiera de sus publicaciones y agregue el contenido HTML bajo el cambio de la barra lateral con las opciones del editor de publicaciones.
Resultado final Para ver el resultado final, abra una versión en vivo de una publicación de blog mientras está desconectado. Debería ver el final de la publicación y la superposición de la sección CTA.