Qué es y por qué deberías tener un portafolio o book de trabajos

Qué es y por qué deberías tener un portafolio o book de trabajos

Los portafolios son una excelente manera de demostrar las competencias que enumerarías en tu currículum o de las que hablarías en una entrevista: te permiten mostrar y no solo hablar de ellas.

Durante una búsqueda de empleo, el portafolio muestra tu trabajo a empleadores potenciales y presenta evidencia de tus habilidades.

Cuando comenzamos nuestra vida laboral tenemos poca o ninguna experiencia y lamentablemente siempre al solicitar un trabajo nos piden muestras de experiencia que demuestre nuestra habilidad para desarrollar el trabajo al que nos postulamos.

Tu experiencia se reduce a tus años de estudio y es por eso que durante el tiempo que duren esos estudios guardes los ejercicios que mejor representen tus habilidades en el campo del diseño.

Pero, además es buena idea ponerte retos como norma para hacer trabajos por tu cuenta y presentarlos en tu carpeta como «demos» y posibles proyectos a presentar a posibles clientes.

Una buena idea es rehacer trabajos que ya están publicados como propuestas tuyas para ponerles tu propio estilo o sugerir nuevos enfoques que muestren tu valía en el campo del diseño.

En cuanto al formato, para crear tu portafolio puedes hacerlo en principio de dos maneras, en físico y en digital.

Beneficios de crear un portafolio impreso

Los beneficios van de la mano de la percepción tangible, la buena impresión del material, las piezas originales impresas como folletos, carteles, volantes, etc. que se pueden añadir en la carpeta empleando bolsillos de plástico transparente.

Otra manera de hacer tu portafolio impreso es a partir de fotografías, armando o diseñando un libro del tipo «foto álbum» impreso en papel fotográfico y ensamblado como un libro y que actualmente tienen precios bastantes accesibles.

Beneficios de crear un portafolio digital

Este formato me parece muchísimo más versátil y pienso que es más efectivo a la hora de presentarse a una entrevista de trabajo.

Y como digo, son muchos sus beneficios y me gustaría destacar los siguientes:

  • Un portafolio es una representación digital de tu vida profesional, actividades y habilidades. Al ser digital significa que se puede compartir con cualquier persona en cualquier momento.
  • El formato digital tiene las siguientes ventajas:
    • El más obvio, no emplea papel
    • Se puede actualizar cada vez que elabores un trabajo nuevo
    • Al estar en línea es susceptible de aparecer en búsquedas online
    • Puede ser interactivo
    • Puedes añadirle vídeos, fotos, gifs animados, sonido, etc
  • Es una forma de proporcionar más información de la que se puede juntar en un currículum o incluso un CV.
  • Una buena práctica es crear una página en tu portafolio para tu currículum vitae y luego enlazar desde las líneas de tu vitae o currículum a las páginas de tu portafolio que brindan más detalles o evidencia, brindando a los futuros empleadores u otras personas la oportunidad de profundizar en tus cualidades o perfil profesional.
  • Este formato es una forma de incluir experiencia y habilidades que no parecen encajar
    • Es posible que tengas experiencias o habilidades profesionales que no encajen en la carrera que has elegido. Tu portafolio te brindará un espacio para publicarlos y vincularlos. Una reflexión profesional general en tu portafolio te dará una manera de resaltarlos y de incorporarlos a tu narrativa de trabajo de una manera fluida y que te permita presentarte de manera integral.

Tomando en cuenta estas características y sus beneficios pasemos a ver el proceso de diseño

¿Cómo crear mi portafolio de diseño gráfico?

Pasos para crearlo

Saber cómo estructurar tu carpeta de trabajos puede ser complejo. 

Ya sea para una entrevista en una agencia publicitaria, para conseguir tu acceso en una Universidad de Arte y/o Diseño, o para convencer a un posible cliente de tus habilidades, verás que es difícil saber cuál es la mejor manera de presentar tu trabajo sin una mínima orientación.

Por tanto, intentaré desglosar varios aspectos para que los tomes en cuenta y elijas el material a presentar de acuerdo a las circunstancias.

1. ¿A quién le estás mostrando tu portafolio?

Esto es vital ya que lo primero que debes pensar es en el objetivo de ese portafolio, es decir aquello que deseas conseguir al presentarlo: ¿es un curso universitario, un trabajo de publicación o un trabajo con una agencia de publicidad? 

Siempre debes seleccionar el trabajo en función de lo que le gustaría ver a las personas que te van a entrevistar. Esto significa que tu carpeta puede cambiar y evolucionar, así que prepárate para eso.

Lee en detalle la descripción del trabajo o los requisitos del curso y utiliza esta investigación para hacer una lista de qué incluir en su carpeta. Por ejemplo, con un rol de diseño de libros, querrás incluir trabajos que muestren fuertes habilidades de diseño gráfico y conocimiento tipográfico además de maquetación. Si tu experiencia es ilustrativa, no te preocupes, también es bueno incluir algo de esto, ya que muestra que tienes una variedad de habilidades creativas, pero siempre dando prioridad a lo que tus posibles empleadores necesitan ver.

Si no tienes nada que coincida con la lista que ha hecho, te sugiero hacer un esfuerzo adicional con su trabajo: Crea un pequeño proyecto o pregúntate si alguien que conoces puede darte una recomendación o elabora una propuesta sobre algo que la misma institución a la que te presentas haya hecho con anterioridad. Esto realmente resonará en la entrevista y es una gran práctica para trabajar con un cliente/contratador.

