Cómo construir una cartera en línea con WordPress (y el tema total)

Un sitio web de cartera es una plataforma perfecta para mostrar todo lo que desee. Pueden ser productos que está vendiendo, los proyectos que ha completado, premios que recibió, fotografías que inspiran o obras de arte de las que está orgulloso. Un sitio de cartera comercializará sus productos, servicios y habilidades a su público objetivo. Además, puede ser útil para generar clientes potenciales. Si eres un profesional creativo (diseñador web, artista, pintor, escritor, ilustrador gráfico), un sitio web bien diseñado es especialmente importante para atraer clientes y hacer crecer tu negocio.

En esta publicación, veremos los pasos para crear un sitio web de cartera con WordPress utilizando el tema Total. Al principio, debe saber que el tema Total incluye un tipo de publicación personalizada incorporada para la cartera. Por lo tanto, es más fácil crear su cartera y agregar sus elementos de cartera. Y si sabe cómo trabajar con publicaciones estándar, crear un portafolio será mucho más simple para usted.

¡Empecemos!

Paso 1: seleccione un servidor web

Cuando se trata de alojamiento, hay una gran cantidad de opciones de alojamiento para todos los bolsillos. Pero si no puede elegir uno, eche un vistazo a las soluciones de alojamiento de WordPress que recomienda WPExplorer.

Mejor alojamiento de WordPress

Bluehost es una excelente opción si recién está comenzando, ya que ofrece muchos recursos a un precio bajo, que es aún más bajo cuando usa nuestro enlace. ¡Puede obtener Bluehost por solo $ 2.95 el primer año!

Pero si desea un alojamiento que sea fácil de usar, Flywheel y WP Engine son dos de las empresas de alojamiento de WordPress mejor administradas. Ambos ofrecen excelentes funciones a un precio razonable, y lo mejor de todo es que nunca tendrás que pensar en tu servidor, ya que ellos se encargan de todo por ti.

Paso 2: elija un nombre de dominio

Al registrarse con un host para el espacio del servidor, deberá tener su nombre de dominio a mano. Su nombre de dominio es único para su sitio web y puede obtener estos nombres de registradores como NameCheap y GoDaddy. Elija un nombre con cuidado, ya que puede resultar bastante complicado cambiarlo más tarde.

Paso 3: instala WordPress

¡Instalar WordPress es fácil! Con hosts administrados, su instalación de WordPress ya está configurada para usted. Si elige Bluehost, simplemente siga el proceso de instalación con un clic y debería tener WordPress listo en unos minutos.

Cuando llegue a la pantalla de inicio de sesión, ingrese el nombre de usuario y la contraseña que creó al instalar WordPress e ingrese a su sitio web. Una vez allí, puede comenzar a crear su sitio web de cartera real.

Paso 4: Elija y active un tema

Este paso será fácil para nosotros, ya que elegiremos Total. En nuestra opinión, es uno de los mejores temas que puede elegir para cualquier proyecto, ya que el tema viene con toneladas de características y opciones que puede usar para empresas, organizaciones benéficas, carteras y más. Y con las sencillas importaciones de demostración, puede crear hermosos sitios web de cartera con Total con solo un par de clics, como este a continuación:

Después de instalar el tema Total, actívelo desde su panel haciendo clic en Apariencia> Temas> Agregar nuevo.

En esta etapa, tiene que tomar una decisión: simplemente puede importar cualquier sitio web de demostración de Total utilizando el Importador de demostración. Total tiene más de 40 sitios web prediseñados, incluidas demostraciones para la cartera. Puede elegir cualquier demostración, importarla y agregarle su propio contenido.

Simplemente elija la demostración que le guste y siga las instrucciones en pantalla para instalar, luego active los complementos necesarios e importe el contenido de muestra (publicaciones, tipos de publicaciones, widgets, menús, etc.).

Paso 5: crear y editar elementos de la cartera y crear una lista de elementos de la cartera

Por supuesto, no tiene que importar una demostración para comenzar, siempre puede crear su propio sitio web desde cero. Al usar el tema Total, es fácil crear su propio portafolio.

