Cómo y dónde incluir las publicaciones de navegación en la plantilla de post -blog

La navegación de la publicación es un conjunto de enlaces, generalmente en la parte inferior de una publicación de blog que puede llevarlo a la publicación anterior o siguiente. Afortunadamente, la navegación de las publicaciones es fácil de agregar a las publicaciones de blog en el temas Builder Div. En este artículo, veremos cómo y dónde incluir la navegación en las publicaciones en la plantilla de publicación del blog de Divic. También analizaremos tres formas diferentes de organizarlos. Vamos a empezar. Vista previa primero, aquí hay una vista previa de los tres modelos diferentes que haremos. Enlaces de escritorio anteriores y siguientes texto

Enlaces de texto del teléfono anterior y siguiente

Los botones anteriores y el siguiente para el escritorio

Los botones anteriores y el siguiente para el teléfono

El botón anterior y el siguiente escritorio de dos cara

El botón anterior y la cara de siguiente lado para el teléfono

Por qué incluir las publicaciones de navegación de navegación de navegación es una excelente manera de optimizar su sitio para navegar, funciona como un impulso a la acción. Esto llama la atención sobre su contenido y mantiene a sus lectores en su sitio más tiempo. Simplifica el proceso de encontrar otra publicación de lectura. El módulo de navegación posterior a la división permite al usuario navegar a la publicación anterior o siguiente. Tiene más opciones sobre cómo funciona. Pueden hacer un enlace a publicaciones de todas las categorías o categorías específicas. Pueden mostrar el texto que ingresamos o los nombres de las publicaciones. Incluso podemos deshabilitar los enlaces anteriores y próximos de forma independiente.
Dónde colocar la navegación de los enlaces de navegación no debe verse ni sentirse como enlaces aleatorios. Deben ser colocados para que los lectores entiendan lo que son. La mejor ubicación para esto está bajo el contenido de la publicación del blog. Tan pronto como el lector ha terminado de publicar en el blog, se le presenta una forma simple de ver la publicación anterior o siguiente. Esta es la ubicación que más los trae desde entonces y es la ubicación más útil para aumentar el tráfico. Suscríbase a nuestra carga de canal de YouTube o cree una plantilla de publicación en el blog para la plantilla de publicación del blog, puede crear una desde cero o puede descargar una de los temas elegantes del blog. Hay muchas publicaciones de blog gratuitas en el blog ET, que están diseñadas para que coincidan con los paquetes de división gratuita para reproducir. Solo busque “plantilla de publicación de blog gratuita”. Descargue y descomprima la plantilla. Para mis ejemplos de capturas de pantalla, utilizo la plantilla de publicación de blog corporativa gratuita. Modelaré el módulo de navegación en la publicación para que coincida con esta plantilla de publicación de blog.

Para cargar o crear una plantilla, vaya a Divin> Temo Builder desde el tablero de WordPress. Para cargar, seleccione la portabilidad y haga clic en Importar en el módulo Abrir. Haga clic para elegir su archivo y navegar y seleccione el archivo JSON en su computadora. Haga clic en Importar plantillas de constructor de temas Div Div y espere la carga. Guarde su configuración

Div
Creador de temas
Portabilidad
Importar
Elija el archivo
Plantillas impretas divide temas constructor
ahorrar
Agregar publicación de publicación a div Div
Agregaremos la navegación de la publicación en nuestra propia línea bajo el contenido de la publicación. Este aspecto utiliza colores de fondo en filas, por lo que agregaremos espacio con un separador. Usaremos la misma fila para los tres modelos. Seguimos en la vista de estructura alámbrica para ser más fáciles de ver. Agregue una nueva fila con una sola columna debajo de la línea con el contenido de la publicación.

Agregue un módulo divisor en una fila.

En la configuración del divisor, establezca la visibilidad para no mostrar el separador. Cierre la configuración divisional.

Show Separator: No

Luego agregue un módulo de navegación posterior.
Finalmente, tire del módulo sobre el divisor en la misma fila. Usaremos esto para nuestros dos primeros modelos. Haremos un pequeño cambio para el tercer diseño. Luego, estilizaremos el módulo posterior a la navegación para crear tres modelos diferentes. Diseño de navegación para la primera publicación: enlaces de texto anteriores y próximos

La opción de navegación más simple en la publicación son enlaces de texto. Esta es la configuración predeterminada del módulo de navegación posterior. Mantendremos el texto pero cambiaremos los nombres de los enlaces. Por defecto, mostrarán los nombres de las publicaciones.