2. Muestra una amplia gama de habilidades

Como ya mencioné anteriormente, es clave mostrar que no eres un «caballo de un solo truco». Por ejemplo, para trabajar en una editorial diseñando libros, debe demostrar que puedes trabajar en un amplio conjunto de habilidades que giran en torno a ese proceso.
Procura incluir ejemplos de varios proyectos diferentes en tu carpeta, selecciona proyectos diferentes que te parezcan relevantes para mi el rol que quieres desempeñar.

Si lo que quieres es mostrar tus habilidades como diseñador editorial e ilustrador, selecciona proyectos de diseño de libros en los que hayas ilustrado la portada y elementos de las páginas interiores. Si tienes un ejemplar del libro llévalo para que lo ojeen, si no procura imprimirlo y encolarlo para que lo vean en tu entrevista.

Seguro que valoran tu esfuerzo!

Para demostrar tu habilidad en el uso y/o diseño de tipografía, añade por ejemplo muestras de diseño de carteles y algunas letras a mano, y para validar tus fortalezas en diseño gráfico, elige piezas de imagen corporativa y diseños de logotipos.

Aunque no todas estas piezas involucran el diseño de libros, el trabajo siempre será relevante si muestra adecuadamente tus habilidades. Cuando tus entrevistadores revisen tu carpeta, podrán vincular tus proyectos y las habilidades que se necesitaban para el puesto de trabajo que está solicitando.

3. Tener ambas opciones: digital e impreso

Al solicitar trabajo, tener un portafolio online es un as bajo la manga. Puede ser tu propia página web, una cuenta de Instagram o Behance u otra plataforma visual.

Intenta mantenerla actualizada y agrega proyectos en los que hayas trabajado dentro y fuera de la universidad. Debe ser claro y conciso: no lo sobrecargues con demasiados proyectos y procura elegir los mejores o los más relevantes acorde al trabajo o puesto al que postulas. Si se trata de una web específica para portafolios online, procura mantener tus mejores proyectos en la parte superior para atraer a las personas a desplazarse por otros trabajos.

Recuerde que tu entrevistador puede revisar tu portafolio en línea antes de la entrevista. En ese caso no es mala idea reservar algunos proyectos que solo pueden experimentarse en un formato físico o que no están en línea. Si tu carpeta física es simplemente un duplicado de lo que está en línea, realmente no está mostrando tu capacidad para trabajar o comprender diferentes medios.

En el diseño de libros, puedes crear el trabajo digitalmente, pero la pieza final es multi formato: cubiertas de libros, libros electrónicos, CD, aplicaciones en audiolibros y aplicaciones. 

4. Mantén una estructura organizada

No caigas en la tentación de sobre compensar e incluir piezas de relleno que llenen tu carpeta. Tus entrevistadores no quedarán impresionados por los proyectos exagerados, es más probable que se sientan abrumados y no impresionados por tu incapacidad para conocer tu mejor trabajo.

Selecciona los proyectos que te gustaría mostrar y luego vuelve a mirar tu lista y pregúntate: ¿necesitas cada parte de ese proyecto o solo tu cuaderno de bocetos, o una ilustración en lugar de cinco? ¿Algunos de tus proyectos muestran las mismas habilidades? ¿Estás contento de hablar sobre el proceso de cada ejemplo? Pide una segunda opinión a un tutor o compañero diseñador si no estás completamente seguro. 

5. Muestra tus borradores, no solo las piezas finales

Los cuadernos de bocetos son una excelente manera de mostrar tu proceso creativo y cualquier trabajo en progreso. 

Son excelentes cuando hay más de un entrevistador, ya que pueden turnarse para centrarse en la carpeta. Gran parte de tu entrevista hablará sobre su proceso como diseñador, y tener tus cuadernos de bocetos para mostrar será realmente útil.

Incluso podrías procurar tener un cuaderno de bocetos online: Instagram es una excelente manera de registrar tu diario visual. Tome fotografías de las cosas que te inspiran: patrones, personas, tipografías, colores y parte de tu trabajo en progreso. Vincular esto a su portafolio en línea puede mostrar tu mente creativa y cómo ves con entusiasmo el diseño y la inspiración en todo.

Espero que estos puntos te ayuden a organizar tu portafolio, Mucha suerte!!

Divi: Cómo usar un encabezado diferente en la página de inicio

Divi: Cómo usar un encabezado diferente en la página de inicio

El encabezado es una de las partes más llamativas de tu sitio web, y es la zona de tu página que todos tus visitantes ven cuando cargan tu página. 

Por ese motivo y por estar como elemento fijo en toda nuestra web el encabezado puede adquirir un valor añadido cuando nuestra plantilla nos permite modificarlo de acuerdo al contenido de cada página a la que dirige.

En pocas palabras podemos intentar canalizar y convertir a tus visitantes en clientes o consumidores o a mostrar tu portafolio de trabajos con un diseño único que los atraiga y les haga querer explorar más o tener una relación contractual contigo. 

Con eso en mente, quiero mostrarte lo fácil que nos lo pone Divi, para usar un encabezado diferente en la página de inicio y así conseguir que tu sitio pueda funcionar a su nivel óptimo.

