Cómo hacer una cartera en WordPress [Actualizado 2021]

Ya sea que sea un fotógrafo, diseñador, desarrollador independiente, un sitio de cartera creativa es una necesidad. A pesar de que las plataformas como Behance y Dribbble han aparecido recientemente y se utilizan para mostrar las carteras de los diseñadores, aún necesita un sitio web. Porque tu trabajo no encaja en una caja. Necesita algo que se adapte a su personalidad y sea personalizado de acuerdo con su propia visión. Al final de este artículo, descubrirá cuáles son sus opciones en WordPress para presentar carteras y cuáles son las herramientas de WordPress más populares para llevar su cartera a un nivel completamente nuevo.
Pero, antes de ingresar a las técnicas, veamos una lista de controles y trucos amigables para una cartera hermosa e inteligente. Consejos y trucos Al crear sus carteras en WordPress, el objetivo principal de un sitio de cartera es mostrar sus habilidades y trabajo. Antes de comenzar a diseñar su sitio web, definitivamente debe hacer un plan e investigar un poco de inspiración. En su cartera puede incluir:
Logotipos de clientes con los que ha trabajado
Estudios de caso
Descripciones de proyectos
Fotos
evidencia
Ahora, si necesita inspiración, definitivamente recomiendo este sitio: saaaspages.xyz. Puede proporcionar inspiración para cada sección de su sitio web, desde el sótano hasta el sótano.
Verifiquemos 3 ejemplos que presentan. Este estudio de caso contiene un video, un logotipo, un testimonio y un título que lo hace realmente curioso.

La sección de testimonios a continuación tiene un título memorable: “The Wall of Love”, realmente diría creativo. No uso superlativos de hojaldre. Lo mantiene de manera simple y convincente con su copia. Esta cartera de proyectos parece simple. Use etiquetas para filtrar diferentes temas y también los logotipos de las empresas.

La cartera de fotos a continuación es increíble. Como fotógrafo, sé que tener una visión y un estilo unificado ayuda mucho a la cartera (esto no se aplica a los diseñadores y otros profesionales independientes).

Fuente: RoundPerfect.ro ahora, según consejos y trucos, aquí está la pequeña lista de verificación que prometí:

Asegúrese de presentar varios proyectos para los que ha trabajado. No elija un tipo particular de proyecto (si no desea tener un enfoque de nicho).
Asegúrese de que su sitio sea compatible con dispositivos móviles. Según el estatista, el teléfono móvil representaba aproximadamente la mitad del tráfico web mundial en el segundo trimestre de 2020. Si está interesado en posicionar su primer lugar en los resultados de búsqueda de Google, debe saber que en marzo de 2020 Google anunció el primer índice en El móvil para toda la web. Esto significa que Google utiliza predominantemente la versión móvil de un sitio web para la clasificación.
Presente los testimonios de antiguos clientes. Vivimos en un mundo donde las revisiones entre pares son más importantes que nunca. Las recomendaciones son el mejor canal de marketing y son prácticamente gratuitos.
Use videos e imágenes para atraer la atención de los visitantes. El video tiene el poder de crear un compromiso y puede hacer que su marca se destaque.
EXPERIMENTO CON EFECTOS VISUALES ANCHO COMPLETO Si eres fotógrafo y ama el minimalismo. Los diseños de ancho completo son un excelente toque cuando los magos son más importantes que el texto. No olvides agregar una sección “Acerca de mí”, donde los visitantes pueden conocerte mejor, visión y metas, experiencia.
Puede crear páginas separadas para cada proyecto. Los detalles que desea incluir se ajustarán al tipo de cartera que necesita. Si es diseñador web, querrá proporcionar el enlace para los sitios que ha creado, junto con una descripción del proyecto en términos de tecnología, alcance, intervalo de tiempo. Si es fotógrafo, querrá incluir información sobre el tema, los temas, la ubicación y la fecha del evento. Un artista visual incluirá información sobre los activos utilizados, la visión, la inspiración e incluso el precio del artículo.
Ahora que he configurado estas cosas directamente, es hora de ir a WordPress e identificar las herramientas que necesita para su sitio de cartera.
Cómo hacer una cartera en WordPress ahora, lo primero que debe hacer es elegir un tema que tenga las características que coincidan con sus expectativas o se acercan lo suficiente. Al crear una cartera en WordPress, usará una de las siguientes opciones:
una diapositiva. Un control deslizante es cualquier elemento web que gire. Puede contener imágenes, videos, imágenes y texto, etc.
Fuente: Roundperfect.RO En el siguiente ejemplo, el control deslizante se usa para mostrar las promociones de corriente.
Fuente: limetreekids.com.au/

