Todo lo que necesitas saber para comenzar con Div

En abril de 2018, anunciamos un pivote a nuestro modelo de negocio. Decidimos despedirse de Upfront, nuestra solución única al problema del diseño web visual en WordPress. Hicimos esto para reducir nuestra concentración. Trabajemos exclusivamente en el aspecto de nuestro negocio que siempre ha sido nuestro punto de vista más fuerte: ayudar a los desarrolladores a crear y administrar sitios web de WordPress. Una parte importante de este pivote era adoptar los temas y complementos que quedan al frente del espacio de diseño de WordPress, asegurándose de que nuestra comunidad entienda y que nuestros productos y servicios funcionen perfectamente con ellos. Para este propósito, creé esta guía para el tema de Div.
La división de temas elegantes es, desde todos los puntos de vista, el tema premium de WordPress más utilizado y el generador de páginas visuales de WordPress. Estamos contentos de que hemos estado contentos durante muchos años de hecho, tanto sitios web de Edublogs como Campress, que son servicios hermanos de WPMU Dev, ejecutan temas secundarios, así como los sitios que hemos creado para muchos de nuestros clientes. Hemos elegido DIV porque le da a nuestro equipo la flexibilidad de hacer cambios de contenido y actualizaciones con aspectos complejos sobre la marcha. Y para aquellos que lo usan solos, Div no requiere habilidades de codificación para crear sitios web personalizados.
En esta guía suprema para Div, veremos algunas de las características que más nos gustan y algunos ejemplos de división en la naturaleza. ¿Por qué elegir Div? Hay muchas opciones para usuarios de WordPress que buscan un tema o generador de página personalizable; Hay Beaver Builder, Elementor, Avada y muchos más. Entonces, ¿qué hace la división única? La clave presenta un constructor visual frontal, construido con reactjs
Configuración de diseño receptivo y anchos y alturas que se pueden rastrear
Más de 1495 modelos prefabricados diseñados profesionalmente
La posibilidad de ahorrar y reutilizar cualquier cosa con el div.
Diseño completo y exportación de contenido (¡para compartir o vender!)
Gestión de roles del usuario
Prueba A/B simple incorporada directamente
Una comunidad masiva y apasionada, una medida de cualquier producto o servicio es la comunidad detrás de él, y Div tiene una excelente.
Hay varios grupos de Facebook con más de 100,000 miembros combinados, reuniones de WordCamp y la Div Nation Network. Y más allá de eso, hay un ecosistema completo de suplementos, complementos, temas para niños y muchos más para la división, construido por terceros. El producto se ha mejorado constantemente a lo largo de los años y, cada semana, se lanzan dos nuevos paquetes de diseño diseñado profesionalmente en la Biblioteca de la Divic para que todos los usuarios de la Divica los descarguen y los usen de forma gratuita. En resumen, Div es una opción sólida, llena de funciones y una empresa con temas elegantes y comunidad a su alrededor, lo que lo mantiene en crecimiento y mejorando, sin signos de desaceleración.
Nociones introductorias con división todo dicho y listo, Div es solo un tema de WordPress. Como cualquier tema, descargue los archivos con el tema y cárguelos a su sitio de WordPress para activarlos. Div es un tema premium y le costará $ 89 por un año de actualizaciones o USD 249 para el acceso de la vida, que se puede usar en sitios ilimitados. Personalmente, soy miembro desde 2009, lo que me hace pensar en lo rápido que pasa el tiempo (y cuán valioso es ese acceso de vida). No recrearemos una guía completa para descargar e instalar DIV, puede encontrar videos detallados e instrucciones de paso por paso en la sección de documentos aquí. Querrá hacerse un poco de tiempo para familiarizarse con el constructor y cómo funciona. 3 palabras clave que necesitará para conocer la sección: lo primero que elija al diseñar divisiones son las secciones. Una página o publicación consistirá en una o más secciones y puede elegir entre anchos completos o secciones estándar. Fila: cada sección consta de una o más filas y puede elegir filas con hasta 4 columnas.
El modo: cada fila está compuesta por uno o más módulos, que a veces se llaman “elementos”. Hay módulos para casi cualquier cosa que pueda pensar, incluidos el encabezado, las diapositivas, los botones, los menús, las barras laterales y los videos. Hay una presentación mucho más detallada de estas herramientas y la forma en que todo funciona en los documentos para el editor visual Div desde aquí. Obtenga el máximo de Divitor Editor Front-end vs. back-end
Crear página Makes en WordPress. Venga un nuevo look, elija entre una plantilla o clon en el front-end de su sitio.
Una de las características más impresionantes de la división es que ha dominado el “espacio cuadrado”, como la experiencia de edición frontal, en lo que respecta al Div se llama “Visual Builder”. Funciona muy bien una vez que aprendes algunos de los extraños y lo que significan los diferentes símbolos e íconos. Puede extraer y colocar elementos, crear columnas y filas y editar contenido para ver exactamente cómo se verá en el sitio en vivo.