Cómo definir un encabezado diferente en la página de inicio

Para hacer esto, usaremos la herramienta Theme Builder de Divi que puedes encontrar en el panel de administración de WordPress en  Divi – Theme Builder . 

En este apartado encontrarás las plantillas que por defecto vienen diseñadas y al clicar el iconito del lápiz ✏ verás que te permite rediseñar o modificar la estructura del encabezado, el cuerpo y el pie a nivel global en todo tu sitio. Por otro lado con el botoncito de la papelera podrás borrar la plantilla y con los 3 botones se te desplegaran otras acciones que afecten al diseño de manera global

¿Cómo asignar una plantilla personalizada al encabezado global?

Al cargar el Theme Builder por primera vez, verás algo similar a la imagen de abajo. Para comenzar el diseño de tu web simplemente clica en cualquiera de las casillas vacías y carga o crea el diseño para su sitio.

Verás los recuadros en verde cuando tu sitio tenga diseños globales ya asignados. Esto significa que todas y cada una de las páginas y publicaciones de tu sitio tendrán el mismo diseño de encabezado, pie de página y cuerpo. Desde la página de inicio hasta las publicaciones del blog. 

A continuación te guiaré a través de los pasos que debes seguir para eliminar la página de inicio de la configuración global.

1. Crear una nueva plantilla de Theme Builder

Lo primero que debes hacer es crear una nueva plantilla para la página de inicio. Esto se hace haciendo clic dentro del cuadro Agregar nueva plantilla .

Cuando se desglose el menú, marca la casilla junto a Página de  inicio. A continuación clica en el botón azul Crear plantilla.

2. Deshabilitar el nuevo encabezado global

Cuando aparezca la nueva plantilla que acabas de crear, es posible que observes que tienes habilitados los diseños globales de encabezado, pie de página y cuerpo. Si es así, deberás desactivarlos.

Para hacerlo clica sobre los 3 puntitos  en la nueva  plantilla de página de inicio que creó y luego en el menú contextual desplegado selecciona Desactivar globalmente.

También puedes seleccionar Eliminar en este menú para comenzar desde cero con el encabezado de la página de inicio, ya sea cargándolo desde la biblioteca, cargando un archivo JSON o diseñando desde cero.

3. Diseñar o configurar el nuevo encabezado

Cuando hayas deshabilitado el aspecto global del encabezado, verás que la plantilla de la  página de inicio ahora tiene una sección etiquetada Encabezado personalizado. Este sigue siendo el mismo diseño que el encabezado global, solo que ahora no está vinculado a todo el sitio.

En este punto, tienes varias opciones para colocar un diseño de encabezado diferente en la página de inicio.

a) Diseña un encabezado completamente nuevo

Para esta opción, solo necesitas hacer doble clic en la sección Encabezado personalizado. Si lo haces se abrirá el Divi Visual Builder.

Una vez ahí puedes editar este diseño de encabezado a tu gusto. Desde un cambio simple como añadir un gif animado o una (CTA call to action) caja de llamada a la acción hasta cambiar los colores o detalles específicos pero manteniendo el diseño global.

O por el contrario, comenzar desde cero y darle a tu página de inicio un encabezado completamente diferente del resto de las publicaciones y páginas que usan la plantilla global.

b) Carga un encabezado prediseñado

Otra opción a la mano es optar por cargar un encabezado ya diseñado. Para esto, las características de portabilidad de Divi Theme Builder te permiten exportar e importar diseños y plantillas completas como archivos con la extensión «JSON».

Para cada uno de los diseños gratuitos que Elegant Themes publica regularmente, también publican un diseño de encabezado / pie de página descargable directamente en su blog.

Si ingresas al Divi Theme Builder y haces clic en el  ícono de doble flecha en la esquina superior derecha del tablero, abrirás las opciones de importación / exportación.

Para subir una plantilla a tu web clica en la  pestaña Importar y ubica el archivo JSON para el diseño que deseas importar. Desmarca las casillas y clica el botón azul de Importar Plantillas Divi Theme Builder.

A continuación, aparecerá una plantilla sin asignar. Puedes arrastrarla y soltarla en la casilla del encabezado en la plantilla de página de inicio existente. Si aún no has creado una  plantilla de página de inicio, puedes asignar esta plantilla en particular a la página de inicio como en el paso anterior.

Además, también puedes hacer clic con el botón derecho en el encabezado recién importado y elegir Copiar en el menú contextual y pegarlo en el lugar Agregar encabezado personalizado asignado a la página de  inicio.

Otra opción sería simplemente hacer clic en el bloque Agregar encabezado personalizado para abrir un menú contextual adicional. A continuación, deberías ver una sección Copiar desde plantilla en el menú y puedes seleccionar la plantilla existente que deseas duplicar.

También puedes elegir Agregar desde la biblioteca. Esta opción en particular extraerá de la Biblioteca Divi y no del Generador de temas en sí. Lo que significa que cargarás los diseños que hayas creado con Divi Builder y se hayan guardado en la biblioteca Divi.

4. Acabado

El Divi Theme Builder te brinda un control total sobre el diseño de tu sitio web, eso significa que puedes configurar tu página de inicio para mostrar cualquier encabezado que elijas. Incluso si tienes un diseño de encabezado global establecido para su sitio web, puedes separar tu página de inicio de la plantilla global. Ya sea que necesites cambiar solo un elemento para la página de inicio o si deseas rediseñar por completo esa área solo para la página principal.

