Cómo vincular un curso en Sensei a uno o varios productos de WooCommerce

Cómo vincular un curso en Sensei a uno o varios productos de WooCommerce

En este v√≠deo que tienes m√°s abajo te explico una joyita que ha salido en las √ļltimas versiones del plugin Sensei y que te puede ahorrar muchas horas de trabajo al a√Īo.

Cómo ya he dicho muchas veces en mi blog y mi Canal de YouTube Sensei es para mi el plugin más completo y potente de WordPress para crear Academias Online.

Y ahora m√°s a√ļn permitiendo asociar o vincular un curso a varios productos.

En el v√≠deo te explico porque esta actualizaci√≥n es tan cojo… ūüėČ

Espero que te guste!!

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 3 Media: 5]
Divi 4.0: Todo lo que debes saber de Divi Theme Builder

Divi 4.0: Todo lo que debes saber de Divi Theme Builder

Consejo inicial

Cada vez que salga una nueva actualización, ya sea de Divi como es en este caso, sea de WordPress o sea una actualización de cualquier plugin, mi consejo es que no te emociones y quieras actualizar el mismo día que la lanzan porque es muy habitual que al lanzarla la comunidad les reporte errores o incidencias y si esperas una o dos semanas y actualizas ya te garantizarás que han resuelto muchas de esas incidencias y te evitarás posibles conflictos o incompatibilidades.

Si quieres ser de los primeros y no aguantas la emoción de ver la nueva versión, en este caso de Divi 4.0 con su maravilloso Theme Builder mi consejo es que lo hagas siempre en alguna web de pruebas que tengas para trastear pero nunca en una web en producción o en páginas web que te den de comer.

Y en todos los casos haciendo siempre copia de seguridad por si acaso.

V√≠deotutorial del Theme Builder en espa√Īol

Te dejo un vídeo en abierto de mi Canal de YouTube al que me encantaría que te suscribas, para que conozcas el Theme Builder a fondo.

Si quieres adem√°s plantillas para el Theme Builder, Divi para descargar, etc., ap√ļntate a mi Curso de Divi d√≥nde aprender√°s pasito a pasito esto y muchas m√°s cosas conmigo de soporte para ayudarte.

Y aquí tienes también un videotutorial de Divi 4 y el Theme Builder en inglés si quieres:

Los Divilovers estamos emocionados

Una vez dicho esto… me toca venirme arriba!!!

El Theme Builder te va a permitir editar con Divi, de forma sencilla partes de la web que antes eran fijas y que no pod√≠an editarse de forma visual y sencilla, la √ļnica manera era tocando c√≥digo.

Es decir, este tipo de mejoras te van a dar mucha más libertad para maquetar la cabecera de tu web, el pie de página, las páginas de producto si tienes una tienda online, páginas de categorías, etc. Esto abre un mundo de posibilidades maravilloso.

Vamos a verlo con detalle…

Por cierto… si quieres comprar Divi aqu√≠ tienes el mayor decuento que existe ahora: Comprar Divi con el 20% de descuento.

Acceder al Divi Theme Builder

Puedes acceder al Divi Theme Builder en el backend dentro de tu panel de WordPress en la categoría Divi > Theme Builder.

Personaliza la cabecera, footer… con Divi Theme Builder

Podr√°s editar con Divi muchas plantillas o p√°ginas de forma masiva. Es decir, que todas las p√°ginas del blog tengan un dise√Īo, que todos los productos de tu WooCommerce tengan un dise√Īo, el que tu quieras…

Ya no hay que ir uno por uno, pero vamos a ver en qu√© p√°ginas vamos a poder crear estos dise√Īos para que se apliquen o bien en toda la p√°gina web o bien solo en unas partes:

En toda la web

De manera predeterminada, hay un elemento de plantilla √ļnico denominado DEFAULT WEBSITE TEMPLATE (Plantilla de sitio web predeterminada), que no se puede eliminar, pero se puede modificar. 

Esta es la plantilla de tema est√°ndar, y si no se edita:

Las tres √°reas usar√°n los estilos Divi est√°ndar. Es decir, si no a√Īades una cabecera (header) o pie de p√°gina (footer) seguira aparecioendo la cabecera de siempre que tengas configurada en el Personalizador del Tema.

Si se editas el √°rea de encabezado de la plantilla de sitio web predeterminada:

El encabezado del tema se reemplaza en toda la web con el contenido personalizado del Divi Theme Builder que hayas dise√Īado. Lo mismo ocurre con las √°reas de cuerpo y pie de p√°gina.

√Āreas globales

La plantilla predeterminada del sitio web consta de tres √°reas: encabezado global, cuerpo global y pie de p√°gina global.

Para comenzar el proceso de crear una cabecera, footer…, haz clic en una de las √°reas vac√≠as respectivas.

Si quieres agregar una cabecera a medida con Divi, haz clic en el √°rea “Agregar encabezado global” y luego selecciona la opci√≥n “Crear encabezado global”.

Al igual que cuando dise√Īas una p√°gina en Divi, elije c√≥mo deseas comenzar a construir el dise√Īo. Por ejemplo, puedes iniciar el dise√Īo con un dise√Īo prefabricado o un dise√Īo de encabezado que haya dise√Īado previamente seleccionando la opci√≥n “Elegir un dise√Īo prefabricado”. Sin embargo, si deseas crear el encabezado desde cero, selecciona “Construir desde cero”.

Una vez que hayas seleccionado crear el dise√Īo desde cero, ver√°s el Editor de dise√Īo de Divi. Aqu√≠ es donde usar√°s Divi Builder para dise√Īar tu dise√Īo de encabezado tal como dise√Īar√≠as una p√°gina o publicaci√≥n normal con Divi Builder.

Ten en cuenta que lo que veas en este editor de dise√Īo de plantilla ser√° lo que se muestre en el encabezado de su p√°gina. 

Y si este es un encabezado global, se mostrar√° en todo su sitio de forma predeterminada, reemplazando el encabezado Divi est√°ndar.

Una vez que hayas terminado de dise√Īar tu encabezado, asegurate de guardar el dise√Īo antes de salir del editor de dise√Īo de plantilla.

Ahora deber√≠as ver un encabezado global verde que llena el espacio del encabezado global de la plantilla predeterminada del sitio web. El color verde es para recordarle que es global.

Tu web ahora tendr√° un nuevo encabezado global que reemplaza el encabezado Divi est√°ndar.

Dise√Īa p√°ginas masivamente

En la mayor√≠a de los casos, no querr√°s dise√Īar un √°rea de cuerpo global porque esto cambiar√≠a el dise√Īo de todas las p√°ginas a la vez y ser√≠an iguales con lo que no tiene sentido. Esto solo es interesante en algunos casos d√≥nde el contenido sea din√°mico.

Ahora lo explico con m√°s detalle…

Puede crear una nueva plantilla con un área de cuerpo de plantilla personalizada para todos las publicaciones de tu blog, eso si tendría sentido. Nunca en las páginas.

De esa manera, no tienes que preocuparte por el dise√Īo de cada nueva publicaci√≥n o cada nuevo post. Solo necesitas agregar nuevo contenido din√°mico.

