En la era digital actual, los CV tradicionales ya no son suficientes para destacar entre la competencia. Los empresarios y clientes de hoy desean ver más que simples palabras en un papel; anhelan una experiencia visual que refleje tu talento, pensamiento y estilo único.
Imagina un sitio web que reúna todo lo que eres y has logrado en un solo lugar: tu portafolio en línea. En él, podrás exhibir tus mejores trabajos, compartir tus ideas, mostrar tu proceso de trabajo y destacar tus intereses de una forma atractiva y profesional. Olvídate de enviar múltiples enlaces o archivos adjuntos; con tu portafolio digital, todo estará al alcance de un clic.
Hoy te mostraré cómo crear un portafolio en WordPress y Elementor, al mismo tiempo que te doy algunos consejos sobre cómo crear un Custom Post Type CPT y campos personalizados para crear un portafolio.
¿Por qué necesitas crear un portafolio en WordPress?
Ya sea que te dediques al diseño web, al diseño gráfico, seas un apasionado de la fotografía o simplemente tengas un proyecto creativo que mostrar, un portafolio bien diseñado es la clave para cautivar a tu audiencia y atraer a un sinfín de clientes potenciales.
Un portafolio en tu sitio web es más que una simple exhibición de tus trabajos y habilidades; es un escaparate donde puedes presentar tus mejores proyectos de manera profesional y estética. Desde proyectos pasados hasta trabajos en curso, cada pieza se une para contar tu historia y mostrar la diversidad y el talento que ofreces.
La ventaja de tener un portafolio en tu sitio web WordPress radica en la posibilidad de personalización. Con una variedad de plantillas y opciones de diseño disponibles, puedes crear un espacio único y atractivo que refleje tu estilo y personalidad. Puedes tener diseños limpios y minimalistas hasta diseños algo más llamativos. Tienes la libertad de elegir cómo presentar tus obras al mundo.
Cuando los clientes potenciales visitan tu sitio web y encuentran un portafolio bien estructurado y presentado, se sienten seguros de que estás comprometido y que tienes la experiencia necesaria para cumplir con sus expectativas.
Cómo crear un portafolio en WordPress y Elementor (tutorial paso a paso)
En este tutorial paso a paso, descubrirás cómo crear un portafolio excepcional utilizando dos herramientas poderosas para el diseño web: WordPress y Elementor. Sigue leyendo para saber más.
Paso 1: Preparación de la página
Antes de comenzar con el proceso, es fundamental que prepares la nueva página en tu sitio web. Para ello, sigue los siguientes pasos a través de tu wp-admin:
- Ingresa a tu wp-admin: Accede a la sección de administración de tu sitio web. Generalmente, esto se logra ingresando la dirección de tu página seguida de “/wp-admin” en tu navegador web.
- Páginas: Una vez dentro del panel de administración, busca y selecciona la opción “Páginas” en el menú principal. Aquí encontrarás una lista con las páginas existentes en tu sitio web.
- Añadir Nueva: Ahora, busca el botón “Añadir Nueva” o “Crear Nueva” para empezar a crear la que necesitas. Al hacer clic en este botón, se abrirá un editor que te permitirá diseñar el contenido de la página.
Paso 2: Configurar el widget de portafolio
Cuando te encuentres en el editor de Elementor y estés listo para configurar la página de portafolio, sigue estos sencillos pasos para obtener un diseño atractivo y personalizado.
Nota: Asegúrate de haber abierto previamente el editor de Elementor y ubicado el área de trabajo adecuada para la nueva página.
Ahora, desplázate hacia abajo y arrastra y suelta el widget Portfolio en una sección. Después de eso, podrás ver algunos ajustes de portafolio en la barra lateral de edición de Elementor.
Paso 3: Sección de Servicios
Ahora vas a hacer la sección de servicios, también conocida como la Sección de Prestaciones. Para agilizar el proceso y garantizar resultados profesionales, puedes utilizar un bloque prediseñado de Elementor. Sin embargo, si prefieres una personalización más detallada, sigue estos pasos para crear una sección de servicios única.
- Agregar el encabezado: Coloca un encabezado en la parte superior de la sección de servicios. Arrastra y suelta el widget “Encabezado” desde la lista de elementos disponibles en Elementor. Luego, personaliza el texto, el estilo y la tipografía del encabezado según el diseño que desees.
- Crear una sección interior: Ahora, bajo el encabezado “servicios”, agrega una sección interior. Esto permitirá organizar los elementos de tu portfolio. Para hacerlo, selecciona el botón correspondiente y configura el número de columnas y el espaciado según tus preferencias.
- Incorporar el widget “Cuadro de información”: En las columnas creadas, arrastra y suelta el widget “Cuadro de información”. Ajusta el título y el texto de este primer cuadro para describir uno de los servicios que ofreces.
- Personalización del Cuadro de información: Mejora la apariencia de cada cuadro de información personalizando aspectos como el relleno, el estilo, la tipografía, los iconos y el espaciado.
- Duplicar y ajustar: Una vez que hayas personalizado el primer cuadro de información, duplica el widget para generar el siguiente. Arrastra y suelta la copia en la segunda columna. Repite este proceso hasta que tengas el número deseado de cuadros de información, cada uno detallando un servicio específico que deseas resaltar.
Paso 4: Sección “Sobre mí”
Ahora, vas a crear un apartado “Sobre mí”, donde podrás presentarte como profesional.
1. Añadir una sección de dos columnas
Comienza añadiendo una nueva sección con dos columnas al diseño de tu página. Para ello, selecciona la opción de “Añadir nueva sección” en Elementor y elige el diseño de dos columnas.
2. Incluir el widget de imagen en la columna izquierda
Dentro de la columna izquierda, arrastra y suelta el widget de imagen. Selecciona la imagen que deseas mostrar en la sección “Sobre mí” y realiza ajustes en el relleno y el espaciado para asegurar que se vea en armonía con el resto del contenido.
3. Agregar el encabezado y el editor de texto en la columna derecha
En la columna derecha, coloca el widget de encabezado y personaliza el texto para que refleje el título de la sección “Sobre mí”. Luego, usa el widget de editor de texto para escribir una breve descripción sobre ti y tus habilidades.
4. Incluir botones para enlaces adicionales
Para dirigir a los usuarios a tu página “Acerca de” o compartir tu CV, añade el widget de botones en la parte inferior de la columna derecha. Personaliza los botones según tus preferencias, cambiando el texto y el estilo para que se adapten a la estética general de tu página.
Paso 5: Sección de Galería
Ahora crearás el área donde mostrarás tu trabajo, es decir, una sección de galería filtrable.
1. Agregar el widget Encabezado y Editor de Texto
Comienza haciendo una nueva sección en Elementor. Arrastra y suelta el widget “Encabezado” en la sección recién creada. Modifica el texto del encabezado según tu preferencia y alínialo al centro para darle un aspecto atractivo.
Luego, añade un widget “Editor de Texto” debajo del encabezado y escribe una o dos líneas que describan tu trabajo. Personaliza la fuente y el estilo del texto para que se ajuste al diseño de tu página.
2. Añadir el widget de Galería Filtrable
Dentro de la misma sección, agrega el widget “Galería” para hacer la sección de Galería Filtrable. Configura el widget de acuerdo a tus necesidades y preferencias.
3. Incorporar imágenes a la Galería
Comienza a agregar imágenes a la galería filtrable. Agrupa las fotos que pertenecen a la misma categoría en un solo “elemento”. Trata de etiquetar cada grupo de imágenes adecuadamente para facilitar el filtrado más adelante.
4. Ajustar la configuración de la Galería
Personaliza la configuración de la galería filtrable según tus preferencias. Puedes cambiar el estilo de visualización, el tamaño de las imágenes, la disposición, y otras opciones.
Paso 6: Sección CTA
Ahora la última parte de la página de porfolio es la sección CTA. Aquí se agrega una sección simple con algo de texto a modo de gancho para los usuarios y un botón que los llevará al formulario de contacto.
- Añade una nueva sección de dos columnas haciendo clic en el botón “+”.
- Ahora, añade un nuevo widget de encabezado a la izquierda y un widget de botón a la derecha.
- Personaliza el encabezado y cambia el texto.
- Asimismo, modifica el botón para que la sección resulte lo más atractiva posible.
- Por último, cambia el color de fondo de la sección.
Por qué usar Custom Post Types (CPT) para crear un portafolio en WordPress y Elementor
Al principio te hablé un poco de los CPT y te mencioné que te iba a explicar sobre cómo utilizarlos en este contexto. Vamos a ello.
Los Custom Post Types (CPT) son una tipo de contenido dentro de WordPress y especialmente útiles cuando se trata de desarrollar un portfolio. Estos tipos de entrada personalizada permiten agregar contenido específico y funcionalidades adicionales de manera organizada, sin la necesidad de abordar una codificación compleja cada vez. El CPT más conocido son las «Entradas» y «Páginas», pero imagina que eres nutricionista y quieres compartir recetas con tus usuarios. Entonces un CPT «Recetas» con campos personalizados de: ingredientes, tiempo de cocción, dificultad…te será realmente útil. Pues lo mismo en nuestro caso, un CPT de Portfolio te permitirá mostrar tus proyectos.
Imagina que deseas mostrar tus proyectos más destacados en tu portfolio. Podrías optar por una solución estándar, pero eso implicaría editar una página cada vez que quieras añadir o actualizar un nuevo proyecto. Sin embargo, con los Custom Post Types, puedes crear un CPT de “Proyectos” que incluya campos personalizados como capturas de pantalla, descripción, fases del proyecto, objetivos y resultados obtenidos.
Esto brinda una experiencia mucho más fluida y eficiente, ya que tendrás una interfaz dedicada para añadir y gestionar tus proyectos. Además, con casos de éxito bien presentados, podrás ganar reputación y atraer nuevos clientes, puesto que estos se sentirán identificados con las necesidades resueltas y los resultados alcanzados.
Al utilizar Custom Post Types para tu portfolio, te aseguras de que cada proyecto tenga su propio formato y diseño único, lo que proporciona una presentación más profesional y personalizada.
Palabras finales
Hacer un buen portafolio profesional es algo que requiere años de trabajo y experiencia. Pero, crear tu sitio web de portafolio puede realizarse en cuestión de horas gracias a WordPress y Elementor.
Un portafolio aumenta las posibilidades de conseguir clientes potenciales, gracias a que tu trabajo está a la vista de todo el mundo. Te puede abrir fácilmente la puerta a cientos de oportunidades y también ayudarte a destacar entre miles de competidores.
Espero que este artículo te haya inspirado un poco para hacer tu propio portafolio de la mano de WordPress y Elementor.