Documentación de Divi - Cómo crear un nuevo proyecto en Divi

Divi - Documentación en español

Actualizada v3.28

Cómo crear un nuevo proyecto en Divi

Con Divi, crear un proyecto es fácil y divertido. Se ha añadido un elemento al menú de WordPress, llamado Proyectos, para que pueda crear proyectos al igual que crea páginas o entradas. También tiene la opción de usar una estructura básica de proyectos, o usar el constructor para crear asombrosos diseños.

Divi - Añadir proyecto

Crear un proyecto

  • Título – Comience por ponerle un título a su proyecto.
  • Diseño de página – Puede elegir entre tres diseños de página distintos, los cuales pueden ser únicos para cada proyecto, si así lo desea. Las tres opciones incluyen una barra lateral izquierda, una barra lateral derecha o la página de ancho completo.
  • Categorías de proyecto – Las categorías de los proyectos están separadas de las categorías de entradas, para que tenga un control total sobre lo que incluye en sus portfolios. Dentro del constructor de proyectos, puede agregar una categoría nueva o elegir una (o varias) de las ya existentes.
  • Etiquetas de proyecto – Use las etiquetas de proyectos para definir las herramientas que fueron usadas en el proyecto. Las etiquetas se mostrarán listadas en la página del proyecto bajo el rótulo Herramientas. Cada herramienta, o etiqueta, es un enlace para ver todos los proyectos que la incluyen.
  • Imagen destacada – Seleccione una imagen destacada de las que ya están en la biblioteca multimedia (o suba una nueva). Esta será la imagen que se mostrará como miniatura en su portfolio. La miniatura se escalará de acuerdo a la proporción de la imagen destacada, por lo tanto recomendamos que todas las imágenes para los proyectos tengan la misma proporción si utiliza un diseño en grilla.

Contenido: Básico

El diseño básico de proyecto mostrará la imagen destacada en la parte superior de la página, seguida del contenido que introduzca en el Editor de texto.

Divi - Nuevo proyecto

En el siguiente ejemplo puede ver que tenemos el título del proyecto, y la/s categoría/s justo a la derecha. Debajo, la imagen destacada se muestra en ancho completo, seguida del contenido que hemos introducido. Las etiquetas que fueron definidas aparecen como Herramientas y la fecha de publicación aparece justo debajo.

Divi - Proyecto

Contenido: Extendido

Si desea crear páginas de proyectos más complejas, puede hacer clic en el botón Usar el constructor de páginas de la parte superior de la página de proyectos y se iniciará el constructor de Divi. En esta modalidad, tendrá la misma libertad creativa que le brinda cualquier otra página que usa el constructor.

Divi - Usar el constructor para el nuevo proyecto

Luego haga clic en el botón Usar constructor visual para abrir el modo de edición visual de Divi.

En este modo, tendrá tanta libertad para crear contenidos como con cualquier otra página donde use el constructor de Divi. Vea Usar el constructor visual.

Divi - Usar el constructor visual para el nuevo proyecto

Nota: Si elige usar el constructor, comenzará con un lienzo en blanco. Por lo tanto, todos los elementos del proyecto básico serán eliminados (por ejemplo, el título, las categorías, la imagen destacada, las herramientas y la fecha). Sin embargo, de todas maneras querrá incluir esta información para las miniaturas de los proyectos que se mostrarán en el portfolio.

Facebook
WhatsApp
Twitter
LinkedIn
Pocket
Reddit
Enviar por correo
Imprimir

12 comentarios en “Cómo crear un nuevo proyecto en Divi”

    1. Hola, Mónica.

      Tenés que usar un tema hijo, y en el archivo functions.php (antes del cierre de la etiqueta ?> si lo hay) pegar el siguiente código:

      add_filter( 'et_pb_portfolio_image_height', 'portfolio_size_h' );
      add_filter( 'et_pb_portfolio_image_width', 'portfolio_size_w' );
      
      function portfolio_size_h($height) {
      return '400';
      }
      function portfolio_size_w($width) {
      return '600';
      }
      

      Modificá los valores por el tamaño en píxeles que necesites.

      Saludos.

      1. ¡Hola!

        Necesitaba esta función también, lo intenté y da un error con este mensaje.

        ¿Algo ha ido mal. Tu cambio no se ha podido guardar. Por favor, inténtalo de nuevo. También es posible que tengas que corregirlo manualmente y subir el archivo por FTP?

        ¿Cómo podría resolverlo?

        ¡Muchas gracias!

        1. Hola, Vero.

          Gracias por tu comentario.

          Ese mensaje suele aparecer cuando hay algún plugin de seguridad, que no permite hacer cambios en el archivo functions.php del tema activo. Podés activar provisoriamente el tema padre o algún tema predeterminado, y editar el archivo del tema hijo desde el editor de WP (luego volver a activar el tema hijo). O en su defecto, editar el archivo desde el panel del hosting (si lo permite) o descargarlo a tu equipo, editarlo en un bloc de notas y luego subirlo modificado por FTP.

          Saludos.

    1. Hola, Lilian.

      Podés agregar proyectos, categorías y etiquetas de proyectos como elementos de cualquiera de los menús. Si no ves los paneles del lado izquierdo, buscá y marcá las casillas dentro de la pestaña Opciones de pantalla (parte superior derecha) en Apariencia > Menús.

      Saludos.

  1. Hola:
    He leído todo sobre Proyectos y veo qye es similar a construir una Pagina.
    Pero mi pregunta es: ¿Para qué se usan los Proyectos? ¿Cuál es su aplicación?
    Gracias

    1. Hola, Gustavo.

      Disculpas por la demora en la respuesta. Los Proyectos son un tipo de entrada personalizada y básicamente eso es lo que los diferencia de las páginas, por más que el proceso para crearlas mediante el constructor sea el mismo. Pero su principal aplicación es servir el contenido (título, categoría e imagen destacada) a los módulos Portfolio y Portfolio por filtros para poder funcionar correctamente.

      Saludos.

    1. Hola, Reyes.

      Si el proyecto está editado con el constructor, podés agregar el siguiente código en los ajustes de la página (en Avanzado > CSS personalizado):

      #main-header {
          display: none;
      }
      

      Si el proyecto es estándar, tendrías que buscar la ID de la entrada, y usar el siguiente código en Divi > Opciones del tema > CSS personalizado:

      .postid-XX #main-header {
          display: none;
      }
      

      Donde XX es el número de ID que corresponda al proyecto (podés sacarlo del enlace de edición, que es algo más o menos así: http://urldelsitio.com/wp-admin/post.php?post=78&action=edit).

      Saludos.

  2. Buenas tardes, necesito modificar el estilo de la página de cada una de las categorias de los proyectos. Sabéis si se puede hacer o bien con el modulo blog y añadir que los elementos que aparezcan sea de la categoria en curso o se debe hacer manualmente todo. O sea, necesito que por defecto aparezcan solo los proyectos de la categoria asignada. Muchas gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Scroll al inicio