Por ejemplo, creas una parte superior donde aparezca el t√≠tulo con un formato, colores… y luego en cada post ver√°s ese dise√Īo de forma autom√°tica pero cada art√≠culo con su propio contenido.

¬ŅC√≥mo creamos un dise√Īo para todos los post?

Crear un cuerpo global”: Body Global Body.

Luego lo dise√Īas como quieras.

Es importante:

Incluir el m√≥dulo de contenido de publicaci√≥n (Post Content) siempre que dise√Īes el √°rea del body o cuerpo de la plantilla que se aplicar√° en todos los post para que luego el contenido que se muestre en cada uno sea din√°mico y no en todos el mismo. 

El módulo Post Content muestra el contenido simulado para facilitarnos la ver como quedará el estilo de todas las publicaciones o artículos que creemos en el blog.

Si no estás utilizando Divi Builder en una página, el módulo de contenido de publicación mostrará el contenido dentro del editor WYSIWYG de una página o publicación en el back-end.

Aquí puedes ver un ejemplo de cómo aparecería ese contenido en el área Global Body de la plantilla.

Si decides usar Divi Builder para editar una p√°gina o publicaci√≥n. El √°rea disponible para el contenido de Divi Builder estar√° contenida dentro del √°rea designada del m√≥dulo de contenido de publicaci√≥n en el cuerpo de la plantilla.

Es por eso que en la mayor√≠a de los casos no deber√≠as tener un √°rea de cuerpo global para tu web a menos que tengas una raz√≥n espec√≠fica. 

Es posible que la creaci√≥n de un cuerpo global imponga limitaciones innecesarias a tu capacidad para dise√Īar el contenido de la p√°gina en Divi. As√≠ que cuidado con crear Bodys o cuerpos como plantilla para que se aplique en toda la web.

Si decides utilizar un √°rea de cuerpo global para la plantilla predeterminada de su sitio web, es recomendable que te asegures de que el m√≥dulo de contenido de su publicaci√≥n abarque todo el ancho del dise√Īo para que no te limite de ninguna manera al espaciar al dise√Īar p√°ginas con Divi Builder .

Divi Theme Builder nos permite reemplazar el pie de p√°gina est√°ndar de Divi (y la barra de pie de p√°gina) con un nuevo pie de p√°gina personalizado que puedes dise√Īar completamente desde cero utilizando Divi Builder.

Para crear un pie de p√°gina global para nuestra web, simplemente haz clic en el √°rea “Agregar pie de p√°gina global” y selecciona “Crear pie de p√°gina global”.

Luego usa tu creatividad con Divi Builder para dise√Īar el pie de p√°gina dentro del Editor de dise√Īo de plantillas. No olvides guardar el dise√Īo.

NOTA: Tambi√©n puedes agregar uno de los dise√Īos prefabricados de Elegant Themes al editor de plantillas de pie de p√°gina para ahorrar tiempo y usar cantidad de pies de p√°gina que ya tienen dise√Īados. Puedes hacer esto haciendo clic en el icono Agregar desde la biblioteca m√°s en el men√ļ de configuraci√≥n en la parte inferior del editor.

Una vez que tengas un encabezado global, (cuerpo) y pie de p√°gina…, una p√°gina de muestra se ver√≠a as√≠.

Cuidado con esto: Cuerpo global no es necesario

Como dije anteriormente, el Cuerpo Global no es necesario. Puedes eliminar f√°cilmente el Cuerpo global haciendo clic en el icono de la papelera.

Sin el Cuerpo global, tienes control total sobre el dise√Īo de tu web utilizando Divi Builder.

Plantillas personalizadas

La plantilla de sitio web predeterminada controla la plantilla predeterminada para todo el sitio. 

Sin embargo, las plantillas personalizadas nos permiten anular la plantilla predeterminada y usasr la que nosotros dise√Īemos.

En otras palabras, las plantillas personalizadas nos permiten crear plantillas para p√°ginas o publicaciones que no quieras que usen la plantilla predeterminada.

Agregar una nueva plantilla

Para crear una nueva plantilla, simplemente haz clic en el cuadro “Agregar nueva plantilla” con el √≠cono gris m√°s.

Esto abrir√° un popup que nos ense√Īa todas las p√°ginas en las que podemos dise√Īar nuestra plantilla a medida. 

Dise√Īar p√°ginas a medida con Divi que antes solo pod√≠an personalizarse tocando c√≥digo

Usar vs. Excluir

Fijate que en la parte de arriba del popup puedes elegir entre qu√© p√°ginas quieres que se aplique el dise√Īo que vas a hacer o en qu√© p√°ginas quieres que NO se aplique.

También podrías combinarlo, que se aplique en xxx páginas pero no en xxx.

Por ejemplo, puedes elegir usarlo en todos los post, pero también puedes excluir un post o artículo específico.

NOTA: Si una selecci√≥n de inclusi√≥n entra en conflicto con una selecci√≥n de exclusi√≥n, la selecci√≥n de exclusi√≥n siempre anula la inclusi√≥n. Por ejemplo, si eliges “Incluir en la p√°gina de inicio” y “Excluir de la p√°gina de inicio”, esta plantilla se excluir√° de la p√°gina de inicio.

Elije de cualquier plantilla de tema.

Tambi√©n ver√°s que hay plantillas para cada p√°gina, publicaci√≥n y / o archivo. Incluso puedes crear plantillas para las p√°ginas y productos de WooCommerce si tienes instalado WooCommerce en tu web.

C√≥mo hacer para que los dise√Īos se apliquen en todas las p√°ginas o solo en algunas

Las plantillas se pueden asignar en un nivel macro y / o micro nivel. Por ejemplo, puedes asignar la plantilla a todas las p√°ginas de tu web (nivel macro), o puedes elegir asignar la plantilla a una publicaci√≥n espec√≠fica (nivel micro). ¬°O ambos! Incluso puedes seleccionar m√ļltiples tareas, lo que nos da un control completo sobre d√≥nde nos gustar√≠a asignar la plantilla.

¬ŅQu√© pasa si seleccionamos cosas incongruentes que generan conflicto?

Si asignamos una plantilla a una p√°gina que ya est√° asignada a otra plantilla, la plantilla reci√©n guardada tendr√° prioridad y se eliminar√° la asignaci√≥n anterior de la otra plantilla. Aparecer√° un mensaje de advertencia que te notificar√° esto antes de guardar la plantilla.

Renombrar plantillas personalizadas

Una vez que se hayan seleccionado todas las tareas, ver√°s un nuevo nombre de plantilla. Al pasar el cursor sobre el √°rea del t√≠tulo de la tarjeta de plantilla, aparece una informaci√≥n sobre herramientas que muestra la lista de todo lo que la plantilla se utiliza o se excluye. Para cambiar el nombre de la plantilla, puedes hacer clic en el nombre de la plantilla para editar el t√≠tulo.

Advertencia de plantilla sin asignar

Si no seleccionas una plantilla, ver√°s un texto de advertencia en lugar del nombre de la plantilla que dice “Sin asignar”.

√Āreas de plantillas personalizadas para cualquier p√°gina

