Cómo crear un aspecto personalizado para una sola publicación en WordPress con div Div

En el tema, puede personalizar la apariencia de una sola publicación personalizando el tema de WordPress (aspecto -> personalización). Sin embargo, las opciones para personalizar la aparición de una sola publicación son muy limitadas. Ni siquiera puede cambiar la tipografía del cuerpo del texto (tamaño de fuente, estilo de fuente, familia de fuentes y color de fuente). Afortunadamente, Divi Builder (Generador de páginas predeterminado) viene con una característica de crear el tema que le permite crear un aspecto personalizado para una sola publicación. Debido a que Divi Builder ahora se puede instalar en cualquier WordPress, aparte de los temas desarrollados por temas elegantes, puede crear un aspecto personalizado con una sola publicación con Div Builder, independientemente del tema de WordPress que use.
Hay dos formas de crear un aspecto personalizado para una sola publicación en WordPress con Divi Builder. Puede crear un aspecto personalizado para una sola publicación, ya sea desde una plantilla prefabricada o desde cero. Crear un aspecto personalizado para una sola publicación en WordPress con Divi Builder Div Builder le permite crear una sola publicación personalizada utilizando su editor visual, donde todo es querido y caído. No es necesario tocar una sola línea HTML o CSS. Puede crear un aspecto personalizado para una sola publicación, ya sea para todo el sitio web o para ciertas publicaciones/páginas, en función de ciertos criterios, como por etiqueta o categoría. Al crear un aspecto personalizado para una sola publicación, puede usar los siguientes módulos:
Publicación Título: para mostrar el título de la publicación
PROBAJE: para mostrar la publicación meta (autor postor, fecha, número de comentarios, etc.)
Contenido de publicación: para mostrar el contenido de publicación (elemento e imagen) de la publicación de la publicación: para agregar la navegación de la publicación (anterior y siguiente publicación)))
Comentarios: (para mostrar el cuadro de comentarios)
Además de los módulos anteriores, puede agregar cualquier módulo que desee. Por ejemplo, puede usar el módulo Optin de correo electrónico para agregar un formulario de suscripción de correo electrónico. Cómo crear una apariencia personalizada para una sola publicación de una plantilla prefabricada Aunque puede crear una apariencia de postura única a partir de una plantilla prefabricada, Div Builder no ofrece plantillas prefabricadas en la biblioteca de plantillas, como Elementor. Sin embargo, en una de sus publicaciones de blog oficiales, los temas elegantes (desarrollador Div Builder) ofrecen una plantilla prefabricada que puede descargar.
Descargar plantilla personalizada para una sola publicación
Después de descargar el archivo de plantilla anterior, que está disponible en formato ZIP, descomprima hasta que obtenga el archivo JSON. Este es (archivo json) el archivo que necesita. Luego conéctese a la placa de WordPress y vaya a Div -> Temor Builder. Haga clic en el icono con dos flechas en el lado derecho.
En la ventana que aparece, vaya a la pestaña Importar y haga clic en el archivo no seleccionado para seleccionar el archivo JSON que acaba de descargar. Haga clic en el botón Importar plantillas de constructor de temas de divortes.

Una nueva plantilla debe estar disponible en el generador de temas. Hasta ahora, ha creado con éxito un aspecto personalizado para una sola publicación. Puede hacer clic en el botón Guardar cambios para aplicarlo a todo el sitio web. Si hay algunas partes que desea editar, puede hacer clic en el icono del lápiz para editar la plantilla. Véelo al editor de Divi Builder después de hacer clic en el icono de lápiz anterior. En el editor de Divic Builder, puede editar los elementos que desea editar. Ya sean secciones, filas o módulos. Para ver la estructura del aspecto de publicación único, puede activar la característica característica del marco de cable.

Para editar un elemento, puede pasar con el mouse en el elemento que desea editar y hacer clic en el icono de la rueda para abrir la ventana de configuración. O, si se encuentra en modo de vista de estructura alámbrica, simplemente puede hacer clic en el icono de la rueda en el elemento que desea editar.

Puede personalizar un elemento a través de la ventana de configuración. Hay tres pestañas que encontrará en la ventana Configuración: contenido, diseño, avanzado.

Pestaña de contenido: para editar contenido (imagen, texto, icono)

Pestaña de diseño: para personalizar el elemento, como tipografía, color, bordes, rellenos, efectos de animación, etc.
Pestaña avanzada: para agregar CSS personalizado y activar/desactivar un elemento en un dispositivo en particular.
Después de haber terminado de editar la plantilla, haga clic en el botón de rescate en la esquina inferior derecha para guardar los cambios y haga clic en el icono X en la esquina superior derecha para salir del editor de Divin Builder.
Asegúrese de hacer clic en el botón Guardar cambios en la página de facturación para aplicar los cambios. Cómo crear un aspecto personalizado para una sola publicación desde cero si tiene su propio concepto de diseño de la apariencia de una sola publicación para su sitio, entonces crear una publicación única de publicación es una gran idea. Por supuesto, lleva más tiempo. Pero puede crear una publicación completamente única de publicación. Puede crear una publicación posterior a la barra o barra. En esta publicación, demostraremos cómo crear una publicación simple de publicación, de la siguiente manera: se necesitan los siguientes elementos para crear una sola publicación de la publicación como se indicó anteriormente.
Sección 1: Para colocar la publicación de publicación, meta publicación, imagen presentada