Seleccione el escritorio e ingrese la publicación anterior en el campo de enlace anterior y la siguiente publicación en el siguiente campo de enlace. Dejaremos el resto de la configuración en los valores predeterminados para ello.

Enlace anterior: publicación anterior
Siguiente enlace: próxima publicación
Seleccione el icono del teléfono en el enlace anterior e ingrese previamente en los campos.
Enlace anterior: anterior


Siguiente enlace: Siguiente
Luego acceda a la pestaña de diseño. Cambie la fuente para abrir Sans, hacerlo audaz, mayúscula y cambie el color a #1D1D25.
Fuente para enlaces: abre sans

Peso de fuente: en negrita
Estilo de fuente: todas las letras mayúsculas: #1D1D25
Cambie el espacio de letras a 2 PX y la altura de la línea a 1.2 em. Cierre el módulo y guarde la configuración.
Espacio entre letras: 2 PX
Altura de la línea: 1.2 em

Segunda publicación Diseño de navegación: botones anteriores y próximos
En la configuración de contenido para navegar por la publicación, desplácese hacia abajo hasta el fondo y configúrelo en #4C594C (u otro color en su apariencia). Dejaremos la otra configuración en la pestaña contenida en los valores predeterminados. Esto permitirá que el módulo muestre los nombres de las publicaciones.
Color de fondo: #4C594C
Seleccione la pestaña Diseño. Para enlaces, elija Open Sans, Bold y cambie el color a blanco. Establezca el espacio de las letras en 2 px y la altura de la línea a 1.2 em.

Fuente para enlaces: abre sans
Peso de fuente: en negrita

Color: #ffffff
Espacio entre letras: 2 PX
Altura de la línea: 1.2 em
Desplácese hacia abajo hasta el espacio. Agregue 40 píxeles de relleno en la parte superior e inferior y 20 píxeles a la izquierda y a la derecha. Cierre la configuración y guárdela.
Llenado: 40px (arriba, abajo), 20px (izquierda, derecha)
Tercera publicación de diseño de navegación: el botón anterior y los siguientes dos de cara

Primero, cree una nueva fila debajo de la fila que contenga el módulo de navegación posterior y tire del divisor.
Ahora, abra la configuración para el módulo de navegación posterior.
Configuración de fila

Desplácese hacia abajo hasta la configuración de fondo y configure el color en #1D1D25 (o cualquier otro color en su aspecto).

Color de fondo: #1D1D25
Vaya a la pestaña Diseño. Bajo tamaño, cambie el ancho a 90% y el ancho máximo a 500px.

Ancho: 90%
Ancho máximo: 500 PX

Desplácese hasta el espacio y agregue el relleno de 20 PX en la parte superior e inferior y 30 PX hacia la izquierda y la derecha. Phillion: 20px (arriba, abajo), 30px (izquierda, derecha)
Desplácese hasta la configuración del borde y agregue PX en los cuatro lados de las esquinas redondeadas. Cierre la configuración de las filas.
Esquinas redondeadas: 30px

Configuración para el módulo de navegación posterior
Abra el módulo de navegación posterior y seleccione la pestaña Diseño. Último hacer la configuración de contenido. Establezca la fuente para abrir Sans, peso en negrita, estilo para todo el proceso y color en blanco. Cambie el espacio de letras a 2 PX y la altura de la línea a 1.2 em.

Fuente para enlaces: abre sans
Peso de fuente: en negrita
Estilo de fuente: todo el mayúscula

Color: #ffffff
Espacio entre letras: 2 PX
Altura de la línea: 1.2 em
Vaya a la pestaña de contenido. Desplácese a categorías y active la navegación en la categoría actual. Esto solo mostrará publicaciones en la misma categoría. Dejaremos el campo vacío pero puede agregar el nombre de la taxonomía si lo desea. También dejaremos los campos de texto vacíos para usar los nombres de las publicaciones. Cierre la configuración y guárdela.
Navegue en la categoría actual: Sí
Los resultados de la navegación de la publicación aquí son los resultados para los tres modelos. Enlaces de escritorio anteriores y siguientes texto
Enlaces de texto del teléfono anterior y siguiente

Los botones anteriores y el siguiente para el escritorio
Los botones anteriores y el siguiente para el teléfono
El botón anterior y el siguiente escritorio de dos cara

El botón anterior y la cara de siguiente lado para el teléfono