Pero antes de que podamos crear nuestra página de cartera, debemos crear los elementos de la cartera que se incluirán en ella. Con Total, tiene dos opciones para crear sus artículos de cartera.

Opción 1: Uso del tipo de publicación personalizada de la cartera de Total tal cual

Su primera opción es utilizar el tipo de publicación de cartera tal como está para crear su cartera. Desde el panel de WordPress, haga clic en Portafolio> Agregar nuevo.

Total de elementos de tipo de publicación de cartera

Agregue el título, las etiquetas, las categorías y cualquier contenido de texto de su elemento de cartera. Total admite varios tipos de contenido: agregue una imagen destacada si desea mostrar una sola imagen, agregue varias imágenes a la sección Galería de imágenes para crear un control deslizante o agregue un enlace para un archivo de audio o video en la sección Elemento de la cartera. Pero en todos estos casos, probablemente también querrá seleccionar un diseño de página en la configuración principal (izquierda, derecha o sin barra lateral) y establecer una imagen destacada para que su publicación se use en cuadrículas de cartera, carruseles y publicaciones relacionadas. Una vez que haya terminado, guarde la publicación.

Configuración de tipo de publicación de cartera total

El siguiente paso es ir a Apariencia> Personalizar> Portafolio para personalizar las páginas de archivo de su cartera (principales, etiquetas y categorías), así como las páginas de un solo elemento de la cartera. Desde aquí puede elegir un diseño de barra lateral, el recuento de publicaciones relacionadas y habilitar varios elementos de la página, luego arrástrelos y suéltelos en el orden que desee.

¡Eso es todo! Simplemente agregue más elementos para completar su cartera.

Opción 2: Cree su propia plantilla de portafolio con Visual Composer

Si desea ser más práctico, puede ser su propio diseñador utilizando las funciones de Total y el creador de páginas de Visual Composer. Visual Composer es un creador de páginas visual que te ayuda a crear hermosos diseños usando el método de arrastrar y soltar. Como usuario, significa que no tiene que saber nada de codificación y realmente puede disfrutar del proceso de construcción web. Viene gratis con Total, y debería ver un mensaje para instalar el complemento en su sitio web cuando active el tema. Solo recuerda activarlo también.

Visite la configuración de Visual Composer desde el panel para configurar el complemento. Haga clic en Visual Composer> Administrador de roles y ajuste la configuración. Lo más importante es habilitar el redactor para los tipos de publicación en los que desea usarlo. De forma predeterminada, Visual Composer está habilitado solo en las páginas. Habilítelo también para los tipos de publicaciones de cartera para que pueda crear elementos de cartera con la ayuda de Visual Composer.

Al igual que la última opción, deberá crear una nueva publicación haciendo clic en Portafolio> Agregar nuevo. Dale un nombre a tu publicación, selecciona categorías o etiquetas, elige un diseño de barra lateral en la sección de configuración principal y establece una imagen destacada. Guarda el borrador de tu publicación. ¡Ahora puedes empezar a construir!

Tiene la opción de utilizar el editor frontend (visual) o backend (bloque) de Visual Composer start para editar el elemento de la cartera. Preferimos el editor de frontend ya que puede ver los elementos de su página, colores personalizados, rellenos / márgenes y más. Pero no importa cuál elija usar, simplemente seleccione Visual Composer Agregar elemento para empezar.

Creador de páginas de cartera total

Verá todos los elementos disponibles en la biblioteca de elementos. Total tiene una serie de elementos especialmente diseñados en la biblioteca, además de los elementos estándar de Visual Composer. Puede ver que la instantánea de arriba usa el Control deslizante de imagen y un Caja de texto para crear el artículo de la cartera. Sin embargo, puede utilizar casi cualquier otro elemento de la biblioteca.

Cuando haya terminado con la edición, guarde la publicación de la cartera y haga clic en Publicar. Si va a crear muchos elementos similares, puede incluso guardar la plantilla para uso repetido. Para guardar su diseño como una plantilla, regrese al editor de backend.