Al igual que la plantilla predeterminada (o plantilla Global que se aplica a TODAS las páginas), una plantilla personalizada (que se aplica a las páginas QUE TU DECIDAS) también tendrá las siguientes áreas: Encabezado, Cuerpo y Pie de página.

Si la plantilla predeterminada del sitio web tiene dise√Īos de plantilla globales agregados a cualquiera de las tres √°reas, esos dise√Īos globales se agregar√°n autom√°ticamente a la nueva plantilla. As√≠ conservar√°s los dise√Īos que hayas creado en las nuevas p√°ginas que vayas a maquetar.

Cómo manejar elementos globales en nuevas plantillas

Puedes usar las opciones del √°rea de Plantilla para eliminar el dise√Īo y crear uno nuevo desde cero o deshabilitar global y ajustar el dise√Īo para las necesidades espec√≠ficas del dise√Īo.

Por ejemplo, si tienes un encabezado global en la plantilla predeterminada del sitio web, tu nueva plantilla heredar√° ese encabezado global. 

Puedes elegir hacer uno de los siguientes:

  1. Puedes usar el encabezado global en tu nueva plantilla. As√≠ por ejemplo si vas a crear una plantilla para los post o productos tambi√©n tendr√°n la cabecera o footer que hayas dise√Īado.
  2. Puedes desactivar Global para poder modificar el dise√Īo de la plantilla personalizada y dise√Īar una cabecera o footer distintos en los post o productos que vayas a dise√Īar.
  3. Puedes eliminar el encabezado global y crear el encabezado personalizado desde cero para la plantilla o agregar uno desde la biblioteca.
  4. También puedes dejar el área de Encabezado personalizado vacía que heredará el encabezado del tema Divi estándar.

Agregar una plantilla desde la biblioteca

Para agregar un dise√Īo al √°rea de la plantilla desde la biblioteca, haz clic en el √°rea de la plantilla y selecciona Agregar desde la biblioteca. 

Aparecer√° la ventana emergente agregar desde la biblioteca donde puedes elegir cualquier dise√Īo de p√°gina prefabricado, guardado o existente. 

Una vez que el dise√Īo se ha agregado al √°rea de la plantilla, puedes seleccionar el icono de la tuerca para editar el dise√Īo utilizando Divi Builder en el Editor de dise√Īo de plantilla.

Arrastrar y soltar plantillas “√Āreas”

Las √°reas de plantilla se pueden arrastrar y soltar a otras √°reas de contenido de plantilla. 

Esta es una manera r√°pida y f√°cil de duplicar y colocar un √°rea de plantilla en una acci√≥n de arrastrar y soltar. 

Es como duplicar en lugar de cortar y pegar.

Opciones de visibilidad del √°rea de plantilla: Ocultar / Mostrar √°reas de encabezado, cuerpo y pie de p√°gina.

Adem√°s de poder personalizar cada √°rea de una plantilla, tambi√©n puedes alternar la visibilidad de un √°rea para mostrarla u ocultarla en el Front End haciendo clic en el icono “ojo” al lado de cada √°rea. 

Por ejemplo, podr√≠as ocultar el √Ārea de encabezado y el √Ārea de pie de p√°gina de su p√°gina 404.

NOTA: Ocultar un √°rea de plantilla no devuelve el √°rea al valor predeterminado, sino que oculta completamente el √°rea en la parte frontal.

Configuraciones de plantillas personalizadas

Men√ļ de configuraci√≥n de plantilla

Al pasar el cursor sobre una plantilla dentro del generador de temas, aparecer√° un men√ļ de configuraci√≥n de plantilla en la parte superior izquierda del cuadro de plantilla. 

Este men√ļ es muy similar a los men√ļs que ve al pasar el rat√≥n sobre una secci√≥n, fila o m√≥dulo dentro del Divi Builder.

El men√ļ incluye iconos para las siguientes funciones:

  • Configuraci√≥n de plantilla: aqu√≠ es donde puedes administrar las asignaciones de plantilla
  • Duplicar plantilla: esto duplicar√° la plantilla para iniciar otra plantilla personalizada. Duplicar una plantilla desencadena exactamente lo mismo que hacer clic en la tarjeta Agregar nueva plantilla. La diferencia es que despu√©s de definir la configuraci√≥n de la plantilla, la plantilla generada usa el mismo √Ārea de encabezado, √Ārea del cuerpo y √Ārea de pie de p√°gina que la plantilla duplicada.
  • Eliminar plantilla: esto eliminar√° la plantilla por completo. Cualquier p√°gina, publicaci√≥n o archivo al que se le haya asignado la plantilla eliminada volver√° a la plantilla predeterminada del sitio web y / o al dise√Īo est√°ndar del tema Divi para esa p√°gina (si no se crea una plantilla predeterminada).
  • Exportar plantilla: puedes hacer clic en el icono de exportar plantilla para exportar un archivo .json de esa plantilla espec√≠fica. Una vez que haga clic en el icono de plantilla de exportaci√≥n, ingrese un nombre para el archivo de exportaci√≥n y haga clic en el bot√≥n “Exportar plantilla de Divi Theme Builder”.
  • M√°s opciones de configuraci√≥n: el icono de m√°s configuraciones abre una lista conveniente de todas las configuraciones de plantillas disponibles, todo en un solo lugar.

Crear un encabezado personalizado (no global)

La creaci√≥n de un encabezado personalizado implicar√° el mismo proceso que la creaci√≥n de un encabezado global. 

Dado que el encabezado es donde tendr√°s que incluir su men√ļ principal para su sitio web, es importante comprender c√≥mo usar el M√≥dulo de men√ļ al crear la cabecera

Construyendo un cuerpo personalizado

Construir un √°rea de cuerpo personalizado para tu plantilla puede ser una excelente manera de agregar dise√Īo y / o contenido al cuerpo de muchas p√°ginas o publicaciones a la vez. Recuerda que esto es √ļtil para post o productos pero no para p√°ginas, normalmente.

Y si usas contenido din√°mico , realmente puedes optimizar el dise√Īo y la funcionalidad de las publicaciones de blog o productos de WooCommerce.

Crear un pie de p√°gina personalizado

La creaci√≥n de un pie de p√°gina personalizado implica el mismo proceso que la creaci√≥n de un pie de p√°gina global. 

Es importante recordar que cualquier pie de p√°gina personalizado agregado a una plantilla anular√° completamente el pie de p√°gina est√°ndar de Divi, incluida la barra de pie de p√°gina inferior.

Guardar cambios con el generador de temas

Guardar y cancelar dise√Īos de plantillas

Cuando termines de crear tu plantilla, es importante que guardes los cambios en la Configuraci√≥n de la plantilla. 

Para hacer esto, debes hacer clic en el bot√≥n Guardar en la parte inferior derecha de la p√°gina. Si deseas cancelar los cambios realizados en el dise√Īo, simplemente haz clic en el icono X en la esquina superior derecha.

Nota: Si haces clic en el icono X durante un flujo de creaci√≥n (sin guardar), el dise√Īo de la plantilla no se crear√° ni guardar√°.

Guardar cambios de Theme Builder

Al igual que con las Opciones de tema Divi, debes guardar sus cambios en Theme Builder para que esos cambios surtan efecto. 

Si actualizas la p√°gina o cierras la ventana, los cambios se cancelar√°n / perder√°n.