¿Qué utilidad encuentras a poder cambiar el encabezado de tu página de inicio?

6 Formas Impecables para Promocionar Tu Página Web Recién Creada

6 Formas Impecables para Promocionar Tu Página Web Recién Creada

La era digital requiere nuestra presencia en Internet, especialmente si tenemos un negocio y queremos hacerlo más visible. ¿Cuál es la mejor manera para hacerlo? Un sitio web.

Es probable que ya hayas pensado en un sitio web. Sin embargo, la mayoría de la gente abandona esta idea porque parece una tarea compleja y bastante cara. Pero eso no es cierto.

La creación de una web no tiene que ser abrumadora si tienes los recursos adecuados. Gracias a los diferentes creadores de sitios web, puedes formar una página en un par de horas y sin un conocimiento previo del tema. Además, la mayoría de ellos son gratuitos y tienen varias características para diseñar y configurar tu web de una manera rápida y eficaz, sin contratar a un diseñador web. Una vez que hayas creado una página web, podemos hablar de las formas más potentes para dar a conocerla.

¿List@? ¡A trabajar!

  1. SEO y marketing de contenidos

Las estrategias del marketing de contenidos son muy útiles a la hora de promocionar tu web. Si quieres mejorar tu posicionamiento orgánico, incrementar el tráfico y obtener backlinks, los blogs son una solución ideal para ti. Además, los blogs son una forma excelente para ganar dinero en línea.

Para atraer la atención de motores de búsqueda y responder a las necesidades de tu audiencia objetiva, es fundamental utilizar las palabras clave relacionadas con tu industria. Puedes contar con varias herramientas de búsqueda de palabras clave para encontrar las frases que te ayudarán a conquistar los primeros resultados en SERP.

Para que tus resultados sean más completos, es esencial dedicarle más tiempo al SEO. El SEO es un proceso que requiere mucho tiempo y esfuerzo, pero da resultados a largo plazo.

  1. Email marketing y newsletter

Una newsletter es una forma integral de marketing digital y la mayoría de los negocios en línea suele utilizarla para mantener en contacto con su audiencia. Una newsletter llamativa y bien pensada es una forma muy potente para conseguir más clics, aumentar la tasa de conversión, e incrementar el tráfico.

Claro, es necesario crear una campaña que atraiga la atención de tu público objetivo. De lo contrario, tus correos electrónicos acabarán en su papelera. Se recomienda utilizar las newsletters para informar a tus usuarios sobre unas fechas importantes para tu compañía, los lanzamientos de nuevos productos, descuentos, promociones, u otras cosas que ellos encuentran interesantes.

  1. Redes sociales

Las redes sociales son un lugar estupendo para encontrar tu público y comunicarte con ello. Estas plataformas son súper convenientes para los pequeños negocios, marcas poco conocidas, y compañías que todavía no tienen suficiente presupuesto para invertir en anuncios pagados. Además de darte la oportunidad de conocer a tu audiencia, las redes sociales son ideales para compartir el contenido y dirigir a la gente a tu sitio web.

Aquí están unos trucos excelentes para utilizar las redes sociales:

  • Crea perfiles en varias plataformas y úsalas para promocionar tu sitio web. Aun así, no uses el mismo tono en ambas, sino adapta la actitud a la naturaleza de la red particular – por ejemplo, no utilizarás Instagram y LinkedIn de la misma manera.
  • Determina cuáles son las redes sociales más beneficiosas para tu negocio. Mientras unas industrias pueden sacar provecho de Snapchat, otras tienen más éxito en LinkedIn. Una vez que hayas determinado la plataforma ideal para ti, empieza a desarrollar las estrategias y el tono más adecuado para ellas.
  • Crea un perfil en Facebook. Facebook sigue siendo una de las redes sociales más utilizadas por negocios. Abre una página en Facebook y no olvides incluir el sitio web ahí.
  • Sigue las cuentas similares. Se recomienda formar parte de las comunidades sociales relevantes en tu campo y seguir los perfiles que tienen los mismos intereses como tú. De esta manera, obtendrás más interacciones reales.
  1. Responsive web design

Alrededor del 50% del tráfico que recibes proviene de los dispositivos móviles. Por lo tanto, es fundamental optimizar tu sitio web para cada tipo de pantalla, incluso las más pequeñas. Así, cada usuario podrá acceder a tu web y disfrutar de tu contenido sin problemas. Recuerda que no basta tener un nombre de dominio que permite el acceso desde cualquier dispositivo. En cambio, asegúrate de ofrecer la mejor experiencia de usuario, independientemente del dispositivo que utilicen.

Además, responsive web design desempeña un papel imprescindible en el SEO, lo que significa que Google da prioridad a las páginas que lo han adoptado. Si quieres lograr un éxito tremendo con tu página web, no pasa por alto la importancia de la optimización móvil.

  1. El origen del tráfico

Los datos del tráfico son muy valiosos a la hora de mejorar tus estrategias y adaptarlas a la audiencia objetiva. Esta información te ayudará a identificar qué es lo que funciona bien en tu web y cuáles son los puntos débiles que requieren un cambio. ¿Cómo obtener estas estadísticas?