Para ser honesto, cuando uso Div, personalmente uso la experiencia del editor de back-end, pero esto puede ser solo porque usé Divi durante años antes de que exista el editor front-end. Hay momentos en que el front-end es más fácil, y otros, como cuando creo una página más compleja desde cero, cuando el back-end funciona mejor para mí. Me complace probar el nuevo proceso de crear la página en el front-end con futuros proyectos, lo que podría cambiar mi opinión al respecto. Hay una demostración bastante elegante en la que puedes jugar con el editor front-end en acción aquí.

El uso del personalizador
Sin código, sin problema.
Para cuando desea realizar cambios de diseño en todo el sitio, la Divic funciona perfectamente con la personalización estándar de WordPress. Puede cargar registros, elegir fuentes y colores y seleccionar entre una multitud de configuraciones y opciones. El personalizador incluye configuraciones para el encabezado, el sótano y cada “módulo”, como publicaciones de blog, diapositivas, separadores y más. Usando la biblioteca
Crea una biblioteca de aspectos de página.

Una economía de tiempo importante es la función de la “biblioteca” que es parte del div. Puede guardar secciones, filas y módulos en una biblioteca para reutilizar en otras páginas y publicaciones. Por ejemplo, si desea iniciar o finalizar todas las publicaciones con un conjunto de texto estándar, puede agregar ese módulo de texto a la biblioteca. O, si crea más páginas de destino que tienen todos los aspectos o elementos similares, se pueden agregar y reutilizar. Y más impresionante es que cualquier artículo en la biblioteca puede ser, con un solo clic, designado como un elemento “global”. Los elementos globales significan que cuando actualice ese elemento en una página de su sitio, se actualizará automáticamente donde sea que aparezca el elemento de la biblioteca. Con poca planificación y pensamiento, estos artículos en la biblioteca pueden ser increíblemente útiles. Diseño móvil y receptivo
Desactive fácilmente módulos en ciertos dispositivos en configuraciones avanzadas.

Dejando la caja, Div es receptivo, por lo que cambiará el tamaño y reorganizará todos los módulos, líneas y columnas sin tener que hacer nada.
Pero, hay una opción para ocultar o mostrar cualquier elemento dependiendo del tamaño de la pantalla del visitante. Por ejemplo, puede mostrar un menú diferente de los de los escritorios en comparación con los dispositivos móviles. O puede ocultar esa diapositiva de imagen gigante que está cargando lentamente por usuarios móviles, dándoles una mejor experiencia de navegación. También puede obtener una vista previa de la visualización de cada página en diferentes tamaños dentro de Div Builders, lo cual es útil. Haciendo pruebas A/B

¡Sabes que quieres probar más modelos!

