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.