Existen varias herramientas que proveen la información completa sobre el tráfico, y una de las más potentes es Google Analytics. Google Analytics dispone de una versión gratuita muy conveniente para los principiantes y los que quieren llevar su presencia digital al siguiente nivel.

Gracias a las métricas obtenidas por Google Analytics o una herramienta similar, puedes crear unas estrategias adecuadas y tomar las decisiones inteligentes antes de dar el siguiente paso hacia la promoción de tu web.

  1. Publicidad de pago

Desafortunadamente, no todos los métodos brillantes son gratuitos. Sin embargo, al invertir en publicidad de pago, puedes estar seguro o segura de que tu dinero no se desperdicia. En efecto, la publicidad pagada de Google, más conocida como Google Ads, es una forma súper buena para sitios web nuevos que van creando su presencia digital y quieren llamar la atención de la comunidad en línea.

Como Google Ads suele ser una solución costosa para pequeños negocios, Facebook Ads es una alternativa más barata pero igualmente eficaz. Facebook Ads te permite apuntar a tu público objetivo según su información demográfica, edad, género, etc., determinar tu presupuesto, e identificar tu buyer persona. Además, es una forma excepcional para potenciar el tráfico de tu sitio web recién creado.

Palabras finales

Antes de crear un sitio web, es fundamental determinar los objetivos que quieres lograr con ello y pensar las estrategias más convenientes para realizar tus planes. La promoción de una página web es un proceso a largo plazo que requiere mucho tiempo y esfuerzo, pero, ¡ánimo, campeón! Tu esfuerzo no será en vano.

Esperamos que te hayamos ayudado con estas 6 estrategias que acabas de leer. ¿Tienes alguna sugerencia más? No dudes en compartirla en los comentarios.

¿Cómo Usar los Diseños Predefinidos Divi Layouts?

¿Cómo Usar los Diseños Predefinidos Divi Layouts?

No hay duda de que Divi de Elegant Themes es una de las mejores plantillas WordPress de todos los tiempos. Y entre las muchas razones para elegir Divi para hacer tu sitio, una importante es que…

Divi viene con montones de diseños predefinidos (Divi Premade Layouts) que puedes usar para facilitar el diseño de tu web.

Estos “diseños” “diseños predefinidos Divi” “layouts” “premade layouts” o como quieras llamarlos son simplemente páginas ya diseñadas por expertos y relativas a un nicho de mercado específico, que te permitirán crear una web super profesional muy fácilmente y en muy poco tiempo.

Packs de Divi Layouts

Estos Divi Layouts vienen agrupados en packs enfocados a diferentes sectores. En cada pack encontrarás 7 u 8 páginas diseñadas y preparadas para ser instaladas en tu sitio. Por ejemplo puede haber una página “Home”, “Contacto”, “Sobre Nosotros”, “Landing Page”, “Galería de Imágenes”, “Blog”… todas las necesarias para tener una web de éxito.

Los diseñadores expertos de Elegant Themes saben lo que necesita cada web en un nicho de mercado determinado y han hecho los diseños de página o layouts necesarios para que tan solo tengas que instalarlos (los que tú desees) y tengas tu web prácticamente ya montada. Tan solo tendrás que personalizarla a tu gusto si lo deseas y listo.

¿Buscas el Mejor Hosting para WordPress? No te pierdas estas increíbles ofertas de SiteGround, un proveedor de alojamiento web de máxima calidad a un precio muy económico.

Personalización de los Diseños Predefinidos Divi

La customización de los Divi Layouts es realmente fácil. Tan solo deberás cambiar las imágenes existentes por las tuyas y poner tus propios textos. De todas formas, si te gustan las imágenes que aparecen en el Layout, puedes dejarlas y usarlas sin problema ya que son libres de derechos de autor. Además son imágenes profesionales y relativas al nicho de mercado específico que te interesa, por lo que son realmente útiles.

Y cambiar los elementos de diseño del Layout es también muy fácil. Puedes hacerlo desde el Constructor Visual, de manera totalmente intuitiva. Tu web quedará siempre a tu gusto.

¡Ultima Oportunidad!¿Deseas obtener una cuenta de Elegant Themes LifeTime al mejor precio posible?

Pues puede ser tuya a un precio de escándalo solo si te das prisa. Si te interesa dame tu email y te envío todos los detalles al instante.

¿Cómo acceder a los Premade Layouts de Divi?

Puedes acceder e importar los diseños predefinidos Divi directamente desde el Divi Builder cuando crees o edites una página.

Cuando añades una nueva página desde el panel WordPress, se despliega el Visual Builder.

layouts divi

Si la página es nueva, te aparecerán 3 opciones para que elijas como quieres empezar a crear tu página. Selecciona la opción “Choose a Premade Layout” (Elegir un Premade Layout).

diseños divi predefinidos

Esto hará que salga automáticamente un pop-up “Load From Library” (Cargar desde la Biblioteca) donde encontrarás todos los Divi Layouts disponibles.

Premade Layouts, Layouts Guardados o Páginas Existentes

En el pop-up de Cargar desde la Biblioteca, tendrás 3 pestañas disponibles.

La pestaña de Premade Layouts es donde encontrarás todos los diseños predefinidos Divi creados por el equipo de diseñadores de Elegant Themes y que puedes usar de manera totalmente gratuita.

