homefinance blog
¿Le gustaría crear una página de categoría personalizada en su sitio web de WordPress, pero no tiene habilidades de codificación?En esta publicación, le mostraremos cómo crear una página de categoría personalizada en WordPress sin codificar con Divi Builder.¿Qué es Divi Builder?Si no sabías sobre Divi Builder.Es un complemento de generación de páginas para WordPress que viene con una función de generar temas.La función de generar el tema le permite crear una parte personalizada, como un sótano personalizado, un encabezado personalizado, una apariencia personalizada para una sola publicación, una página de categoría personalizada, una página de autor personalizada, etc.No se requieren habilidades de codificación para crear un tema personalizado utilizando Divi Builder.Puede hacer esto usando un editor de arrastrar por arrastre.Divi Builder se puede instalar en cualquier tema de WordPress.
Descargar Divi Builder
Cómo crear una página de categoría personalizada utilizando Divi Builder Hay dos formas de crear una página de categoría personalizada usando Divi Builder. En primer lugar, puede crear una de una plantilla predeterminada. En segundo lugar, puedes crear uno desde cero. Cubriremos los dos métodos en esta publicación. Divi Builder mismo le permite crear una categoría personalizada global (para todas las categorías en su sitio) o para una categoría en particular. Lea más para obtener más información. Creación de una página de categoría personalizada a partir de una plantilla predeterminada Aunque puede crear una página de categoría personalizada a partir de una plantilla prefabricada, Div Builder no ofrece plantillas de categoría prefabricadas, pero puede obtener una de un elegante blog oficial. de Divi Builder). Desciende la plantilla de categoría personalizada
Después de descargar el archivo de plantilla anterior (que está disponible en formato ZIP), descomprima usando su herramienta sobresaliente favorita. El archivo de plantilla real está disponible en formato JSON. Inicie sesión en el tablero de WordPress y vaya a Div -> Temor Builder para abrir la página Div Div Theme 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 ningún archivo seleccionado y seleccione el archivo de plantilla que acaba de extraer (archivo JSON). Haga clic en el botón Importar plantillas de constructor de temas de divortes para importar plantilla.
Una vez que la plantilla se importe con éxito, debería ver un nuevo bloque de plantilla en el Temo Builder Div. Haga clic en el botón Guardar Modi.
Creando una página de categoría personalizada desde cero, como mencioné, puede usar Divi Builder para crear una página de categoría personalizada para todas las categorías en su sitio web o para una determinada categoría. Crear una página personalizada desde cero le permite establecer el lugar para aplicar la página de categoría personalizada. En este ejemplo, crearemos una página de categoría personalizada como la siguiente. Necesita una sección de 3 líneas para crear una página de categoría personalizada como se indica anteriormente:
Primera fila: para colocar el título de la categoría y el separador
Segunda fila: para colocar la lista de publicaciones y postales
Tercera fila: para colocar la cuadrícula de publicación
Para comenzar, inicie sesión en el tablero de WordPress y vaya a Div -> Temor Builder. Agregue un nuevo bloque de plantilla y seleccione dónde desea aplicar la plantilla de categoría personalizada. Si desea aplicarlo a todas las categorías, seleccione la opción Todas las páginas de categorías. Si desea aplicarlo a una determinada categoría, seleccione la categoría preferida de las páginas de categoría específicas (puede seleccionar varias categorías). Haga clic en el botón Crear plantilla.
Haga clic en Agregar cuerpo personalizado en el bloque de plantilla que acaba de crear y seleccione Build Custom Body.
En el siguiente paso, haga clic en el botón Inicie la construcción desde el edificio desde Zaza. Esto abrirá el editor Divi Builder.
Por defecto, Divi Builder le da una sección. Luego puede agregar líneas dentro de la sección de acuerdo con sus necesidades en nuestro caso, necesitamos 3 filas. En primer lugar, usaremos la primera fila para colocar el título de la categoría y un separador. Haga clic en el botón verde para agregar una fila, luego haga clic en el botón negro para agregar un módulo. El primer módulo que necesita agregar es el módulo de texto. En el panel de configuración de Tex, haga clic en el icono de la base de datos y seleccione un título de publicación/archivo. Haga clic en el icono de la lista de verificación para guardar el cambio.
Si desea agregar un texto adicional (como “artículos”, “publicaciones”) antes o después del título de categoría, puede hacer clic en el icono de la rueda.
Para enfatizar este módulo, puede acceder a la pestaña de diseño desde el panel de configuración. Puede establecer la tipografía (tamaño de fuente, la familia de fuentes, el estilo de fuente) y el color de texto en el bloque de texto. Para configurar el borde y el relleno, puede abrir el bloque de espaciado. Hay algunos otros bloques que puedes abrir. Cada bloque contiene diferentes opciones de estilo. Puedes jugar para estilizar el módulo. Recuerde hacer clic en la lista de verificación verde para aplicar los cambios que ha realizado.
Después de haber terminado con el módulo de texto, agregue el módulo divisor en el módulo de texto.
Segunda fila Haga clic en el botón verde para agregar una nueva fila. Para el segundo, seleccione la estructura con dos columnas.
Agregue el módulo Slider Post a la primera columna (la de la izquierda).
Seleccione las categorías que desea mostrar los elementos en el bloque de contenido. Desde este bloque, también puede establecer la longitud del extracto. Para controlar los elementos que desea mostrar, puede abrir el bloque Elements. Accera la pestaña de diseño del panel de configuración para estilizar el módulo. Después de haber terminado con el módulo de Slider Post, agregue el módulo de blog a la segunda columna (la correcta).
El módulo de blog de Divi Builder no tiene opción para mostrar publicaciones en un estilo de lista como se indica anteriormente. Debe agregar un CSS personalizado para mostrar publicaciones en una lista como la anterior. Para hacer esto, abra el panel de configuración del módulo de blog y acceda a la pestaña avanzada y abra el bloque CSS ID & Class. Pegue la imagen de la imagen del bloqueo izquierdo de la clase CSS en el campo de la clase CSS.
Agregue el módulo de código en el módulo de blog e inserte el siguiente código CSS en el campo Código en el bloque de texto.
@Media (ancho mínimo: 981 PX) {
.Left-Blog-Image .ET_PB_POST .Ntry-FeAte-IMage-Ill {
flota a la izquierda;
Ancho: 100%;
Ancho máximo: 150px;
margen: 0 20px 30px 0;
}
.Left-Blog-Image .et_pb_post {
Jos de borde: 20px! Importante;
}
}
Tercera fila Agregue una nueva fila y agregue el módulo de blog.
En el panel de configuración, vaya a la pestaña de diseño. Cambie el aspecto del blog a la cuadrícula en el bloque de apariencia.
Para establecer el número de publicaciones en la cuadrícula, vaya a la pestaña de contenido. Puede configurarlo en la opción Post County en el bloque de contenido.
Puede acceder a la pestaña Diseño para que estille el módulo. Después de haber terminado, hacer clic en el botón Guardar en la esquina inferior derecha para guardar los cambios y haga clic en el botón X en la esquina superior derecha para salir del editor Divi Builder.
Se lo llevará de vuelta a la página Divin del constructor de temas después de hacer clic en el icono X anterior.Haga clic en Guardar cambios para aplicar la nueva plantilla que acaba de crear. La línea inferior de creación del tema de Divi Builder le permite crear una parte personalizada sin codificación, incluida la página de categoría.Esto le brinda opciones ilimitadas para personalizar su tema.Puede instalar Divi Builder en cualquier tema de WordPress.Aunque algunos módulos aún requieren CSS personalizados para obtener un estilo en particular, no tiene que tomar al menos PHP
