skip to Main Content

3 ajustes en el portafolio de WordPress para hacer su sitio web impresionante

Muchos profesionales acuden a WordPress debido a su baja curva de aprendizaje y su amplio conjunto de características. Es la solución perfecta para mostrar tus logros profesionales, es decir, si sabes cómo usarlo. Si no estás seguro de por dónde empezar, ¡hablemos de algunos ajustes de la cartera de WordPress!

Un gran portafolio debe cumplir con tres simples criterios: debe poner el foco en su trabajo, presentarse a los posibles clientes, y seguir siendo simple de navegar. Afortunadamente, los tres son fáciles de lograr cuando se usa WordPress.

En este post, hemos seleccionado tres ejemplos en vivo de impresionantes portafolios, y aquí te enseñaremos cómo replicar algunos de sus trucos de diseño. Vamos a sumergirnos y mirar estos ajustes del portafolio de WordPress juntos:

3 Ajustes de la cartera de Killer WordPress

Diseño A.H.A.

A.H.A. Design es una empresa de diseño con sede en Londres que se centra en la arquitectura, el diseño de productos y el diseño web. Aunque no podemos responder personalmente por la calidad de su trabajo, su portafolio nos llamó la atención gracias a su estilo único.

¿Qué es lo que hace que esta cartera se destaque?

  • Un diseño limpio y despejado.
  • El sutil resaltado del elemento de menú Tienda .
  • El uso de círculos en todo el sitio para destacar el trabajo pasado de A.H.A. Design.

Vamos a elaborar un poco más sobre este último punto. Lo primero que verás en la página principal es un círculo gigante que muestra los trabajos anteriores – el resto del portafolio aparece abajo como grandes círculos borrosos, incluyendo simples animaciones en el aire.

Otro aspecto que hace que esta elección de diseño se destaque es el esquema de color monocromático en todo el sitio – las piezas del portafolio son los únicos elementos que tienen colores. Esta técnica se adhiere a nuestra regla de mantener el enfoque en su trabajo. De hecho, nos gusta tanto que intentaremos conseguir un efecto similar usando nuestro tema Zerif Pro como ejemplo.

WordPress Portfolio Tweaks #1: Usa blurbs para mostrar tu trabajo

El tema de Zerif Pro permite replicar el efecto que acabamos de comentar utilizando sus widgets Our Focus , como se ve a continuación en un ejemplo tomado de la demo en vivo:

Después de instalar y activar el tema, entramos en el Personalizador en vivo (mira este tutorial si estás oxidado en cuanto a cómo usarlo) y modificamos los widgets Nuestro Enfoque para mostrar algunos sitios web de ejemplo. Para ello, añadimos algunos encabezados descriptivos, eliminamos los cuatro widgets originales y los reemplazamos por algunos propios:

SocioDiseño

SocioDesign es otra agencia de diseño con sede en Londres, cuyo sitio web de la cartera despertó nuestra atención debido a su estilo único. Revisemos nuestras partes favoritas.

¿Qué es lo que hace que esta cartera se destaque?

  • Un diseño minimalista con llamativas imágenes de anteriores trabajos de SocioDesign.
  • Su diseño simple, que mantiene la navegación fácil.
  • El uso de una cuadrícula asimétrica para mostrar parte de un portafolio en la página principal.

Ajustes del portafolio de WordPress #2: Usar un sistema de grilla asimétrica para hacer que su trabajo se destaque

Las rejillas de imagen son un elemento de diseño bastante convencional hoy en día, son eficientes, pero también pueden volverse un poco monótonas. Para cambiarlo, los diseñadores a veces rompen un poco el molde asignando diferentes tamaños a algunas de las imágenes, como el ejemplo de la página web de SocioDesign (visible arriba).