Uso de contenido din√°mico dentro del generador de temas

El contenido din√°mico (es decir, T√≠tulo, Imagen destacada, Contenido de publicaci√≥n, etc.) se puede incluir en los dise√Īos de Plantilla global o personalizada. Esta es una herramienta poderosa que te permite optimizar el dise√Īo y la funcionalidad del sitio web, especialmente para publicaciones de blog y / o productos de WooCommerce.

Creación de una plantilla para las entradas (post) del blog en toda la web

Las entradas de blog son un gran ejemplo de d√≥nde se necesita una plantilla personalizada con contenido din√°mico. 

Esto nos permitir√° dise√Īar una plantilla de entradas del blog que se aplicar√° a todas los art√≠culos del blog en toda la web utilizando Divi Builder y contenido din√°mico. 

Una vez hecho esto, todo lo que necesitas hacer es actualizar el contenido de las entradas futuras. ¬°El nuevo contenido de la publicaci√≥n heredar√° el dise√Īo de la plantilla personalizada!

Aquí puedes ver un ejemplo rápido de cómo hacer esto:

Primero, crea una nueva plantilla y asigna la plantilla a Todas las publicaciones . Luego agregua un cuerpo personalizado a la plantilla.

Con el Editor de dise√Īo de plantilla, dise√Īa todo el dise√Īo con Divi Builder combinado con los m√≥dulos y opciones de contenido din√°mico integrados de Divi.

Por ejemplo, puedes usar el Módulo de título de la publicación para mostrar el título de la publicación de forma dinámica.

O utiliza un módulo de texto que extraiga la fecha del artículo.

Lo m√°s importante, debes incluir el m√≥dulo Publicar contenido al crear cualquier dise√Īo de cuerpo personalizado para tu plantilla. 

El m√≥dulo Publicar contenido incluye el √°rea para el contenido de la p√°gina o publicaci√≥n que se mostrar√° dentro del √Ārea del cuerpo de la plantilla.

Aqu√≠ puedes ver una ilustraci√≥n de un dise√Īo completo para una plantilla de publicaci√≥n de blog que usa contenido din√°mico:

Una vez que se crea la plantilla, puedes crear f√°cilmente una nueva publicaci√≥n de blog utilizando el editor de publicaciones predeterminado de WordPress y hacer que esa entrada herede el dise√Īo de la plantilla de publicaci√≥n de blog que se cre√≥ utilizando Divi Theme Builder.

Tambi√©n puedes usar Divi Builder en publicaciones de blog con esta plantilla personalizada. 

Funcionar√° de la misma manera. Lo que construyas con Divi Builder para tu art√≠culo se mostrar√° dentro del √°rea designada por el M√≥dulo de contenido de publicaciones en el dise√Īo de la plantilla.

Crea una plantilla de producto (de WooCommerce) que se aplique a TODOS los productos autom√°ticamente

El contenido din√°mico no solo se aplica a las plantillas de los art√≠culos o entradas del blog. Tambi√©n puede usar los m√≥dulos integrados de Divi WooCommerce (o Woo) para crear una plantilla de p√°gina de producto personalizada en toda la web.

Para hacer esto, simplemente crea una nueva plantilla y asigne la plantilla a “Todos los productos”. Luego agrega un cuerpo personalizado a la plantilla y haz clic para construir el dise√Īo del cuerpo usando el editor de plantillas.

Luego usa Divi Builder y los M√≥dulos Woo para dise√Īar la plantilla de la p√°gina del Producto.

Ahora, cada vez que crees un nuevo producto en el backend utilizando el editor de p√°gina est√°ndar del producto, el producto heredar√° autom√°ticamente el dise√Īo de la plantilla de cuerpo asignada.

Opciones de portabilidad para plantillas de Theme Builder

Exportar e importar plantillas

Con las opciones de portabilidad del generador de temas, puedes exportar todas o algunas de las plantillas de tema en un archivo. Estos archivos de exportaci√≥n incluir√°n todos los dise√Īos de biblioteca asociados con cada plantilla y todos los datos de asignaci√≥n de plantillas.

Para acceder a la opción de Portabilidad de Theme Builder, haz clic en el icono de portabilidad a la derecha de la barra morada en la parte superior de la interfaz de Theme Builder.

Aparecer√° el popup de portabilidad con la pesta√Īa de exportaci√≥n abierta por defecto. 

Asigna un nombre al archivo de exportaci√≥n, actualice la opci√≥n de exportaci√≥n (si es necesario) y haz clic para exportar el archivo. 

Si dejas la opción de exportación para exportar todas las plantillas, todas las plantillas de tema se exportarán en el archivo.

Si anulas la selecci√≥n de la opci√≥n “Exportar todas las plantillas”, ver√°s una lista de opciones que incluye una plantilla espec√≠fica que puede elegir incluir en el archivo de exportaci√≥n.

Para importar un archivo json de plantilla de generador de temas a tu web, deber√°s seleccionar la pesta√Īa de importaci√≥n. Selecciona el archivo que deseas importar, actualiza las opciones de anulaci√≥n (si es necesario) y haz clic para importar el archivo.

IMPORTANTE: la importaci√≥n importa todo, incluso las plantillas asignadas a p√°ginas y publicaciones que no existen en la instalaci√≥n actual de WP. 

Todos los conflictos se resuelven permitiendo que las plantillas importadas anulen las plantillas existentes en el sitio web. 

Esto significa que la plantilla predeterminada se anula y todas las asignaciones de p√°gina o publicaci√≥n de las plantillas importadas tienen prioridad. 

Por ejemplo, si importas una plantilla asignada a la p√°gina 404, eliminar√° la p√°gina 404 de la plantilla actual asignada a la p√°gina 404.

Importar y exportar paquetes de creadores de temas completos

Las exportaciones de Theme Builder son lo que llamamos “Paquetes de Theme Builder”. Piensa en ellos como paquetes de dise√Īo Divi, excepto por la estructura general de tu web en lugar de dise√Īos de p√°gina individuales. 

Los paquetes de Theme Builder eliminan la necesidad de temas hijo en muchos casos y nos permiten crear plantillas de tema preconstruidas que se pueden usar en cualquier sitio web.

Conclusión

Poder usar el Constructor de Divi en lugares donde ante no se podía como la cabecera, el footer, las páginas de producto de WooCommerce, etc. nos abre un mundo de posibilidades maravilloso.

Divi es el Tema de WordPress más instalado del mundo por algo, y con actualizaciones como esta demuestra que cada vez es mejor, más rápido, más ligero y más versatil. Una auténtica pasada.

Si quieres aprender Divi a fondo conmigo de soporte para ayudarte entra en mi Curso de Divi y podr√°s descargar Divi gratis para usarlo de por vida en todas las web que desees.

Y si quieres comprar tu propia licencia de Divi entra en este enlace y tendr√°s el mayor descuento que existe: Comprar Divi con el mayor descuento

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 7 Media: 5]
Curso dise√Īo web online: Lo que debes saber para ser dise√Īador web freelance

Curso dise√Īo web online: Lo que debes saber para ser dise√Īador web freelance