La pestaña “Your Saved Layouts” (Tus Diseños Guardados) es donde podrás acceder a cualquier Layout que hayas guardado en la Biblioteca Divi.

La pestaña “Your Existing Pages” (Tus Páginas Existentes) contiene una lista de todas las páginas (incluyendo Posts y Proyectos) que hay actualmente en tu sitio web, pudiendo elegir clonar una página existente para poder empezar el diseño de otra página de manera muy rápida.

diseños divi

Cargar un Premade Divi Layout

Desde la pestaña Premade Layout podrás encontrar fácilmente un nuevo diseño predefinido simplemente haciendo scroll a través de la lista de Layouts Packs o bien ayudándote con el buscador de categorías que aparece en la columna izquierda.

Una vez hayas seleccionado el pack de Layouts deseado, podrás previsualizar todas las páginas de diseño individuales incluidas en el pack. Al clicar en una página a la derecha, podrás ver un preview de la página a la izquierda.

Podrás entonces clicar en el botón “View Live Demo” para abrir la demo en vivo de la página en una nueva pestaña. Cuando ya estés listo para usar el Layout, simplemente tienes que clicar en “Use This Layout” para desplegar el diseño en tu página.

divi elegant themes layout

Puedes añadir Premade Layouts a tus páginas siempre que quieras desde el Visual Builder, tanto para páginas nuevas como para páginas ya existentes. Para ello simplemente tienes que abrir el menú de ajustes del Visual Builder (Constructor Visual) que aparece en la parte inferior de la página, clicando en el circulo con los 3 puntitos.

layout divi

Después clica el icono de “Cargar desde la Biblioteca” (es como el símbolo +) para desplegar el popup con todos los diseños predefinido Divi.

¡Ultima Oportunidad!¿Deseas obtener una cuenta de Elegant Themes LifeTime al mejor precio posible?

Pues puede ser tuya a un precio de escándalo solo si te das prisa. Si te interesa dame tu email y te envío todos los detalles al instante.

Añade Layouts a Contenido ya Existente o Reemplaza el Contenido Existente

Lo mismo puedes cargar un diseño predefinido Divi en una página en blanco, un layout ya existente o bien puedes reemplazar contenido existente.

Cargar un diseño (layout) a una página en blanco simplemente añadirá el layout a tu página tal y como cabría esperar.

Cargar un premade layout a una página que ya existe, por defecto añadirá el layout bajo el contenido ya existente en la página. Así que si no ves un cambio en tu página inicialmente cuando añadas el nuevo diseño, haz scroll hacia abajo de la página para ver el nuevo diseño que aparecerá además del layout ya existente.

Y si quieres reemplazar el contenido existente por completo por el nuevo premade layout, puedes hacerlo con la opción “Replace Existing Content” (Reemplazar el Contenido Existente) antes de hacer uso del premade layout. Esta opción está situada justo bajo el preview del layout y los botones.

como funcionan los divi layouts

Cargar Diseños Guardados y Clonar Páginas Existentes

Si has guardado diseños (layouts) en tu Biblioteca de Divi, puedes acceder a ellos desde el pop-up “Load From Library” (Cargar desde la Biblioteca) bajo la pestaña “Your Saved Layouts” (Tus Diseños Guardados). Para cargar el diseño guardado en tu página simplemente clica el que deseas cargar desde la lista que te aparecerá.

mejores diseños predefinidos para divi

Puedes también acelerar el diseño de tu página clonando alguna de las páginas ya existentes en tu web. Clica la pestaña “Your Existing Pages” (Tus Páginas Existentes) y selecciona la página que quieres clonar. Esto desplegará el Layout (y el contenido) de la página a tu nueva página.

layouts elegant themes divi

Personalización y Flexibilidad

La posibilidad de añadir premade Layouts para acelerar el proceso de creación de una nueva página, abre todo un mundo de flexibilidad para crear tus propios y únicos diseños.

Una vez que los diseños de despliegan, puedes editarlos a tu gusto. Por ejemplo, si te gusta cierto Layout pero prefieres prescindir de cierta sección que aparece en él, simplemente la puedes borrar clicando en el icono de la basura para esa sección concreta y listo.

uso de los layouts de Divi

Y reemplazando cada elemento en la página con tu propio contenido, puedes tener un sitio web elegante y personal en unos pocos minutos. Gracias al Visual Builder, hacer estos cambios es muy sencillo. Desplázate sobre cualquier área donde quieras hacer cambios y te aparecerá el set de ajustes. Si deseas cambiar el texto, simplemente selecciónalo y empieza a teclear.

divi

Si te gusta el cambio que has hecho, puedes darle al botón de Guardar. Si no te gusta el resultado del cambio, siempre puedes deshacerlo usando el editor del historial, desde donde podrás incluso volver varios pasos atrás de manera inmediata.

Seguramente nunca has visto ninguna plantilla tan completa como Divi de Elegant Themes, y ahora con sus cientos de Packs de Layouts preparados para diferentes nichos de mercado, no tiene rival.

¿Buscas el Mejor Hosting para WordPress? No te pierdas estas increíbles ofertas de SiteGround, un proveedor de alojamiento web de máxima calidad a un precio muy económico.

¡Ultima Oportunidad!¿Deseas obtener una cuenta de Elegant Themes LifeTime al mejor precio posible?

