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 lo que quieras. Pueden ser productos que está vendiendo, los proyectos que ha completado, los premios que recibió, fotografías que inspiran u obras de arte de las que está orgulloso. Un sitio de cartera comercializará sus productos, servicios y habilidades para su público objetivo. Además, puede ser útil para generar leads. Si usted es 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 su negocio.


En esta publicación, veremos los pasos para crear un sitio web de cartera con WordPress usando el tema Total. Al principio, debe saber que el tema Total incluye un tipo de publicación personalizado incorporado 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 una cartera 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 WPExplorer recomienda.

El 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. Puedes obtener Bluehost por solo $ 2.95 el primer año!

Pero si desea un alojamiento que sea muy 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á que pensar en su servidor, ya que se encargan de todo por usted..

Paso 2: elige un nombre de dominio

Al registrarse con un host para el espacio del servidor, deberá tener a mano su nombre de dominio. Su nombre de dominio es exclusivo de su sitio web y puede obtener estos nombres de Registradores como NameCheap y GoDaddy. Elija un nombre con cuidado, ya que puede ser 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 crear su sitio web de cartera real..

Paso 4: elige y activa 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 importaciones de demostración fáciles, puede crear hermosos sitios web de cartera con Total en solo un par de clics, como este a continuación:

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

En esta etapa, debe elegir: simplemente puede importar cualquier sitio web de demostración de Total utilizando Importador de demostración.  Total tiene más de 40 sitios web preconstruidos, incluidas demostraciones para cartera. Puede elegir cualquier demo, 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 cartera y crear una lista de elementos de 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, necesitamos crear los elementos de la cartera que entrarán en ella. Con Total, tiene dos opciones para crear sus elementos 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 como es crear su cartera. Desde el Panel de WordPress, haga clic en Portafolio> Agregar nuevo.

Elementos de tipo de publicación de cartera total

Agregue el título de su cartera, etiquetas, categorías y cualquier contenido de texto. Total admite varios tipos de contenido: agregue un Foto principal si desea mostrar una sola imagen, agregue varias imágenes al galería de imágenes sección para crear un control deslizante o agregar un enlace para un archivo de audio o video en el Artículo de cartera sección. Pero en todos estos casos, probablemente también desee 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 hayas terminado, guarda la publicación.

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

El siguiente paso es ir a Apariencia> Personalizar> Portafolio para personalizar sus páginas de archivo de cartera (principales, etiquetas y categorías), así como sus páginas de elementos de cartera única. Desde aquí, puede elegir un diseño de barra lateral, contar publicaciones relacionadas y habilitar varios elementos de la página, luego arrastrarlos y soltarlos en el orden que desee.

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

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

Si quieres ser más práctico, puedes ser tu propio diseñador usando las características de Total y el creador de páginas Visual Composer. Visual Composer es un generador visual de páginas que te ayuda a crear diseños hermosos usando el método de arrastrar y soltar. Como usuario, significa que no tiene que conocer ninguna codificación y que 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 tablero para configurar el complemento. Haga clic en Visual Composer> Administrador de roles y ajustar la configuración. Lo más importante, habilite el compositor para los tipos de publicación en los que desea usarlo. De manera predeterminada, Visual Composer está habilitado solo en páginas. Habilítelo para los tipos de publicación de cartera también 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. Asigne un nombre a su publicación, seleccione categorías o etiquetas, elija un diseño de barra lateral en la sección de configuración principal y configure una imagen destacada. Guarda el borrador de tu publicación. Ahora puedes comenzar 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 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 botón para comenzar.

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 anterior usa el Control deslizante de imagen y un Caja de texto para crear el elemento de cartera. Sin embargo, puede usar casi cualquier otro elemento de la biblioteca.

Cuando haya terminado con la edición, guarde la publicación de cartera y haga clic Publicar. Si vas a crear muchos artículos similares, incluso puedes guardar la plantilla para uso repetido Para guardar su diseño como plantilla, regrese al editor de fondo.

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 de plantilla de página de cartera total

Para hacer esto, navegue a Visual Composer> Configuración general y configura tu 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..

Paso 6: Crear la página de cartera

Ahora que tenemos la lista de elementos de cartera que queremos mostrar en nuestra cartera, es hora de crear la página que contendrá estos elementos de cartera. Crea una página de la forma en que normalmente lo haces con WordPress. Ir 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 interfaz o el editor de fondo. 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 su página de cartera, seleccione el elemento Carrusel de cartera.

Puede ajustar la configuración en el elemento Portfolio Grid para ajustar la forma en que aparece su página de Portafolio. Puede seleccionar el tamaño de las imágenes, agregar bordes, titularlas, sespecifique categorías, seleccione el orden, las columnas y las publicaciones por página, habilite la paginación, elija estilos de cuadrícula, agregue extractos y mucho más. Salvar 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 mi página de cartera en la interfaz una vez que guarde los cambios en el elemento de la cuadrícula de cartera.

Paso 7: Personaliza tu 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, escriba el nombre del tipo, la babosa y la taxonomía. Portfolio Post Type Editor.

Paso 8: Agregar su cartera al menú

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

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

Si desea que su página de cartera sea su página de inicio, simplemente navegue hasta Configuraciones> Lectura, configure la pantalla 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. Cree tantas páginas como desee o necesite, recordando incluir las importantes en el menú para tener un sitio web completo de cartera.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me