Si eres una persona creativa que te gusta el dise√Īo web y te gustar√≠a vivir como freelance trabajando desde casa debes saber una serie de cosas antes de empezar o corres el riesgo de cometer errores muy habituales que acaben haciendo que no consigas clientes y que abandones tu sue√Īo.

En mi Curso de dise√Īo web online para principiantes explico paso a paso las mejores estrategias, sistemas, m√©todos de trabajo, presupuestos, c√≥mo poner buenos precios, como multiplicar ventas, etc. pero hoy quiero ayudarte d√°ndote los consejos que me hubiera gustado escuchar cu√°ndo empezaba.

Mi nombre es Gonzalo de la Campa, he dise√Īado m√°s de 200 p√°ginas web en WordPress, tengo m√°s de 4.000 suscriptores, m√°s de 100.000 visualizaciones en YouTube… y afortunadamente hoy vivo haciendo lo que me gusta, trabajando desde casa menos de 6 horas al d√≠a y felizmente casado y con 2 preciosos hijos de 4 y 7 a√Īos de los que puedo disfrutar sin estar agobiado por no tener ingresos o no tener tiempo.

En este post te voy a contar los consejos principales que debes saber antes de empezar, as√≠ quiz√° pueda ayudarte como me habr√≠a gustado que me ayudaran a mi cu√°ndo me qued√© en el paro con un hijo de 6 meses y empec√© formarme como freelance de dise√Īo web.

#CONSEJO 1: Formación, formación y formación.

Cu√°nto m√°s preparado est√©s…:

  1. Menos tardar√°s en conseguir clientes
  2. Mejores webs dise√Īar√°s y m√°s te recomendar√°n
  3. Ser√°s m√°s r√°pido dise√Īando y tendr√°s un negocio m√°s escalable
  4. Podr√°s ganar mucho m√°s dinero en menos tiempo
  5. Menos tendr√°s que invertir en captar clientes porque ellos ir√°n a ti
  6. Mejor posicionado estar√°s en Google
  7. Mejor valorado estar√°s en tu sector y te ver√°n como un referente
  8. etc.

Todo esto es imposible conseguirlo “a lo cutre”, es decir, viendo v√≠deos gratuitos y desordenados en YouTube como un pollo sin cabeza.

No solo debes formarte en saber dise√Īar y hacer dise√Īos de p√°ginas webs de calidad que ayuden a generar ingresos a tus clientes sino que es vital aprender c√≥mo conseguir clientes, c√≥mo ofrecer presupuestos para que quieran trabajar contigo, qu√© fases de dise√Īo debes realizar para evitar dise√Īos interminables en los que pierdas tiempo y dinero, etc.

#CONSEJO 2: Dise√Īa una p√°gina web perfecta

Si tienes un restaurante, eres abogado o psic√≥logo te podr√≠as permitir tener una web “como todo el mundo”, pero siento decirte que si te vas a dedicar al dise√Īo web como freelance debes tener una web perfecta.

¬ŅC√≥mo es una web perfecta?

  1. Debe estar hecha con las mejores herramientas: WordPress, Divi…
  2. Debe seducir a tu cliente en menos de 5 segundos
  3. Debe cargar r√°pido (en menos de 2 o 3 segundos)
  4. Debe tener un dise√Īo atractivo
  5. Debe tener un copy convincente dónde el cliente sepa cómo vas a solucionar su problema
  6. Debe generar confianza y autoridad para que los clientes quieran contratarte a ti y no a otro
  7. Debe tener llamadas a la acción para que sea fácil contactarte.
  8. etc.

Si no sabes dise√Īar mi consejo es que aprendas a dise√Īar con las herramientas que mejores dise√Īos web te permitan hacer en el menos tiempo posible para poder tener un negocio sano y escalable.

Yo apost√© hace muchos a√Īos por WordPress y por el Tema Divi y no puedo estar m√°s contento de la decisi√≥n que tom√© ya que me pemite dise√Īar webs de entre 700 y 1000 euros en un solo d√≠a. Imagina lo que se podr√≠as ganar al mes si haces webs de 1.000 euros en uno o dos d√≠as.

Y eso es posible gracias a WordPress y Divi. Aquí tienes información sobre el Tema Divi de Elegant Themes por si quieres profundizar en este tema.

#CONSEJO 3: Vas a necesitar soporte, no lo olvides.

Cuando empieces a dise√Īar webs con WordPress y consigas tus primeros clientes te vas a encontrar con un mont√≥n de problemas, incidencias, baches que te har√°n perder much√≠simo tiempo y pueden hacer que desesperes.

Lo s√© de buena tinta, yo mismo he llegado a llorar, literalmente, con algunos clientes cu√°ndo empezaba porque no sab√≠a c√≥mo hacer cosas que me ped√≠an o resolver problemas cu√°ndo una web se ca√≠a o por alguna incompatibilidad desaparec√≠a todo o sal√≠a un error que no ten√≠a ni p… idea de resolver.

Esto te va a pasar.

Si piensas que va a ser todo de color de rosa te equivocas. Un deportista sabe que en su carrera se va a lesionar varias veces, un cocinero que se le van a quemar platos y un abogado que va a perder juicios, pues un dise√Īador web debe saber que va a tener problemas y que va a necesitar ayuda para resolverlos.

Por eso yo en mi curso para dise√Īadores web profesionales quiero dar esa ayuda a todos mis alumnos para que no lo pasen tan mal como yo lo pas√© en algunas ocasiones.

#CONSEJO 4: Define tus servicios como un PRO

Esto es vital.

De hecho en mi cuso de Dise√Īo Web Profesional Online dedico un m√≥dulo entero a esto.

Puedes ver el Curso de dise√Īo web por dentro si quieres para que veas las lecciones, los m√≥dulos, etc.

Si no defines bien tus servicios corres un alto riesgo.

Estas son las cosas que pueden pasarte si empiezas a ofrecer servicios de dise√Īo web sin tener una buena estrategia:

  1. Ofrecer√°s servicios que no dominas y bajar√° tu calidad
  2. Pensar√°s que para conseguir clientes debes bajar precios y atraer√°s a clientes malos
  3. Perder√°s clientes
  4. No te verán como un auténtico especialista
  5. Perder√°s mucho tiempo
  6. Necesitar√°s contratar a terceros perdiendo margen
  7. No sabr√°s diferenciar un buen cliente de uno malo
  8. etc.

Por eso es vital que sepas:

  1. Si es mejor ser especialista y generalista y por qué
  2. Es vital que sepas que servicios debes ofrecer y cu√°les no,
  3. Es vital que sepas c√≥mo debes poner los precios, si deben ser p√ļblicos o no
  4. Cómo hacer para que te contraten páginas web a precios altos y atraer a los clientes que valoren tu trabajo
  5. Cómo ofrecer servicios que se vendan solos
  6. Buenas estrategias para trabajar con colaboradores y tener ingresos extra
  7. etc.

#CONSEJO 5: Usa estrategias para disparar tus ventas

Este es otro de los m√≥dulos de mi Curso para dise√Īadores web profesionales d√≥nde dedico muchas lecciones a explicar estrategias que yo llevo usando a√Īos y que me funcionan a las mil maravillas.