¿Encuentra problemas para decidir qué impulso debe usar o desea probar otros elementos del diseño de su sitio? Div para que no necesite invertir en herramientas de prueba A/B más complicadas, se puede hacer incluso desde el editor divistente. En Div, se llama Divc Leads, que permite versiones ilimitadas de “prueba dividida” simultáneamente. Simplemente elija las variantes y comenzará. El tema del niño o na? Desde nuestra experiencia, cuando se trata del uso de Divin para los clientes de CampusPress o nuestros servicios de alojamiento de anfitriones, casi siempre creamos un tema infantil. Esto se debe al hecho de que luego podemos controlar los aspectos de marca y diseño del sitio y evitar que los usuarios finales violen estas reglas. También podemos implementar plantillas de página para modelos y podemos ser un poco más perfectos en píxeles con cosas como elementos de menú, migas de pan, tipografía y similares. Pero la realidad es que Divi puede ser increíblemente flexible por sí solo, no se necesita ningún tema para niños. Si crea un sitio donde será el único con acceso al administrador, podría ser perfecto para usted inmediatamente en la caja. También hay muchos paquetes de diseño que puede descargar y personalizar, por lo que no tiene que comenzar desde cero y mostrar dos sitios de la división. Más recursos sobre los temas de los niños: la opinión de Div sobre la construcción de temas para niños
Muchos recursos temáticos para la división de niños del div de la div.
La siguiente presentación incluye ejemplos de sitios que usan DIV que se construyen con y sin tarea de niños, lo que también debería ayudarlo a darle una buena idea de lo que puede hacer, independientemente de la ruta que elija. Showcasespuspress.com: un tema infantil de la división, construimos elementos en la biblioteca para reutilizarlos en diferentes páginas de destino.

Canvas.psu.edu: visitado por 10 mil estudiantes y maestros de la Universidad de Estado todos los días. Respeta las reglas de marca universitaria.
Appelbre.com.mx-a sitio web de WPMU Dev, un ejemplo de una excelente diva para sitios comerciales electrónicos.
RoundRockisd.org-un tema infantil, que recreé el mismo aspecto y apariencia de un tema usando Visual Composer. La transición a la división ha mejorado enormemente el rendimiento y la confiabilidad.
Wilcosymphony.org-un sitio que construí el fin de semana para una organización local sin fines de lucro.
WPGOBY.com: una agencia de WordPress y miembro de WPMU Dev.

Mi lista de deseos de la Divic mientras Divi marca casi todas las casillas y satisface la mayoría de las necesidades, hay algunos artículos en mi lista de deseos Div que vale la pena compartir. En primer lugar, parecerá simple y hay extensiones de terceros que permiten esto, pero a menudo quería una forma rápida de poner el título del sitio en el encabezado y no usar un logotipo. En muchos casos, los logotipos existentes pueden no coincidir bien en encabezados o calidad no es lo suficientemente bueno como para ser utilizado. Un logotipo poco claro o desplazado puede distraer a los usuarios del contenido del sitio. Más importante aún, nos gustaría ver que el equipo de la Divicidad incorpore las características de nuestro complemento de accesibilidad en el producto de la división y trabaja para garantizar que Divi se pueda usar más fácilmente de una manera que cumpla y supere los estándares de accesibilidad. Podemos limitar el uso de algunos elementos y podemos abordar, pero hay algunos problemas que deben mejorarse. Y, finalmente, estoy seguro de que el equipo de Div tiene un plan y no hablé con ellos en absoluto, pero quiero saber cómo interpretar a la hermosa experiencia del editor “Gutenberg” una vez que forma parte de WordPress. centro. La conclusión si estaba buscando un nuevo tema y no desea pasar mucho tiempo jugando con el código personalizado, consulte algunos de los enlaces anteriores y construya con DIV hoy. Además, si usa Div, asegúrese de optimizarlo con nuestros complementos. Tenemos un artículo sobre la optimización de Divi con Smush y Hummingbird. Nos gustaría escuchar sus opiniones sobre DIV y verificar los enlaces a los sitios que creó en los comentarios a continuación.

Etiquetas:

temas infantiles

Constructores de páginas

Temas premium