Pues puede ser tuya a un precio de escándalo solo si te das prisa. Si te interesa dame tu email y te envío todos los detalles al instante.

Nuevo Divi Builder para WooCommerce: Personaliza tus Productos al 100%

Nuevo Divi Builder para WooCommerce: Personaliza tus Productos al 100%

¡Atentos al Nuevo Constructor WooCommerce de Divi!

Por fin vas a poder construir asombrosos productos WooCommerce con el Divi Builder. Descubre los nuevos 16 módulos preparados para WooCommerce. Además podrás conseguir un control total sobre las páginas de productos.

Por fin Elegant Themes ha lanzado su tan esperado WooCommerce Divi Builder, incluyendo un completo set de nuevos módulos de WooCommerce que pueden ser usados para personalizar las páginas de producto de tu tienda online e incluso construir tu propio listado de productos en cualquier sitio de tu web.

Este WooCommerce Builder para Divi, libera los productos WooCommerce de sus rígidas plantillas de producto y te da un control sorprendente sobre el diseño de cada producto individual.

Todas estas nuevas funcionalidades llevan a los eCommerce hechos con Divi a un nuevo nivel.

¿Buscas el Mejor Hosting para WordPress? No te pierdas estas increíbles ofertas de SiteGround, un proveedor de alojamiento web de máxima calidad a un precio muy económico.

¡Ultima Oportunidad!¿Deseas obtener una cuenta de Elegant Themes LifeTime al mejor precio posible?

Pues puede ser tuya a un precio de escándalo solo si te das prisa. Si te interesa dame tu email y te envío todos los detalles al instante.

Control total sobre las páginas de producto

El constructor WooCommerce de Divi te permite tener control absoluto del diseño de tus páginas de producto. Ahora, cuando habilites el Divi Builder con un producto de WooCommerce, transformará automáticamente su plantilla estándar en una colección de módulos que pueden personalizarse totalmente dentro del constructor.

Tendrás control absoluto sobre toda la página de producto y podrás usar el set completo de módulos de Divi y sus múltiples ajustes de diseño. Las páginas de producto también vienen con una nueva barra lateral y opciones de template de página a anchura completa.

16 Nuevos Módulos WooComemerce Totalmente Cargados

Esta actualización de Divi viene con 16 nuevos módulos WooCommerce que te permiten crear y tener control sobre cualquier elemento individual de WooCommerce y en cualquier parte de tu web.

Decide que mostrar en tu listado de productos, mueve los elementos e incluso combina módulos WooCommerce con los módulos estándar de Divi para crear cualquier cosa que desees.

Como estos nuevos módulos vienen con la amplia gama de ajustes de diseño de Divi, realmente permiten abrir todo un mundo nuevo de posibilidades de diseño para WooCommerce.

divi woocommerce

Crea Listados de Productos Dinámicos en Cualquier Parte

Los nuevos módulos WooCommerce pueden usarse en páginas de producto individuales para mostrar la información de ese producto de otras maneras diferentes, o pueden ser usadas en páginas externas para listar información de producto dinámicamente y para cualquier producto.

Esto significa que no estás limitado a tipos de post de productos cuando vayas a crear tu tienda online con Divi.

¡Ultima Oportunidad!¿Deseas obtener una cuenta de Elegant Themes LifeTime al mejor precio posible?

Pues puede ser tuya a un precio de escándalo solo si te das prisa. Si te interesa dame tu email y te envío todos los detalles al instante.

Toma inspiración de estas asombrosas demos de productos en WooCommerce con Divi

Aquí tienes algunos increíbles diseños que el equipo de Elegant Themes ha creado valiéndose de estas fantásticas nuevas funcionalidades para las tiendas online hechas con Divi y WooCommerce.

divi builder woocommerce

El equipo de diseño de Elegant Themes ha estado probando los nuevos módulos WooCommerce para Divi y construyendo algunos bellos diseños de productos que antes hubiera sido imposible realizar. Usando la amplia gama de ajustes de diseño de Divi, los elementos de WooCommerce pueden ahora personalizarse totalmente. Al tener un control total de las páginas de producto, ya no hay límite de lo que puedes hacer.

woocommerce divi
constructor divi para woocommerce
divi builder woocommerce
tienda online wordpress woocommerce con Divi
ecommerce divi woo
divi tienda online woocommerce
Divi Builder WooCommerce
cómo hacer una tienda con Divi y WooCommerce
crear tienda online con Divi builder
¡Ultima Oportunidad!¿Deseas obtener una cuenta de Elegant Themes LifeTime al mejor precio posible?

Pues puede ser tuya a un precio de escándalo solo si te das prisa. Si te interesa dame tu email y te envío todos los detalles al instante.

Todo el poder de WooCommerce disponible gracias a Divi

El WooCommerce Builder junto a los 16 nuevos módulos WooCommerce ya están disponibles. Tan solo tienes que apuntarte en Elegant Themes y descargar Divi.

¿Buscas el Mejor Hosting para WordPress? No te pierdas estas increíbles ofertas de SiteGround, un proveedor de alojamiento web de máxima calidad a un precio muy económico.

Cómo hacer un favicon?

Cómo hacer un favicon?

Favicon

Cómo hacer un favicon

Son muchas las formas de dar personalidad a nuestro sitio, pero sin duda una de las mas vistosas, a pesar de su tamaño, un cuadrado desde 16×16, 32×32, 48×48, 64×64 hasta 128×128 píxeles y que parece ocultar una programación de ligas mayores, es la del «favicon«.