Afortunadamente, estas estrategias que aprendí cuándo empezaba me han ayudado a no necesitar miles de visitas y miles de solicitudes de presupuesto para conseguir clientes.

Es decir, cu√°nto mayor sea tu tasa de conversi√≥n, menos tiempo tendr√°s que gastar en salir a buscar clientes porque la mayor√≠a de los clientes que contacten contigo querr√°n que seas t√ļ qui√©n les dise√Īe la web.

Si un cliente siente que el valor de lo que le ofreces es muy superior al precio que le pides (aunque el precio sea alto) querr√° trabajar contigo, esto te lo garantizo.

Por ello es fundamental que sepas:

  1. Preparar un presupuesto de dise√Īo web perfecto
  2. Aprender a generar ingresos recurrentes con cada nuevo cliente que tengas.
  3. Estrategias para convertir las solicitudes en clientes (esto es clave)
  4. Los guiones que debes usar para multiplicar tus conversiones y tus clientes.

#CONSEJO 5: Antes de dise√Īar una web haz todo esto

Un mal dise√Īador web empieza de cero cada vez que le contratan una web y pierde much√≠simo tiempo haciendo cosas que podr√≠a tener resueltas optimizando el trabajo.

Todo ese tiempo que pierden los malos dise√Īadores web les impiden aumentar los clientes porque no tienen tiempo y se ven desbordados.

Si tu quieres ser un dise√Īador web con un negocio sano que te deje tiempo para tu vida, tu ocio, tus amigos y tu famila… debes aprender a tener muchas tareas repetitivas muy bien optimizadas.

Esta es otra de las cosas fundamentales que explico a mis alumnos en mi Curso de dise√Īo web online, del que aprovecho para recordarte que puedes ver por dentro.

Lo que debes saber antes de ponerte a dise√Īar:

  1. Debes saber como poner límites a tus clientes. Como no aprendas esto estás perdido. No todo vale. Los presupuestos hay que cumplirlos.
  2. Debes usar un buen hosting y dominar este tema. Al principio parece difícil pero aprendiendo 5 cosas lo tendrás todo más claro.
  3. Debes saber c√≥mo dise√Īar una web cu√°ndo... el cliente ya tiene web y cu√°ndo no tiene web. La forma de trabajar es distinta y debes saber cu√°l es la mejor forma de dise√Īar en cada caso.
  4. etc.

#CONSEJO 6: Dise√Īa con una Web Maestra

Esto es un tema clave que te puede ahorrar decenas de horas al mes, cientos de horas al a√Īo, miles de horas en tu vida laboral como dise√Īador web.

Esta es una forma de trabajar muy PRO que muy pocos dise√Īadores web profesionales utilizan y que te puede hacer posicionarte r√°pidamente pro encima de tu competencia.

A este tema le dedico tambi√©n varias lecciones en mi Curso de Dise√Īo Web porque saber preparar una buena web maestra con todas las configuraciones m√°s importantes (de seguridad, velocidad de carga, ajustes, etc.)

Es importante que sepas:

  1. Cómo y por qué debes preparar una Web Maestra
  2. Que veas c√≥mo es una web maestra por dentro (en mi curso de dise√Īo web profesional ense√Īo la m√≠a a mis alumnos)
  3. Cómo migrar una Web Maestra en menos de 5 minutos
  4. Listado de ajustes que debes hacer en tu Web Maestra
  5. etc.

#CONSEJO 7: Usa el mejor m√©todo de trabajo para dise√Īar webs llave en mano

Cu√°ndo vamos a dise√Īar una p√°gina web llave en mano pueden surgir infinidad de problemas y situaciones a resolver.

Esa es la mala noticia. La buena es que el 85% de las veces los problemas que te vas a encontrar son los mismos.

Un buen m√©todo de trabajo es vital para hacer buenos dise√Īos web.

El método importa.

Esto tambi√©n lo explico en mi Curso de dise√Īo web para dise√Īadores profesionales freelance.

De hecho he asistido a ponencias d√≥nde dise√Īadores que parec√≠an cracks contaban sus m√©todos de trabajo y sinceramente y con todos mis respetos, eran una aut√©ntica cagada.

He llegado a salir de Congresos de Dise√Īo Web pensando… como los asistentes apliquen estos m√©todos van directos al pozo.

Por eso a mis alumnos, no solo les explico un m√©todo que funciona sino que les entrego herramientas y plantillas que yo llevo a√Īos usando para que puedan usarlas con sus clientes.

Si tu cliente no conoces las fases de su proyecto, si tu no le explicas los procedimientos, te aseguro que puedes ir directo al infierno y si has elegido esta profesi√≥n es para ser feliz y disfrutar del dise√Īo web y de tu creatividad trabando desde casa.

Debes saber cosas vitales como:

  1. Las 4 mejores fases para dise√Īar una web
  2. La toma de datos que te ahorrar√° horas de trabajo
  3. C√≥mo cobrar, cuando publicar…
  4. etc.

Conclusión

F√≥rmate para aprender las mejores estartegias para ser un buen dise√Īador web freelance o perder√°s muchisimo tiempo haciendo trabajos de mala calidad y perder√°s clientes y dinero.

Nunca estés solo o te comerás muchos marrones, es importante que te lances con ayuda, soporte o alguien de confianza cerca que te saque problemas cuándo los tengas. Creeme, los tendrás.

Si quieres que yo te ayude, la mejor manera de que yo est√© a tu lado es apunt√°ndote a mi Curso de Dise√Īo Web Profesional, ya que no solo aprender√°s de golpe todo lo que yo he aprendido en a√Īos sino que podr√°s descargar mis documentos, etc. y me tendr√°s de soporte al otro lado del mail para ayudarte.

Si tienes cualquier duda escríbeme el los comentarios y te ayudo de mil amores. Un abrazo!

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 2 Media: 5]
Elimina los códigos cortos de cualquier tema o plugin en 1 minuto

Elimina los códigos cortos de cualquier tema o plugin en 1 minuto

¬ŅLos shortcodes o c√≥digos cortos son buenos o malos?

Los códigos cortos o shortcodes son como los impuestos que pagamos, parecen malos pero gracias a ellos tenemos sanidad, educación, carreteras, etc.

Esto es lo mismo, gracias a estos shortcodes puedes tener funcionalidades brutales en tu WordPress que te permiten realizar cantidad de cosas de forma sencilla.

¬ŅC√≥mo afectan los c√≥digos cortos al posicionamiento, velocidad…?

Es importante que sepas que los códigos cortos o shortcodes son invisibles para Google con lo que ni te perjudican ni te benefician a nivel de SEO porque Google lo que ve es el html que genere ese shortcode.

Aunque mucha gente crea que los temas o plugins que usan códigos cortos son perjudiciales o penalizan el posicionamiento, esto es un mito, un error.

De hecho Divi es el Tema m√°s instalado del mundo en WordPress y los usa, Contact Form igual, etc.

Yo mismo tengo webs con cientos de palabras clave en 1¬ļ p√°gina y posiciono a mis clientes en menos de 1 mes usando siempre el tema Divi, que es una maravilla para posicionar en Google.