Creador de plantillas de página de cartera total

Haga clic en el botón Templatera (que parece un pequeño icono de diseño gris).

Plantilla de página de cartera total

Luego, asigne un nombre a su plantilla y guárdela. Para usar su plantilla en una nueva publicación, simplemente haga clic en el icono de Templatera para insertar el diseño que guardó. Alternativamente, puede establecer la plantilla como predeterminada para todas las publicaciones nuevas en un tipo de publicación determinado.

Valores predeterminados totales de plantilla de página de cartera

Para hacer esto, navegue hasta Visual Composer> Configuración general y establezca su plantilla preferida para cada tipo de publicación. Si planea agregar muchos elementos a su cartera, personal, etc., esto realmente le ahorrará algo de tiempo, ya que todos los elementos de su página estándar se insertarán y formatearán automáticamente para usted.

Paso 6: Creación de la página de la cartera

Ahora que tenemos la lista de elementos de la cartera que queremos mostrar en nuestra cartera, es hora de crear la página que contendrá estos elementos de la cartera. Crea una página como lo haces normalmente con WordPress. Ir a Páginas> Agregar nuevo. Titula la nueva página y guárdala.

A continuación, haga clic en la opción Visual Composer con la que desea trabajar; nuevamente, tendrá la opción de usar el editor de frontend o el editor de backend. Esto abrirá el editor de arrastrar y soltar en vivo. Haga clic en el azul Agregar elemento botón. Usaremos el elemento Portfolio Grid para construir nuestra página de portafolio. Seleccionar cuadrícula de cartera. Si es un carrusel que desea en la página de su cartera, seleccione el elemento Carrusel de la cartera.

Puede ajustar la configuración en el elemento Cuadrícula de la cartera para ajustar la forma en que aparece su página de la cartera. Puede seleccionar el tamaño de las imágenes, agregar bordes, titularlas, especificar categorías, seleccionar el orden, columnas y publicaciones por página, habilitar la paginación, elegir estilos de cuadrícula, agregar extractos y mucho más. Ahorrar la página Portafolio después de completar las opciones de configuración debajo del editor de texto.

Es posible ver los cambios incluso mientras los realiza. Así es como se ve la página de mi portafolio en la interfaz una vez que he guardado los cambios en el elemento Portfolio Grid.

Paso 7: personalice su cartera

Puede usar la configuración en el Personalizador de WordPress en vivo para establecer opciones para migas de pan, diseño de archivos, estilo de publicación única, recorte de imágenes y más.

Si desea realizar cambios en el ícono de administrador, nombre del tipo de publicación, slug y taxonomía, use el Editor de tipo de publicación de cartera.

Paso 8: agregar su cartera al menú

En el sitio web de un portafolio, tiene sentido que la página del portafolio aparezca en el menú principal para que los visitantes puedan acceder al ‘Portafolio’ inmediatamente y ver las páginas del portafolio. Para agregar su nueva página de portafolio, vaya a Apariencia> Menú, seleccione la página Portafolio y haga clic en Agregar al menú.

Ahora el Portafolio aparece como un elemento de menú de fácil acceso en la página de inicio (y cualquier otra página con el menú principal habilitado).

Si desea que la página de su portafolio sea su página de inicio, simplemente navegue hasta Configuración> Lectura, configure la visualización de la página principal en una página estática y luego seleccione su Portafolio. ¡Pan comido!

Terminando

Con la sección Portafolio de su sitio web en su lugar, es posible que desee continuar y agregar más páginas a su sitio web. Considere una página de contacto, acerca de o servicios que son increíblemente útiles y son una parte necesaria de un sitio web de cartera. Crea tantas páginas como quieras o necesites, recordando incluir las importantes en el menú para tener un sitio web de portafolio completo.

Una vez terminado el portafolio, puede pasar a generar tráfico a su portafolio, optimizar sus imágenes o incluso monetizar su sitio web. ¿Qué otros consejos tiene para crear su cartera en línea?