Esto sirve para dos propósitos – rompe la monotonía de una red regular, y también establece una jerarquía visual. Esto significa que automáticamente asignamos más importancia a la sección más grande de la red. Si quieres crear un portafolio en WordPress, esta técnica puede ayudar a guiar la atención hacia los proyectos de los que estás más orgulloso. Podemos replicar este efecto usando el plugin Robo Gallery:

Galería de imágenes de Robo – Galería de fotos de respuesta

Autor(es): RoboSoft

Versión actual: 2.8.31

Última actualización: 11 de marzo de 2020

robo-galería.2.8.31.zip

88% Calificaciones 40.000+ Instala WP 3.3+ Requiere

Después de activar el plugin, este vídeo de instrucciones en el canal oficial de YouTube del desarrollador te guiará a través del proceso de creación de diseños personalizados (asimétricos). Una vez completado, puedes insertar tu nueva galería en cualquier página utilizando su correspondiente atajo.

También puedes insertar galerías usando el botón Add Robo Gallery situado encima del editor de WordPress. Esto te permite seleccionar entre todas las opciones disponibles para crear tu galería, y también añadirá el código corto para ti:

Si siguió el tutorial de diseño personalizado que enlazamos arriba, el resultado final debería ser algo así (aunque con imágenes diferentes, por supuesto):

Método

Finalmente, llegamos al Método. Es una agencia creativa con un portafolio ecléctico que es imposible de ignorar. Echemos un vistazo a sus aspectos más destacados a continuación.

¿Qué es lo que hace que esta cartera se destaque?

  • El encabezado principal y la sección debajo de él en la página principal hacen un gran uso de la propiedad de transformación CSS para lograr algunos efectos excelentes.
  • El encabezado también se funde con la barra de navegación gracias a su simple esquema de colores para causar una fuerte primera impresión.
  • En la primera página se incluyen enlaces a múltiples estudios de casos.
  • Hay una fuerte llamada a la acción al final de la página principal para cerrar el trato.

Ajustes del portafolio de WordPress #3: Usar un esquema de color simple y un encabezado de ancho completo para hacer una fuerte primera impresión

Nuestro aspecto favorito del portafolio del Método es el encabezado animado a todo lo ancho. Aprender a usar la propiedad transformar para lograr efectos similares es un tema complejo, por lo que nos limitaremos a crear una simple combinación de colores e implementar un encabezado completo usando el tema Zerif Pro nuevamente.

La plantilla por defecto de Zerif Pro incluye una sección de encabezado de ancho completo que podemos usar. Crear una nueva página, seleccionar la plantilla por defecto del meta box Atributos de la Página , guardar los cambios, y luego ir al Personalizador en vivo. Una vez aquí, escoge la sección Título grande y personaliza sus colores hasta que coincidan con tu menú principal:

Ahora tenemos un encabezado limpio, aunque juguetón, que comparte una paleta de colores con nuestro menú, manteniendo las cosas despejadas.Considera la posibilidad de usar una variación de este sencillo estilo la próxima vez que realices algunos ajustes en el portafolio de WordPress!

Conclusión

Junto con un tema adecuado, hay tres criterios básicos para crear un portafolio en WordPress: debe centrarse en su trabajo, presentarse y ofrecer una navegación sencilla. Haz bien las tres cosas, y estarás muy por delante de tu competencia.

Considera la posibilidad de implementar una o más de estas tres simples técnicas cuando empieces a crear un portafolio en WordPress, y estarás recibiendo noticias de nuevos clientes en poco tiempo:

  1. Usa los borrones para mostrar tu trabajo.
  2. Implementar un sistema de cuadrícula para mostrar sus proyectos pasados.
  3. Combina un encabezado de ancho completo con un simple esquema de color para hacer una primera impresión duradera.

¿Qué opinas de que tu portafolio se construya en WordPress? ¿Tienes una cartera propia para compartir? Háganoslo saber en la sección de comentarios a continuación.

Deja un comentario

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

Pin It on Pinterest

Share This
Back To Top