Es una pena que haya gente que se decante por otros temas de WordPress solo por los c√≥digos cortos que es algo que, como veremos, podemos resolver en 1 minuto si alg√ļn d√≠a dejamos de usar el tema Divi, o cualquier tema o plugin.

Es decir, usa el tema que te guste más ya sea Divi, Avada, Generate Press, Astra o el que te de la gana, pero no por los códigos cortos.

Elegir un tema o plugin porque use o no códigos cortos sería como comprar un coche porque te gusta el color de la tapicería.

¬ŅC√≥mo eliminar shortcodes de Divi, Avada, Contact Form o cualquier tema o plugin?

Hay muchas maneras de eliminar estos c√≥digos cortos, igual que hay muchas maneras de barrer una casa (escoba, aspiradora…) pero hoy te ense√Īar√© la m√°s sencilla de todas.

Si lo que quieres borrar son los c√≥digos cortos de Divi porque vas a cambiar de tema debes saber antes que si en el nuevo tema instalas el plugin Divi Builder no necesitas borrar los c√≥digos cortos y conservar√°s todos tus dise√Īos en el nuevo tema que uses. En este tutorial de Divi tienes m√°s informaci√≥n.

Instala el plugin Shortcode Cleaner

Si te vale con ocultar los c√≥digos cortos pero quieres conservarlos en la base de datos de WordPress porque alg√ļn d√≠a puedes querer volver a utilizar esas funcionalidades que te han aportado, entonces te vale con la versi√≥n gratuita del plugin Shortcode Cleaner.

Si quieres borrar los códigos cortos también de la base de datos de WordPress, entonces tienes que comprar la versión pro del plugin. Pero no te preocupes que no llega ni a 20 euros. Es decir te va a ahorrar mucho trabajo por muy poco coste.

Mira aquí todo lo que t permitesste plugin y todas las diferencias entre la versión gratuita y la pro:

Shortcode Cleaner te permite

  • Ahorrar tiempo quitando del contenido los c√≥digos cortos rotos.
  • Cambiar entre temas y complementos sin preocuparte.
  • Limpiar tu contenido autom√°ticamente sin un clic, solo act√≠valo.

Funciones de Shortcode Cleaner Lite (gratis)

  • Limpiar el contenido del sitio frontend.
  • Limpiar publicaciones, p√°ginas, tipos de publicaciones personalizadas [contenido, extracto, t√≠tulo, metaboxs].
  • Limpiar los widgets de las barras laterales [t√≠tulo, contenido], enlaces de men√ļ, opciones de configuraci√≥n.
  • Limpiar cualquier contenido dentro de c√≥digos cortos rotos.
  • Limpiar los c√≥digos cortos rotos normales y anidados.
  • Informes de panel de control m√°s limpios.
  • Compruebar d√≥nde se encuentran los c√≥digos cortos rotos.
  • Control de la configuraci√≥n del limpiador.
  • Shortcode Cleaner es un desarrollador amigable.

Caracter√≠sticas de Shortcode Cleaner Pro (de pago)

  • Limpia el contenido de administraci√≥n del editor de fondo.
  • Limpia el contenido en una base de datos.
  • Limpia los c√≥digos cortos rotos que quedan del generador de p√°ginas (Visual Composer, Divi … etc.).
  • Muessra el estado de c√≥digos cortos rotos en la barra de administraci√≥n.
  • Obliga a los c√≥digos cortos activos a romperse [inactivos].
  • Limpia un n√ļmero ilimitado de publicaciones, p√°ginas [en lugar de solo 100 en la versi√≥n lite].
  • Agregua nuevos filtros de contenido del sitio frontend personalizados.
  • Utiliza los filtros de contenido de administraci√≥n WP de backend predeterminados.
  • Agregua nuevos filtros de contenido de administraci√≥n de back-end personalizados.
  • M√°s opciones de control para desarrolladores.
  • Actualizaciones de por vida y soporte con compras √ļnicas.

Elimina los shortcodes en 1 minuto

RECUERDA HACER SIEMPRE COPIA DE SEGURIDAD ANTES DE BORRAR NADA. No vaya a ser qe pierdas cosas que no quieres perder.

Si te vale con e plugin gratuito y con ocultar los c√≥digos cortos (recuerda que no afectan al seo) entonces instala Shortccode Cleaner Lite y a correr. ¬ŅDije en un minuto? en 1 segundo ya los has eliminado jeje Adem√°s no hace falta que configures nada, con activarlo te vale.

Si quieres borrarlos definitivamente, simplementee compra el plugin Shortcode Cleaner y ve a SETINGS > GENERAL y activa enable cleaner on the backend o sigue esos sencillos pasos del vídeo dónde lo verás muy claro:

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 0 Media: 0]
Soluciona f√°cilmente casi cualquier incidencia con Divi

Soluciona f√°cilmente casi cualquier incidencia con Divi

No me lo digas… no te carga la p√°gina del editor, no te deja guardar una p√°gina que est√°s editando o algo por el estilo ¬Ņno?

Tranquil@, es muy f√°cil de resolver. ūüėČ

Recuerda siempre antes de hacer nada de lo que te pongo por aquí hacer una copia de seguridad. Estos siempre es lo primero para toquetear tranquilo.

Problemas más habituales (con fácil solución)

Divi te muestra un pop up que te dice algo así:

  • No se ha podido guardar: Descarga copia de Seguridad o Volver a intentar
  • Limite de tiempo de Divi Builder
  • No se puede cargar el dise√Īador
  • etc.

¬ŅTe suenan popups como estos?

Te lo explico todo en este vídeo

Si eres de los que te da pereza leer tienes este vídeo dónde te lo explico y si eres de los que prefiere leer a ver vídeos lo tienes todo super detallado en este post.

El 90% de las incidencias tienen la misma solución: Tu Hosting.

Normalmente los hostings capan muchas cosas (tiempos de ejecución, limites de subida de ficheros, etc.) y Divi necesita ciertos recursos mínimos para funcionar correctamente.

Todos los Programas punteros necesitan unos requisitos m√≠nimos. Por ejemplo si instalas la √ļltima versi√≥n de Photoshop… en un ordenador antiguo ver√°s que no funciona, lo mismo pasa aqu√≠.

¬ŅC√≥mo saber qu√© requisitos m√≠nimos debo ampliar?

Divi lo pone muy sencillo. Ya en las √ļltimas versiones incorpora una pesta√Īa llamada SUPPORT CENTER.

Entra en Support Center y mira qué recomendaciones te da y cuántas tienes en rojo. Esas son las que debes arreglar.

Pulsa en SHOW FULL REPORT para ver el reporte completo, si quieres, y ver qué requisitos cumple tu hosting y cuáles no.

Como puedes ver el primer valor es lo que tienes actualmente en tu hosting y el segundo valor que ves después de We recommendes el que deberías tener para que todo te funcione correctamente.

¬ŅC√≥mo ampliar los valores en el hosting para cumplir los requisitos m√≠nimos?

Depende el hosting que tengas contratado tendr√°s 2 maneras de hacerlo:

  • Pedir a tu proveedor de hosting que ampl√≠e estos valores
  • Hacerlo tu mismo (si tu hosting lo permite)

Cómo pedir a tu proveedor de hosting que te lo amplíe:

Esto siempre es lo ideal, así te quitas de líos, sobre todo si no dominas el tema y estas cosas técnicas te asustan un poco.

Haz esto y soluciona tu problema sin complicaciones:

Ve a la pesta√Īa de Divi > Support Center > Copia los valores en rojo > Abre un ticket en tu proveedor de Hosting > Pega esos valores escribi√©ndoles algo as√≠ en el ticket:

Hola, necesitar√≠a que me aument√©is los valores que os indico m√°s abajo a los valores recomendados que pod√©is ver en cada uno de ellos justo despu√©s de WE RECOMMEND…

…y pegas ah√≠ esos valores que has copiado. Te voy a poner un ejemplo PERO TU DEBES COPIAR LOS TUYOS, NO ESTOS DE AQU√ć ABAJO:

IMPORTANTE: Si al subir la versi√≥n de PHP a la √ļltima ves que te da alg√ļn problema pide que te la suban a la pen√ļltima o antepen√ļltima…

PHP Version

7 – We recommend 7.2 or higher for the best experience. Learn more.

post_max_size

16M – We recommend 64M for the best experience. Learn more.

max_execution_time

90 – We recommend 180 for the best experience. Learn more.

upload_max_filesize

16M – We recommend 64M for the best experience. Learn more.

max_input_time

90 – We recommend 180 for the best experience. Learn more.

max_input_vars

1000 – We recommend 3000 for the best experience. Learn more.

C√≥mo ampliar los valores m√≠nimos t√ļ mismo:

Antes de que lo intentes hacer t√ļ te dir√© que hay hosting que no lo permiten y debes pedirselo a ellos.

Si ves que al ir a cambiarlo donde yo te indico, tu hosting no te lo permite, entonces es que debes pedirselo a ellos.

En caso de que ellos tampoco te lo aumenten, entonces es que el hosting que tienes contratado es un poco pobre y quiz√° es el momento de mejorarlo.

IMPORTANTE: Si al subir la versi√≥n de PHP a la √ļltima ves que te da alg√ļn problema s√ļbela a la pen√ļltima o antepen√ļltima…

Tanto si usas CPanel como si usas Plesk u otro panel de administración (esto son los paneles de administración habituales que usan los hosting) debes localizar un icono que ponga:

  • EN PLESK: Una vez dentro de Plesk pulsa en el icono de Configuraci√≥n de PHP > Ponte encima de cada uno de los valores y escribe el valor recomendado. A veces si lo haces mediante el desplegable no te deja aumentar tanto as√≠ que mejor borra el n√ļmero actual y escribe el recomendado. Ejemplo: Cambia 16M por 64M (Podr√°s aumentar todos salvo max_input_vars que deber√°s escribir esto max_input_vars = 3000; en la caja de abajo del todo donde pone Directivas de configuraci√≥n adicional)
  • EN CPANEL: Una vez dentro de tu CPanel pulsa en: Selecciona versi√≥n de PHP > y arriba a la derecha pulsa en Switch To PHP Options > Ah√≠ ver√°s cada uno de los valores y ve entrando en cada uno de los que te recomienda Divi y cambiando el valor al valor recomendado.
  • EN OTRO PANEL: Hay hosting como Arsys, Ionos (antiguo 1&1) y algunos otros que desarrollan su propio panel, ah√≠ tendr√°s que preguntarles a ellos que d√≥nde puedes aumentar estos valores o pedirles que te lo suban ellos.

Una vez ampliados los valores debe quedar algo así

En este ejemplo est√° la antepenultima versi√≥n de PHP (para la fecha en la que escribo este post) porque las 2 √ļltimas daban alg√ļn problema. Y tampoco he activado que muestre errores, pero teniendo ok todo lo dem√°s Divi va como un tiro:

Si has aumentado los valores en tu hosting y no se soluciona, prueba esto…

Aunque, como he dicho arriba el 90% de estas incidencias de no poder guardar las p√°ginas de Divi o no poder cargar o recargar el dise√Īador o el Divi Builder se solucionan ampliando los valores en tu hosting, hay veces que puedes seguir con el problema.

En ese caso vamos a hacer 2 cosas:

Entra como ventana de INC√ďGNITO o borra la Cach√© de tu navegador

Esto debes hacerlo porque quiz√° aumentando los valores del hosting ya lo hayas solucionado.

Si, como lo oyes, pero lo que puede pasar es que tu navegador te sigue mostrando una página cacheada (esto es una página que guarda en la memoria para cargar más rápido) y al entrar como INCOGNITO o borrar la caché ya accedes a tu web reconociendo este aumento de valores.

Normalmente se entra como ventana de Incógnito pulsando en los 3 puntitos de arriba a la derecha de tu navegador (en Chrome) y abriendo una nueva ventana de incógnito o en esos 3 puntitos en Herramientas > Borrar datos de navegación.

Desactiva los plugins

Esta es otra de las buenas practicas para ver si tus problemas los est√° creando alguno de los plugins que tienes instalados.

Divi es una joya también en esto.

Con cualquier otro tema tendr√≠as que ir a la pesta√Īa de Plugins de WordPress e ir desactivando uno a uno e ir mirando si se soluciona tu problema. Es la manera de detectar cu√°l es el causante.

Pero con Divi te puedes ahorrar inicialmente ese paso para saber si alguno de tus plugins es el causante.

  • Ve de nuevo a Divi > Support Centre y activa SAFE MODE (lo tienes un poco m√°s abajo haciendo scroll).
  • Ahora ve a ver si se ha arreglado el problema o persiste.
    • Si se ha arreglado es que el problema no est√° en Divi, est√° en alg√ļn plugin que est√° siendo el causante de la incompatibilidad. Entonces vuelve a desactivar SAFE MODE y ve a la pesta√Īa de Plugins y desactiva 1 a 1 y ve mirando si se arregla. Cu√°ndo desactives el primero mira si se arregla y si no se ha arreglado vuelve a activarlo y prueba con el siguiente, as√≠ sucesivamente,
  • Si no se ha arreglado es que no es ni tu hosting, ni los plugins… entonces si tienes tu licencia de Divi contacta con el soporte de Elegant Themes activando el Acceso Remoto (Remote Access) en Divi > Support Centre o contacta con tu proveedor de hosting o tu webmaster a ver si te pueden ayudar porque puede ser otra cosa.

Cuéntame en los comentarios si has hecho esto que te indico y te ha ayudado o no. Podré ir actualizando este post con otro tipo de incidencias (mientras sean habituales)

Si quieres aprender m√°s sobre Divi ve a mi Curso de Divi o a mi Curso de WordPress Gratis si lo que quieres es dominar WordPress o a cualquiera de mis otros cursos que tienes en la pesta√Īa de CURSOS del Men√ļ de mi web.

>> VALORA Y COMPARTE ESTE ART√ćCULO:
[Total: 2 Media: 5]

Dime dónde te envío

tus regalos

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

218813

¿Te vas sin tu regalo?

Mis secretos para crear una web de exito

+ trucos y recursos gratis para Divi

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

el enlace al webinar

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Mailchimp.
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

el enlace al webinar

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Abrir chat
1
¬ŅAlguna duda? Soy Gonzalo, cu√©ntame y te ayudo encantado.
Powered by