un carrusel. Ahora, no todos están de acuerdo con esta definición: los carruseles son un tipo de diapositiva que no muestra imágenes grandes en un punto, sino más seguidos. Algunos diseñadores web dicen que los carruseles y las diapositivas son lo mismo. Cuando use WordPress, los verá tratado de manera diferente. Tanto las diapositivas como los carruseles usan indicaciones visuales para mostrar al usuario que puede moverse hacia la izquierda y descubrir nuevas imágenes, etc. Una galería es una colección de imágenes o videos presentados en Grile.

Entonces es hora de un diseño. Cómo hacer una cartera en WordPress utilizando el editor predeterminado como ya sabrá, el editor de WordPress predeterminado funciona con bloques (llamados bloques de gutenberg). Puede tener bloques para párrafos, tablas, HTML personalizados y … galerías. En este momento no tenemos opciones para diapositivas o carruseles. Agreguemos un bloque de galería a una página. Comenzamos dirigiéndonos al tablero de WordPress -> páginas. Puede agregar una nueva página o editar una existente.
Luego, desde el icono “+” en la parte superior izquierda, abra el panel de bloque.

Seleccione el bloque de la galería.

Tire del bloque al lugar deseado dentro de la página.

Al seleccionar el bloque, podrá ver un panel a la derecha donde puede agregar algunas clases CSS adicionales a este bloque de la galería. Luego puede agregar estilo a estas clases usando CSS personalizado. Escribí aquí un artículo sobre este tema. Ahora, puede agregar imágenes a la galería utilizando las opciones de “carga” o “biblioteca de medios”. Ahora, como puede ver, no hay opciones para personalizar la galería disponible. Las funciones de bloqueo siguen funcionando. Si necesita algunas mejoras adicionales, puede elegir un complemento de WordPress para Gutenberg, como Envira o Kadence. Kadence también tiene opciones para carrusel y diapositivas. Al lado de los bloques, en el editor, encontrará modelos. Puede acceder a ellos desde el mismo signo “+” en la parte superior izquierda. Los modelos son estructuras de bloque predefinidas, disponibles en la pestaña Modelo de inserción de bloque. Una vez ingresado en el contenido, los bloques están preparados para contenido y configuración adicionales o modificados.

WordPress acaba de lanzar un director de patrones donde puede seleccionar algunos hermosos planes de galería.

Para agregarlos a su diseño, pase el mouse sobre el modelo hasta que vea el botón “Copiar”.

Luego acceda a su página y haga clic en el derecho y pegue su diseño.
Desde el panel derecho, puede hacer algunos cambios adicionales, como relleno, opacidad, superposición, altura mínima, etc. Si selecciona una imagen en la galería, en la parte superior verá un menú con algunas opciones de edición adicionales. Aquí puede reemplazar la imagen, puede cortarla, puede agregar texto, puede alinearla, etc.

Y eso fue todo para las opciones de cartera del editor -in -editor. Cómo hacer una cartera en WordPress utilizando constructores de páginas para este ejercicio, utilizamos el tema multifuncional multifuncional Pro WordPress y el generador de página Colibri. ¿Por qué uso un creador de sitios de WordPress? Porque me ofrece las funcionalidades de arrastrar y soltar, y la experiencia de diseño es solo un pedazo de pastel. En el combo de construcción de tareas tengo estas opciones para crear carteras:

