Esta es la primera vez que instala el tema Divi y se pregunta cómo configurarlo? Perfecto, estás en el lugar correcto. En este artículo revisaremos todas las opciones en la ficha general del tema Divi.
Esto le permitirá entender a qué se corresponden estas opciones y cómo elegirlas para que su sitio esté de acuerdo con su proyecto.
Como el DIVI OPCIONES son detallados a través de muchas pestañas, se puede navegar en el serie de artículos dedicados a él.
Pero por ahora, veamos en detalle la pestaña General (configuración general).
Aquí está el programa de este artículo:
- Las opciones de tema Divi: ¿cómo funciona?
- ¿Qué opciones hay en la pestaña General del partido de tema Divi?
- Otras opciones de configuración temática
1 – Las opciones temáticas Divi: ¿cómo funciona?
Una vez que llegues instalado y activado el tema Divi en su sitio WordPress, aparecerá un nuevo elemento, en la parte inferior de la barra lateral izquierda de su administración del sitio, llamado "Divi".
Cuando pasa el ratón sobre esta pestaña, aparecen subelementos cuya pestaña « Opciones temáticas ».
Si hace clic en esta pestaña, llegará en una pantalla de color Divi que le ofrecerá muchos elementos para configurar.
Empezaremos con Ficha general :
Echemos un vistazo más cerca...
2 - ¿Qué opciones hay en la pestaña General del partido de tema Divi?
Para mantener capturas de pantalla no demasiado cargadas, corté el contenido de las opciones de la pestaña General en 3 partes.
Descubre todo lo que puedes hacer con el tema Divi
2.1 – Tab general – Parte 1
1 – Logo
Aquí puede descargar el logo de su sitio.
Hacer clic en "En línea", accederás a tu biblioteca y podrás elegir tu logotipo.
Si su biblioteca de medios todavía no contiene su logotipo, puede subirlo desde su computadora (desde la pestaña "Enviar archivos").
2 - Barra de navegación fija
Por defecto, la barra de navegación fija está habilitada, si deshabilita esta opción, su menú principal – ubicado en la parte superior de la pantalla – sólo aparecerá cuando el visitante descienda más abajo su página (en el pergamino).
Sigue esto. tutorial si quieres configurar tu menú al pergamino.
3 – Activar la galería Divi
Todos los sitios de WordPress pueden hacer aparecer una galería de imágenes pero el tema Divi propone reemplazar el estilo predeterminado de WordPress con su propio estilo. Para ello, necesitará habilitar esta opción.
4 - Paleta de color predeterminado
Al trabajar en un proyecto web, usted tiene códigos de color para respetar y esta opción le permite predefinir hasta 8 colores.
Es muy interesante ya que puede utilizarlos fácilmente a través de su sitio, siempre que el Divi Builder propone elegir un color.
Asegúrese de introducir los valores de los colores que utiliza al instalar Divi, ahorrará un tiempo loco al instalar diseñar sus diseños web.
5 - Introduzca la primera imagen del artículo
Aquí hay otra opción importante.
Si esta opción está habilitada, "Imagen de la prioridad" (o imagen ofrecida) de cada artículo será reemplazado por la primera imagen en su artículo.
Si deshabilita esta opción, la miniatura de su artículo coincidirá "La imagen de la página principal" que descarga a través del campo « imagen presentada » situado en la parte inferior derecha de cada uno de los artículos de WordPress.
Si quieres usar varias imágenes de futuro, siga este tutorial.
6 - Modo de estilo de Blog
Es una traducción divertida, te doy...
De hecho, esta opción no debe estar habilitada para las cuestiones de SEO (referencia natural).
Divi utiliza los extractos de sus artículos pero si prefiere mostrar todo el contenido de sus artículos (en archivos, página de blog, etc.) entonces tendrá que activar (j
7 – Sidebar Layout y Gabarit boutique
De estas dos opciones, puede elegir la ubicación de su blog y la barra lateral de compras (bar lateral).
Entonces decidirás hacer que aparezca a la derecha o a la izquierda.
Si deseas obtener una barra lateral fija, siga este tutorial.
8 / 9 – Google Map API y clave de script
Si usas un Cuenta de desarrolladores de Google para sus tarjetas (Google Map), puede introducir su clave de API aquí y decidir colar scripts para mejorar el rendimiento de su sitio.
10 - Utilizar fuentes de Google
Esta opción está habilitada por defecto. Le permite utilizar todas las fuentes de Google directamente desde el Divi Builder.
Si no desea utilizar Google Fonts para ganar rendimiento y preservar la confidencialidad de sus lectores, puede deshabilitarlo.
2.2 – Tab general – Parte 2
11 - iconos de medios sociales
Para cada red social, puede decidir hacer que su icono aparezca al pie de su sitio.
Por defecto, solo hay 5 iconos disponibles: Facebook, Twitter, Google+, Instagram y RSS feed.
Si necesitas más icono, necesitarás codificarlo manualmente en un tema infantil = leer este artículo añadir nuevos iconos al pie.
12 - URLs de redes sociales
Dependiendo de los iconos que haya habilitado en el paso anterior, deberá introducir las URL correspondientes.
Para el feed RSS de su sitio, puede introducir la siguiente dirección: https://mon-site.com/feed
13 - El número de correo por archivo
Las páginas de archivo son páginas generadas automáticamente por WordPress.
Ya sea los archivos de sus productos de comercio electrónico, los archivos de categoría, la página de búsqueda o los archivos de etiquetas, Divi propone establecer página por página el número de elementos a mostrar.
Para una cuestión de SEO, es recomendable no restringir demasiado este número.
Así que no dude en mostrar 50, 100 o incluso 100 artículos por archivo. Esto evitará que los robots indexen demasiadas subpáginas.
Este es uno de los consejos para hacer Divi SEO-Friendly.
2.3 – Tab general – Parte 3
14 - Formato de fecha
Aquí puede definir el formato de la fecha de sus artículos.
Esta fecha se muestra en todo su blog (en el artículo de metástasis, en el extracto, etc.).
Formato predeterminado es Mj,y lo que da Jan 2, 2018. Si elige el formato J F Y Eso hará. 2 enero 2018.
Si prefieres otros formatos, te invito a visitar esta página dedicada a formatos de fecha.
15 - Uso de extractos
Si deshabilita esta opción, sus extractos no serán utilizados.
Para saber dónde necesita introducir extractos de sus artículos, asegúrese de habilitar una opción WordPress cuando estás publicando un artículo.
En la parte superior de la pantalla, a la derecha, hay una pequeña pestaña llamada "opciones de pantalla". Ábrelo y compruebe "extracto".
Desde entonces, todos sus artículos mostrarán un nuevo campo para entrar en el extracto, más bien ver este video...
16 – Códigos cortos reactivas
Activar la opción "Reactivo códigos cortos" permite mostrar elementos de código corto de una manera sensible, es decir adaptable a todas las pantallas.
17 – Subconjunto de Google Fonts
Esta función activa Google fuentes para idiomas distintos del inglés.
18 - Volver arriba
Esta es la opción para activar o desactivar el pequeño botón situado en la parte inferior derecha de su sitio y permitirle volver fácilmente y rápidamente a la parte superior de la página.
19 - Flujo
No sé si esta opción es importante, haría posible ofrecer un desplazamiento más suave cuando es Pergamino Usando el ratón... ¡Para ver!
20 - Disable Translations
Puede deshabilitar esta opción si desea utilizar la interfaz de tema en inglés porque encuentra que Divi está mal traducida.
21 – Imagen responsable
Esta opción añade un atributo srcset a sus imágenes durante la importación. Este atributo es recomendado por CSS3 para hacer sus imágenes adaptables a todos los tamaños de pantalla.
Sin esta opción activa, Sus imágenes todavía deben ser responsables.
22 – Minificar JavaScript y CSS
Estas opciones permiten minifier y combinar algunos archivos JavaScript y CSS para mejorar el rendimiento de su sitio.
Este es el tipo de opción que un plugin de caché como WP Rocket Por ejemplo.
Para información: MINIFICACIÓN elimina todos los espacios y saltos de línea contenidos en un archivo, ya sea un archivo CSS o JS.
Se ha reconocido que la minificación mejora el tiempo de carga de un sitio por unos segundos, mejorando así el rendimiento.
Si está usando un plugin de caché, no revise esta opción.
23 – Personalizar CSS
Este campo no es más que el reflejo de la opción WordPress disponible en la pestaña Aspecto √≥ Personalizar √≥ CSS adicional.
Para personalizar tu Tema Divi, lo necesitarás regularmente. A veces, si los cambios que quieres hacer a Divi son simples, no necesitarás crear un tema infantil y esta opción será suficiente.
24 – Guardar
Una vez que haya establecido esta primera pestaña, recuerde guardar sus cambios.
Si un pequeño PopUp aparece en su navegador, proponiendo actualizar su contraseña, seleccione "no registrarse". Esto evitará conflictos de contraseña.
3 – Otras opciones de configuración temática
Nada fue muy complicado en esta ficha y de todos modos, no hay buena o mala configuraciónTodo esto es subjetivo.
Por qué entonces, quería escribir esta serie de artículos dedicados a las opciones disponibles en el tema Divi ?
Simplemente porque hay un comienzo para todo y no todos tenemos el mismo conocimiento sobre los sitios web y la jerga.
¡Así que espero que estos artículos puedan ser útiles para los novicios entre nosotros!
Ir a los otros artículos de la serie para continuar estableciendo su sitio con Divi:
- Cómo establecer La ficha general del tema Divi ? (estás en este artículo)
- Cómo establecer La pestaña de navegación del tema Divi ?
- Cómo establecer La pestaña Creadora del tema Divi
- Cómo establecer La pestaña de diseño de tema Divi ?
- Cómo establecer La pestaña de anuncio del tema Divi ?
- Cómo establecer La pestaña SEO del tema Divi ?
- Cómo establecer la pestaña Integración y la pestaña Actualizaciones del tema Divi ?
¿Necesita más recursos en Divi? Visita Elegante Themes blog lleno de ideas y tutos!
37 comentarios
Trackbacks/Pingbacks