Puede parecer un pequeño detalle pero resulta ser más importante de lo que muchos creen. Un favicon, o «favorite icon», es ese pequeño ícono o imagen que originalmente se utilizaba junto al nombre del sitio web en caso de que el usuario lo agregará a sus favoritos. Más adelante, otros navegadores comenzaron a mostrar el favicon en la barra de direcciones y junto al nombre de la pestaña del sitio web.

Para crearlo se pueden utilizar muchos programas de diseño gráfico, para este post emplearé Photoshop, y Junior Icon Editor. Pero veamos paso a paso como se hace:

Paso 1

Selecciona la imagen que quieras utilizar como favicon. En mi caso uso mi propia foto. La abro desde Photoshop y usando la herramienta Crop la «corto» en la medida 1×1 que mencioné antes. En este caso 112mm x 112mm con una calidad de 72dpi:

Cómo crear un favico paso 1

Paso 2

Después de cortar la imagen, se guarda con la opción de «Guardar para web y dispositivos». En la pantalla aparecen las opciones de calidad y formato para la imagen, seleccionamos PNG-8 con las opciones de ajuste preestablecido en el panel de la  derecha:

Cómo crear un favico paso 2

Paso 3

Una vez que hemos guardado la imagen, emplearemos el programa gratuito Junior Icon Editor para generar nuestro favicon. Al ejecutar el programa salen estas dos pantallas, solo hay que hacer click en los botones encerrados en el círculo verde:

Junior Icon Editor

Primeras pantallas al abrir Junior Icon Editor

Luego se abre esta pantalla con las opciones de configuración inicial para crear un nuevo favicon, solo la emplearemos si no tenemos de antemano una imagen escogida, si no, simplemente cerramos esta pantalla y pasamos al siguiente paso:

Junior Icon Editor

Junior Icon Editor – Configuración inicial

Lo siguiente será abrir la imagen que guardamos con Photoshop en formato PNG-8, por tanto desde el menú «File», abrimos clicamos a «Abrir» y buscamos nuestra imagen, la seleccionamos y le damos al «Abrir»:

Junior Icon Editor

primer paso para convertir nuestra imagen en favicon

Al abrir la imagen nos aparece esta ventanita en la que seleccionaremos el tamaño que queremos para nuestro favicon:

Junior Icon Editor

Selección de las características de nuestro favicon

Al darle al «ok» automáticamente el programa transforma la imagen en el siguiente patrón de colores:

Junior Icon Editor

Patrón de colores

En este punto, si se quiere se pueden hacer retoques con las herramientas del panel de la izquierda, si esta todo ok se pasaría a guardar el favicon:

Junior Icon Editor

Guardar en formato .ico

Listo, nuestro favicon esta a punto para que lo usemos:

favicon

Favicon con la extensión .ico

Esta es una forma simple y económica de crear un favicon, pero si no quieres descargarte el software, también se pueden utilizar varios servicios online que nos facilitan la tarea, como genfavicon.com, favicononline.es u otros que aparecen con la búsqueda en Google. Solo hay que seguir los pasos que nos indiquen y ya tendremos el favicon con la extensión «.ico».

En cuanto al diseño, debemos tomar en cuenta que, en un espacio muy reducido, deberemos colocar una imagen que nos represente, por lo que sería conveniente emplear o bien el isotipo de nuestra marca como hace Mercedes Benz, un detalle ampliado del logotipo, o una imagen reconocible como es el caso de este blog. En el caso de una marca que tenga alguna mascota que la identifique sería conveniente hacer uso de ella. Tal es el caso de Vía Michelin.

Una vez que tenemos creado nuestro ícono, lo aplicaremos a nuestro sitio web de la siguiente manera: añadiremos el siguiente link en el archivo index.html que es el que por defecto se abre al entrar en una página web. Colocaremos el código entre las etiquetas de la cabecera:

[important]

<head>

rel=»shortcut icon» href=»http://www.tudominio.com/favicon.ico»>

</head>[/important]

Si hemos creado nuestra web sin ningún gestor o plataforma de contenidos simplemente guardamos el archivo y lo subimos junto con el favicon.ico al mismo folder en el sitio donde se alojan los archivos de nuestra página web.

En Blogger simplemente se accede a la opción «Diseño» del panel izquierdo y en la parte superior izquierda se encuentra un gadget  que nos permite cargar un favicon personalizado cuyo tamaño debe ser menor que 100 KB.

En WordPress depende del Theme, Plantilla o Tema que tengamos instalado, generalmente nos dan la opción para cargar nuestro favicon, si no es así, en principio deberemos subir nuestro favicon.ico al directorio raíz de nuestra web, luego accederemos a nuestro panel de control de WordPress o Dashboard y seleccionaremos la opción de «Appearance» en la que accedemos al botón de «Editor» y buscamos en la columna de la derecha el archivo header.php y copiamos el mismo código de líneas arriba antes de la etiqueta

Con eso debería funcionar de maravilla en todos los casos…

👨‍👩‍👧‍👦 Comunidad Divi en Español 👨‍👩‍👧‍👦

Necesitas ayuda con Divi?

Nuestra comunidad te ayudará con todas las dudas que tengas! no lo pienses mucho y únete!