Uso de bloques de galería o cartera


Uso de componentes deslizantes y carruseles

Ahora, de acuerdo con la diferencia entre bloques y componentes … los bloques son modelos predefinidos que pueden usarse como secciones completas del sitio web (cartera, características, equipo). Los componentes, por otro lado, son artículos más pequeños, que pueden ayudar a construir nuevos bloques (botones, títulos, videos, imágenes, etc.).

Tomemos uno a la vez. Cómo diseñar una cartera de WordPress utilizando la cartera de la galería o bloques (no lo mismo que los bloques de Gutenberg) con los constructores, todo está a casi un clic de distancia. Solo tiene que hacer clic en el signo “+” y abrir el bloque y el panel de componentes y desplazarse hasta que encuentre la galería o el bloque de cartera. El bloque de cartera puede contener:
Un encabezado
Una descripcion
Imágenes con o sin descripción
Puede ingresar al bloque colocándose en lugar del sitio web donde desea ser la nueva sección. Luego haga clic en el bloque en el panel del lado izquierdo. Puede hacer clic en el bloque deseado y presionar la tecla “Limpiar” en el teclado si desea colocar algo más a cambio. Siempre puede mezclar un bloque de cartera con otros componentes, como texto o video. Curiosamente, incluso puede guardar su bloque para reutilizarlo en otros modelos. Si desea un bloque de galería, hay más opciones. Las galerías suelen ser la opción cuando desea enumerar fotos.
Independientemente de la elección, siempre puede personalizar su cartera utilizando las opciones en el panel lateral izquierdo. Hay 3 opciones: apariencia, estilo y avanzado. Puede cambiar espacio, bordes, paraguas, tipografía y colores e incluso agregar su propio CSS. Todo es fácil e intuitivo.
Cómo diseñar una cartera de WordPress utilizando elementos deslizantes y de carrusel Como se muestra anteriormente, los componentes se pueden encontrar cerca de los bloques de WordPress. Cuando presione el signo “+”, abrirá el bloque y el panel de componentes. De los componentes, puede escribir “deslizamiento” o “carrusel” o simplemente desplazarse hasta que los encuentre. También hay una opción para el “collage de imágenes”. Todo lo que tiene que hacer ahora es tirar y arreglar el componente en el sitio correcto.
Si elige una diapositiva, puede:
Hacer ajustes de imagen en términos de tamaño, posicionamiento

Puede insertar videos autoestagios o direcciones de YouTube de URL


Alinear contenido e imágenes en la misma diapositiva

Cambiar los colores y la tipografía

Agregar efectos de desenfoque

Seleccione qué elementos deben aparecer en dispositivos móviles
Estira las flechas que ayudan a las diapositivas a “deslizarse” lo mismo es válido para el carrusel. Es por eso que un constructor de páginas es tan versátil.
Aquí hay un artículo más detallado que escribí sobre diapositivas, con consejos de diseño. Cómo hacer una cartera en WordPress usando complementos antes de ingresar a este tema, quiero borrar algo. Si puede evitar complementos, hágalo. Muchas cosas requieren complementos en WordPress. Cuantos más complementos tenga, más lento será el tiempo de carga de su sitio es más lento. Así que elige sabiamente. Como dije, un constructor de páginas puede brindarle opciones y características que ofrecen muchos complementos, sin preocuparse por muchas actualizaciones y problemas de rendimiento y seguridad. Ahora lo primero es lo primero. Vaya a wordpress.org, la sección del complemento. Luego escriba “cartera”, “cuadrícula” o “galería”.
Cuando elija el complemento, asegúrese de verificar:
Reseñas y popularidad
Si tiene las características que necesita
Vaya al sitio web del complemento y consulte las demostraciones
Comience un intento gratuito, si es posible
En cuanto a la instalación del complemento de WordPress, todo está en nuestro tutorial:

Ahora, aquí están los complementos de la galería más populares:

Galería NextGen
Niebla
Galería de fotos de Envira
Control deslizante, galería y carrusel de Metaslider