Las páginas del autor fueron difíciles de personalizar. Con la división del constructor de temas, esto ya no es un problema. Puede personalizar no solo las páginas del autor, sino también las páginas de categorías, páginas con resultados de búsqueda y más. En esta publicación, le mostraremos cómo crear una plantilla de página de autor dinámico con el constructor de temas de Divin. Cuando recrea este aspecto en la división de constructor de temas, usará contenido dinámico para que todas las páginas del autor se vean afectadas simultáneamente, mientras mantienen el contenido único para el autor. Todo lo que tiene que hacer es asegurarse de que todos los autores tengan información actualizada. Si no tienen buenas imágenes gravarias, le sugerimos que descargue el complemento Avatar de usuarios de WP para tener más control. ¡Podrá descargar el archivo JSON de la plantilla de forma gratuita!
Vamos a eso. Vista previa antes de comenzar a recrear la plantilla de página para el autor en Temo Builder, para echar un vistazo al resultado en diferentes tamaños de pantalla. Mientras construye la plantilla, el diseño se verá ligeramente diferente dentro del editor de plantillas. Sugerimos que tenga dos ventanas abiertas, una con el editor de plantillas y otra con vista previa en vivo. Escritorio

Móvil

Descargue la página del autor de bienvenida gratuita para poner su mano en la plantilla de página del autor gratuito, primero deberá 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!
1. Actualice el usuario Optimice las imágenes del autor Agregar un complemento Avatar de usuario de WP Cuando se agrega un autor a WordPress, el sistema extrae automáticamente una imagen grave. Algunos autores no tienen una cuenta grave o la imagen no coincide con su sitio. El uso del complemento Avatar de usuario WP le dará más control.
Información completa sobre el autor Asegúrese de que se incluya toda la información sobre el autor:

Nombre y apellido
El nombre mostrado
Autor biológico
Imagen del autor
2. Recrear el aspecto en el constructor de temas Abra el primer paso para recrear la plantilla de página del autor es abrir temas y agregar una nueva plantilla. Seleccione “todas las páginas del autor” en la sección Archivo de páginas y haga clic en el botón Azul “Crear la plantilla”. Cuida el cuerpo personalizado Una vez que se crea la nueva plantilla, haga clic en “Agregar cuerpo personalizado” para ingresar al editor de plantillas.

¡La Sección 1 Sparting Setts es hora de construir el look! En el editor de plantillas, notará una sección. Abra la sección y cambie los valores de espaciado de la siguiente manera:


Forro de arriba

Escritorio: 300 PX
Tableta y teléfono: 50 px
Revestimiento inferior
Escritorio: 0 PX
El borde agrega un borde inferior a la sección.
Estilos de borde: borde inferior

Ancho: 2 PX
Color: negro # 000000
Agregue la estructura de la fila 1 de la columna ahora, agregue una fila con la siguiente estructura de la columna:
Dimensión Abra la configuración de la fila y cambie el tamaño de la siguiente manera:

Ancho

Escritorio: 1580 PX
Tableta y teléfono: auto
Ancho máximo
Escritorio: 90%
Tableta y teléfono: 80%
Extienda y luego cambie la configuración de espaciado.
Margen izquierdo: automático

Margen derecho: 79 PX
Revestimiento derecho: 0 PX
CSS personalizado por último, pero no menos importante, alinee todo el contenido de la columna utilizando dos líneas de código CSS en el elemento principal de la fila.
El artículo principal

Desktop: pantalla: Flex; Alinine-Ritams: Centro;
Pantalla: Flex;
Alinine-Ritams: Centro;
Tableta y teléfono: pantalla: bloque;
Bloqueo de pantalla;
Agregue el módulo de texto 1 a la columna 1 El contenido del contenido es hora de agregar módulos, comenzando con un módulo de texto en la columna 1. Conecte el contenido dinámico correcto.
Corp: Contenido dinámico -Post -Year -old:

Después de:

Nombre del formato: nombre y primer nombre
Texto de encabezado Entonces, estilice el texto del título de la siguiente manera:
Nivel de título: H1
Fuente: krona una


Peso: en negrita
Estilo: TT
Color: negro # 000000
Talla
Escritorio: 90 PX
Tableta: 60 PX
Teléfono: 50 PX
El espacio agregue algunos valores de espaciado receptivos.
El margen inferior
Escritorio: -43px


Tableta: -33px
Teléfono: -27px
Revestimiento superior: 19 PX
Finamiento inferior: 0 PX
Agregue el contenido del módulo 2 al contenido de la columna 1, pase al siguiente módulo, que es otro módulo de texto. Agregue el contenido biografía dinámico del autor.
Corp: Contenido dinámico – Autor autor
Texto luego estilice el texto en la pestaña Diseño.