Sección 2: Para colocar el contenido de la publicación, la navegación posterior

Sección 3: Para colocar el cuadro de comentarios.
Para comenzar, vaya a Div -> Temor Builder. Si desea crear una publicación única global (en todo el sitio), haga clic en Agregar cuerpo global en el bloque de plantillas existente y seleccione Build Global Body.
En el siguiente cuadro de diálogo que aparece, debido a que desea crear un aspecto de publicación único desde cero, haga clic en la opción Inicio de construcción.
Si desea crear un solo aspecto de publicación para una publicación en particular, publique en una categoría en particular o una publicación en una etiqueta determinada, agregue un nuevo bloque de plantilla y seleccione la publicación, etiqueta o categoría para solicitar una sola publicación y haga clic en la plantilla Crear plantilla botón. Haga clic en Agregar cuerpo personalizado y seleccione Build Body Cuerpo personalizado.
# Sección 1 Por defecto, Divi Builder ofrece una sección. Puede usar esta sección como primera sección. Seleccione una estructura de fila que le guste. En este ejemplo, utilizamos una estructura de fila de una sola columna. Su sección puede tener un estilo de divisor predeterminado. Si desea eliminarlo, abra el panel de configuración de sección y acceda a la pestaña de diseño. Puede quitar el separador del bloque de divisores.

Ahora agregue el módulo de publicación de título. Este módulo contiene tres componentes: el título de la publicación en sí, el meta post y la imagen presentados. Usaremos este módulo para mostrar el título y la meta post. Mientras que para la imagen presentada, usaremos el módulo de imagen. Usamos el módulo de título de publicación porque este módulo muestra la publicación meta de manera horizontal (en línea). También puede usar el módulo de la propaganda para mostrar meta post.

En la ventana Configuración, abra el bloque de elementos en la pestaña de contenido y apague la opción de visualización de imagen recomendada. También puede deshabilitar otros elementos que no desea mostrar en meta franqueo.


Para atacar el módulo, puede acceder a la pestaña de diseño. Desde esta pestaña, puede establecer la alineación del texto, el tamaño del texto del título, el color del texto del título, la fuente del título, el tamaño del texto, el meta texto, la meta fuente, los rellenos, los bordes y pronto . Recuerde hacer clic en el botón de verificación Verde para aplicar los cambios que ha realizado.

Agregue otro módulo (modo de imagen). En el bloque de imágenes en la pestaña de contenido, haga clic en el icono de la basura para eliminar la imagen. Luego haga clic en el icono de la base de datos y seleccione la imagen presentada.

Para establecer el tamaño de la imagen, vaya a la pestaña Design desde la ventana Configuración del módulo. Puede cambiar el tamaño de la imagen (ancho y altura) en el bloque de tamaño. Nuevamente, no olvide hacer clic en el botón de verificación Verde antes de cerrar la ventana Configuración.# Sección 2 Usaremos esta sección para colocar el contenido de la publicación. Agregue una sección haciendo clic en el icono Blue Plus y seleccione Regular. Como queremos crear una apariencia única posterior a la barra, seleccionamos la estructura de fila con una sola columna.

Agregue el contenido de la publicación del módulo en la columna. Para personalizar el contenido de la publicación, puede acceder a la pestaña Design desde la ventana Configuración. Para personalizar el cuerpo del texto (estilo de fuente, familia de fuentes, color de texto, tamaño de texto, alineación, etc.), puede abrir el bloque de texto. Desde este bloque, también puede establecer el color del enlace, el marcador y la numeración.

Para personalizar el texto del título, puede abrir el bloque de texto de título. Para establecer los bordes y los rellenos, puede abrir el bloque de espaciado. Puede jugar con la ventana Configuración para personalizar el estilo del contenido de la publicación. Asegúrese de hacer clic en el botón de verificación verde antes de cerrar la ventana de configuración para aplicar los cambios que ha realizado. Una vez que haya completado el módulo de contenido personalizado, agregue el módulo de navegación de publicación. Por defecto, este módulo muestra el título de publicación como etiqueta de navegación (texto de anclaje). Puede usar un texto diferente (como “Publicación siguiente” y “Publicación anterior”) escribiendo su texto favorito en los campos disponibles en el bloque de texto en la pestaña Contenido.

Vaya a la pestaña Design desde la ventana de configuración para estilizar este módulo. # Sección 3 Utilizaremos esta sección para colocar el cuadro de comentarios. Agregue una nueva sección haciendo clic en el icono Blue Plus y seleccione regularmente. Seleccione una estructura de fila de columna única y agregue el módulo de comentarios. Hay tres elementos que puede mostrar en el cuadro de comentarios: los comentaristas, el botón de respuesta y la cantidad de comentarios. Puede deshabilitar uno de los elementos en el bloque de pestañas de contenido.

Nuevamente, puede acceder a la pestaña Diseño para estresar el módulo de comentarios. Puede establecer cosas como el color de fondo de los campos, el color del texto, el color del enfoque de campo, la fuente de campo, el estilo de fuente de estilo, el meta tipografía, el estilo del botón de referencia, etc. Simplemente juegue hasta que esté satisfecho con el cuadro de comentarios y haga clic en el botón Verde para aplicar los cambios. Después de haber terminado, haga clic en el botón Guardar en la esquina inferior derecha para guardar todos los cambios que ha realizado y haga clic en el icono X para salir del editor de Divin Builder.