Fuente: abre sans
Peso: luz

Color: negro # 000000
Talla
Escritorio: 16 PX
Tableta: 15 PX
Teléfono: 14 PX
Espacio de letras: 1 PX
Espacio y complete la configuración del módulo agregando un margen más alto.
Margen superior: 100 PX
Agregue el módulo de imagen al contenido de imagen de la columna 2, pase a la columna 2 y agregue un módulo de imagen. Elimine el sustituto predeterminado y conecte el contenido dinámico de la imagen de perfil del autor.

Imagen: Contenido dinámico – Imagen de perfil del autor
Dimensión luego ajuste la configuración del tamaño de la imagen.

Ancho
Escritorio: 100%


Tableta y teléfono: 50%
Espaciado Agregar un margen inferior receptivo.
El margen inferior
Escritorio y tableta: -20%

Teléfono: -30%
El borde llena la configuración del módulo agregando algunas esquinas redondeadas a la configuración del borde. Esto ayudará a convertir el módulo en un círculo.
Esquina redondeada: 50VW las cuatro esquinas
Estilos: los cuatro lados

Ancho: 2 pxcore: negro # 000000
Agregue el espacio de la Sección 2 Ahora agregue otra sección ordinaria, abra la configuración de la sección y cambie los valores de llenado hacia arriba e inferior.
Revestimiento superior e inferior: 300 PX
Agregue la estructura de la fila 2 de la columna, agregue una fila con una siguiente columna.
Dimensión Abra la configuración de la fila, acceda a la pestaña de diseño y realice algunos cambios en la configuración del tamaño.

Ancho: 1580 PX
Ancho máximo


Desktop y tableta: 90%

Teléfono: 95%
Alineación de filas: centro
Agregue un contenido del módulo de blog La única forma en que necesitamos en esta sección / fila es un módulo de blog. Asegúrese de activar la opción “Publicaciones para la página actual”. Esto se asegurará de que solo se muestren las publicaciones realizadas por el autor en cuestión.
Publicaciones para la página actual: Sí
Elementos En la sección de la sección, activamos los siguientes elementos para aparecer en nuestro diseño:
Imagen presentada

Autor
Categorías

extracto
paginación
Aparece el cambio a la pestaña de diseño y cambie el aspecto.
Apariencia: cuadrícula
El texto del título luego estiliza el texto del título en consecuencia:
Nivel de título: H2

Fuente: krona una
Estilo: TT

Color: negro # 000000
Talla
Escritorio: 26 PX
Tableta: 16 PX
Teléfono: 18 PX
Espacio de letras: 3 PX
Altura de la línea: 1.3m
El cuerpo del texto también cambia la configuración del texto del cuerpo.
Fuente: abre sans
Peso: luz
Color: negro # 000000

Talla
Escritorio: 16 PX
Tableta: 15 PX
Teléfono: 14 PX
Espacio de letras: 1 PX
El meta texto entonces, haremos algunos cambios en la configuración del meta texto.
Fuente: abre sans
Estilo: TT
Color: negro # 000000

Espacio de letras: 2 PX
La dimensión continúa cambiando la configuración de tamaño del módulo en diferentes tamaños de pantalla. Poco
Desktop: automáticamente
Tableta: 90%
Teléfono: 80%

Espacio entonces, agregue un poco de relleno superior.
Forro de arriba
Escritorio: 60 PX
Tableta y teléfono: 70 PX
Borde cambiamos la configuración de borde del módulo.

Estilos de borde de la cuadrícula Apariencia: Lado izquierdo
Ancho: 1 PX
Color: negro #oooooooo
¡CSS personalizado y completaremos el diseño con dos líneas de código CSS en el título y el cuerpo del módulo!

Título: Formulante Bottom: 50 PX;
Botón de relleno: 50px;
Cuerpo: Botthing de relleno: 50 PX;
Botón de relleno: 50px;

Vista previa ahora que hemos dado todos los pasos, para echar un vistazo final al resultado en diferentes tamaños de pantalla. Escritorio
Móvil
¡Esta es una envoltura! En este tutorial, creamos una plantilla de autor personalizado con el creador de temas de Divin. Hemos combinado contenido dinámico con las opciones construidas de la división para crear un diseño mínimo de la página del autor. Recuerde que todos los autores deben tener el primer y apellido, la biografía del autor y la foto de perfil. Si ha descargado el archivo JSON, puede importarlo en el área principal del constructor de temas de Divin. Si tiene alguna pregunta o sugerencia, ¡no dude en dejar un comentario en la sección de comentarios a continuación!