Cómo crear un sitio web de portafolios: Una guía detallada

Imagen

Cómo crear un sitio web de la cartera

Una guía detallada


En esta sencilla guía paso a paso te llevaré a través de todo el proceso de creación de un convincente sitio web de portafolios personales para mostrar tu mejor trabajo, y eventualmente conseguir que te contraten.

El proceso incluye cuatro pasos esenciales y no le llevará más de 20 minutos. Cubrirá todas las lagunas de conocimiento en diseño web y hará posible tener un impresionante portafolio de páginas web sin tener que tocar ninguna línea de código.

Haga clic aquí para saltar al primer paso.

Descargo de responsabilidad: Esta publicación contiene enlaces de afiliados, lo que significa que recibo una pequeña comisión por una compra sin costo adicional para usted. Creo en los productos mencionados en el artículo y tengo una amplia experiencia con ellos. Si compras a través de mi enlace de afiliado, ¡muchas gracias por tu apoyo!

Paso 1: Escoger un nombre de dominio

Antes de empezar a construir el sitio web, repasemos rápidamente los nombres de dominio.

Casi todas las compañías de hospedaje venden nombres de dominio. Al comprar un plan de alojamiento (discutiremos esto en paso 2), la mayoría de las compañías de hospedaje proporcionan un nombre de dominio gratis por un año para usted.

Al elegir un dominio, puede que sientas la necesidad de ser creativo, o incluso divertido. El mejor consejo que puedo darte es que lo hagas de forma sencilla.

¿Debería usar su nombre como nombre de dominio?

Recomiendo encarecidamente usar su nombre exacto para el dominio. La razón es que es la mejor manera de asegurarse de que su sitio web es lo primero que aparece cuando la gente lo busca en línea. De lo contrario, podrían toparse con tu página personal de Facebook u otras páginas al azar que no tienen nada que ver contigo.

Es mejor tener el mayor control posible sobre los resultados de la búsqueda de su propio nombre, y un dominio para su nombre es la mejor manera de hacerlo.

Si el dominio de su nombre no está disponible, intente añadir una palabra al final, como "johndoeportfolio.com" o "johndoeart.com". Lo importante es tener tu nombre completo ahí.

Paso 2: Ponga su sitio web de la cartera en línea

El siguiente paso es establecer dónde se alojará su sitio web. Para esta guía cubriré 3 opciones, una para cada tipo de usuario.

  • Usando Wix.com (para los que quieren una solución prefabricada fácil de usar)
  • Usando Bluehost (para aquellos que quieren más control, pero no quieren gastar mucho dinero)
  • Usando Kinsta (para aquellos que quieren la solución premium más avanzada, y no les importa pagar por ella)

Cómo poner en línea tu sitio web del portafolio usando Wix

Wix es un constructor de sitios web que cualquiera, con cero experiencia en diseño web, puede usar para construir un sitio web de aspecto profesional en minutos. Wix es muy popular por su flexibilidad y facilidad de uso. En esta sección, repasaremos la creación de un sitio web de portafolio personal usando Wix.com.

Crear una cuenta

Crear una cuenta en el constructor del sitio web de Wix es muy sencillo. Incluso puedes registrarte con tus cuentas de Google o Facebook.

Visita la página web www.wix.com...y haz clic en "Empezar" .

Serás redirigido a la página de registro. Introduce tu dirección de correo electrónico y una nueva contraseña, y haz clic en el botónRegistrarse.

El siguiente paso es una pequeña encuesta para ayudar a Wix a conocer tus necesidades para que te proporcione la mejor experiencia posible. Puedes elegir entre responder la encuesta o no.

La encuesta se compone de sólo tres preguntas y tardará menos de 30 segundos en completarse. Elija nunca antes hecho esto, ya que esta guía está destinada tanto a los principiantes como a los usuarios avanzados.

Una vez que selecciones la última opción, serás redirigido a la siguiente página donde se te dará la opción de elegir entre usar el Diseñador de Inteligencia Artificial de Wix o el Editor del sitio web de Wix para crear tu sitio web.

Usando el Diseñador de Inteligencia Artificial de Wix (ADI) para crear un sitio web de la cartera

Haz clic en "Start Now" para usar el Wix ADI o "Choosea Template" para crear tu propio sitio web impresionante usando el Editor del sitio web de Wix. En esta guía, exploraremos ambos, comenzando con la opción Wix ADI, que es la mejor opción para los desarrolladores no web.

Elija el tipo de sitio web que quiere crear; en este caso, un sitio web de cartera. Haz clic en " Siguiente" para elegir las características que quieres en el sitio web.

Elegimos la "tienda online" aquí, porque estaremos exhibiendo nuestro trabajo y los visitantes podrán contactarlo y contratarlo. Ten en cuenta que puedes elegir saltarte este paso y añadir funciones más tarde. Después de eso, haz clic en Siguiente.

Elija una marca/nombre comercial, o use su propio nombre. Lo que elija aquí será usado como su nombre de dominio. Usamos nuestro nombre de marca, "bloopanimation" como ejemplo. Haz clic en Siguiente.

Como estamos trabajando en un nuevo proyecto, se supone que no tenemos un sitio web existente o lugares de Google, así que haremos clic en "Saltar" para revisar y editar nuestra información.

Rellene los campos proporcionados; su correo electrónico ya está ahí. Añada su logotipo, dirección, número de teléfono, fax (si lo tiene), y los enlaces de las cuentas sociales.

En la siguiente página, elige un tema para tu sitio web (puedes cambiar los temas fácilmente más tarde). Selecciona uno y haz clic en continuar.

Si has subido un logotipo, tendrás la opción de crear una paleta de colores a partir de ese logotipo. Puedes saltar si no tienes una, o hacer clic en "Crearpaleta" para continuar.

El siguiente paso es elegir un diseño de página web.

Seleccione cualquiera de los diseños mostrados o sáltese. Todavía puedes cambiarlos más tarde. Una vez que hayas seleccionado un diseño, serás llevado al editor de Wix ADI.

El Editor Wix tiene tres áreas principales, que se identifican en la imagen de abajo como; (1) Área de Menú Superior (2) el Área de la Barra Lateral, y (3) el Área de la Página Principal.

Es importante que echemos un vistazo profundo a cada una de estas áreas y cómo funcionan. 

Área del menú principal: El área del menú principal comprende las siguientes pestañas:

  • A) Selector de página activo: Aquí es donde seleccionarás la página que quieres que aparezca en el área de la página principal para su edición.
  • B) Añadir: Se utiliza para añadir una nueva página o una nueva sección de la página.
  • C) Diseño: Esta área te permite cambiar los temas, colores, fuentes, animaciones o diseños de página.
  • D) Administrar la tienda: Esto se utiliza para crear una tienda en línea. Ya que nuestro interés es crear un portafolio, nos saltaremos esto.
  • E) Botones dedeshacer/rehacer: Deshacer o rehacer una acción.
  • F) Ayuda: Accede a la base de datos de ayuda de Wix.
  • G) Sitio: Esta pestaña contiene una lista de submenús como "crear un nuevo sitio", "mi sitio", "conectar eldominio", etc. Nuestro único interés aquí es el "conectardominio"; otros son bastante sencillos.
  • H) Campana denotificación: Todas sus notificaciones aparecerán aquí.
  • I) Actualización: Para conectar tu dominio, necesitarás actualizar a una cuenta premium. Puedes encontrar todos los planes de actualización aquí.
  • J) Vista previa: La pestaña de vista previa le permitirá tener una vista previa de su diseño antes de publicarlo.
  • K) Publicar: Una vez que termines de diseñar el sitio web y estés contento con lo que viste en la vista previa, puedes seguir adelante y darle al botón de publicar para publicar tu portafolio web.

Área de la barra lateral: El área de la barra lateral se utiliza generalmente para mostrar información que no forma parte de la página principal. Para empezar, haz clic en una sección y se abrirá para su edición en el área de la barra lateral. Desde allí, puede cambiar los archivos multimedia como imágenes, editar texto y otras cosas.

A continuación se muestra una captura de la sección de cabecera tal y como aparece en el área de la barra lateral.

Puedes cambiar el diseño de la sección, añadir/editar el menú, añadir una membresía a tu sitio web, y mucho más desde esta área. Para añadir cualquiera de estas características a su sitio web, sólo tiene que hacer clic en la casilla de verificación junto a ella.

Echemos un vistazo a algunos de ellos:

  • Menú del sitio: Cada página que añada a su sitio web aparece aquí. Puede editar las páginas, reorganizar el orden de las páginas o eliminarlas.
  • Barra de acceso de miembros: Esta característica es para los sitios web de los miembros.
  • Nombre del negocio: El nombre comercial que eligió antes está guardado aquí. Sin embargo, todavía puede cambiar el nombre desde aquí en cualquier momento. 
  • La frase: Poner un eslogan para la página web.
  • Logotipo: Agregar un logo o cambiar uno existente.
  • Correo electrónico del sitio: Edita o añade una nueva cuenta de correo electrónico.
  • Número de teléfono: Editar o añadir un nuevo número de teléfono.
  • Botón: Le permite añadir botones como los de "Contáctenos" o "Contáctenos"..
  • Cuentas sociales: Edita o añade tus cuentas sociales.

Las opciones anteriores se incluyen en la sección de encabezado. Otras secciones tienen sus respectivas características. Haga clic en cualquier otra sección, y las características de edición aparecerán en la barra lateral.

Área de la página principal: Esta es la principal área de visualización donde puedes ver tu diseño. El visor es increíblemente intuitivo de usar. Simplemente haga clic en una sección para editar, reordenar/mover, diseñar o borrarla de su sitio web.

Puede tener tantas secciones como desee, pero le recomendamos que sea sencillo, con 5 o 6 secciones. Las secciones del encabezado y el pie de página no pueden ser movidas/ordenadas pero pueden ser editadas.

Secciones del cuerpo: A diferencia de la sección del encabezado, puedes duplicar, mover, borrar la sección del cuerpo. También puedes editarla y diseñarla. Las dos flechas de la parte superior derecha se utilizan para mover una sección hacia arriba/abajo. Mientras que la opción "mover a..." en el menú desplegable de la parte superior izquierda se utiliza para mover una sección a un área en particular.

Las secciones de pie de página/cabeza: Como mencioné antes, sólo puedes editar y diseñar la sección de pie de página.

Así que echemos un vistazo a nuestro resultado final. Para este ejemplo hemos borrado todas las páginas, dejando sólo la página principal. Nuestra página principal tiene seis secciones. 

  • La sección de cabecera
  • Sección de bienvenida
  • Sección de la galería profesional (sirvió como sección del portafolio)
  • La sección de citas
  • La sección de contacto
  • El pie de página

Usar el editor del sitio web de Wix para crear un sitio web de la cartera

Ahora que hemos visto cómo funciona el ADI de Wix, echemos un vistazo a cómo personalizar nuestro sitio web del portafolio usando el Editor de Wix. Para usar el editor del sitio web de Wix, ve a Wix y sigue todos los pasos indicados anteriormente. Esta vez, selecciona la opción "elegir una plantilla".

En la siguiente página, verás un montón de hermosas plantillas repartidas en varias páginas. Navega y elige.

Pase el cursor por encima de la plantilla que desea utilizar y haga clic en "ver" para obtener una vista previa de la plantilla, o "editar" para empezar a trabajar con la plantilla inmediatamente.

Una vez que hagas clic en el botón "editar", te llevará al editor del sitio web de Wix. El editor es bastante simple y fácil de usar; veamos algunas de las características.

En la imagen de abajo hicimos doble clic en el título para hacerlo editable, así que puedes escribir fácilmente el título de tu sitio web. Puedes cambiar el tipo de encabezado, la cara de la fuente, el tamaño de la fuente, el color de la fuente y otras opciones de formato de texto utilizando el cuadro "configuración de texto". El cuadro "configuración detexto" sólo aparece cuando deseas editar un texto.

Puedes editar el menú y las páginas, añadir un fondo y añadir medios a tu página web. Puedes hacer clic en los elementos del lienzo para editarlos.

Puedes guardar o ver una vista previa de tu página web antes de publicarla. Cuando estés listo para publicar, haz clic en el botón "publicar" en la parte superior derecha. Le recomendamos que guarde su trabajo de vez en cuando para evitar que se pierda el diseño.

Si es la primera vez que te metes en el diseño de una página web, puede que te resulte confuso. Pero el editor de Wix es tan fácil de usar que, después de jugar un poco con él, le cogerás el truco y te sentirás cómodo navegando por él.

Aquí está nuestro resultado final:

Conectar un dominio personalizado a tu Sitio Wix

Puedes conectar un dominio personalizado a tu sitio Wix desde diferentes lugares del tablero de tu sitio. Para conectar tu dominio, ve a tu cuenta en la parte superior derecha de la página. Aparecerá una ventana emergente con una llamada a la acción "Obtener un Dominio".

También puedes hacerlo visitando el menú desplegable de tu perfil o simplemente haciendo clic en "Obtener un dominio" justo ahí en tu panel de control.

Después de eso, se le presentará una opción para comprar un nuevo dominio o conectar un dominio que ya posee.

Para conectar un dominio que ya tienes, debes actualizarte a un plan premium de Wix. Adelante, actualiza tu plan si deseas conectar tu dominio ya comprado.

Si no tienes un dominio y deseas comprar uno nuevo, entonces haz clic en "comprarun nuevo dominio". ”

Escribe el nuevo dominio que quieres comprar y haz clic en el botón "buscar" para comprobar si el dominio está disponible.

Haz clic en "Conseguirlo". Te actualizarás a un plan anual que incluye un dominio gratis por un año, o comprarás el dominio y lo actualizarás más tarde.

Nota: el dominio no se asignará a su sitio web hasta que lo actualice.

Seleccione un plan para pasar al pago.

Recomendamos el plan anual para que puedas obtener un bono de dominio gratuito y otras excelentes características.

Introduzca los datos de su tarjeta y envíe su compra.

¡Felicidades! Tu plan de primas está listo y estás listo para construir tu sitio web de la cartera.


 

Cómo poner en línea su sitio web de la cartera utilizando el alojamiento web de Bluehost

Si planea utilizar WordPress (el sistema de gestión de contenidos más popular) para diseñar el sitio web de su cartera, entonces utilice Bluehost para alojar su sitio es la mejor opción para los principiantes.

En esta sección te llevaremos a través de todo el proceso de estableciendo una cuenta de hospedaje en Bluehost...registrar un dominio, instalar y activar WordPress en él. 

¿Por qué Bluehost?

Bluehost es una de las compañías de hospedaje más populares, confiables y de confianza en el mundo. Hemos usado Bluehost para alojar la animación de Bloop en sus primeros años (antes de cambiar a Kinstaque es un servicio de alojamiento más pesado dirigido a sitios web con mucho tráfico y necesidades de comercio electrónico) y ha sido la opción más rápida y asequible para muchos otros como nosotros.

Cómo crear una cuenta en Bluehost e instalar WordPress

1. Empezando

Para crear una cuenta en Bluehost, visite www.bluehost.com y haga clic en el botón "Empezarahora".

2. Seleccione un plan de hospedaje

El propósito de su proyecto determina el mejor plan de alojamiento para usted. Si estás creando un sitio web de un portafolio, probablemente deberías ...ir por el plan básico. 

Lo bueno de Bluehost es que cuando tu sitio web comienza a recibir mucho tráfico, siempre puedes actualizar a un plan superior sin ningún efecto en tu sitio web. Teniendo eso en cuenta, nos inscribiremos con el plan básico para nuestro sitio web de cartera.

Con el alojamiento compartido, que es muy utilizado y asequible, podemos instalar y activar fácilmente nuestro sitio web de WordPress. A diferencia del alojamiento del Servidor Privado Virtual (VPS), la administración del servidor y los parches de la plataforma están a cargo de los proveedores de alojamiento del alojamiento compartido. Por lo tanto, no tenemos que preocuparnos por todo eso.

Veamos los planes de alojamiento compartido de Bluehost y sus características.

3. 3. Registrar un nombre de dominio

Al principio de esta guía, repasamos la elección de un nombre de dominio. Ahora que hemos elegido un plan de alojamiento, podemos finalmente registrar ese nombre de dominio.

Afortunadamente, Bluehost te da un dominio gratis para el primer año al comprar un plan de alojamiento.

Tenemos tres opciones para elegir.

  1. Crear un nuevo dominio
  2. Usa un dominio que ya tienes. Si eliges esta opción, tendrás que dirigir los servidores de nombre de dominio al alojamiento de Bluehost. Haga clic aquí. para aprender más acerca de la creación de servidores de nombres.
  3. Saltar y crear un nombre de dominio más tarde.

Para el propósito de esta guía, iremos con la primera opción.

4. Crear su cuenta

Una vez que hagas clic en "Siguiente" después de proporcionar tu nombre de dominio, pasarás a la siguiente página donde crearás una nueva cuenta o iniciarás sesión si ya tienes una cuenta con Bluehost.

Llene la información de la cuenta y proceda al siguiente paso. 

5. Elija Información del paquete y extras.

Elige tu plan de cuentas dependiendo de tu presupuesto; puedes ir por 12 meses o más. Notarás que cuanto más largo sea el plan, más barato será el precio mensual.

Precio básico de 12 meses - $5.95/mes - $71.40/año

Precio básico de 24 meses - $4.95/mes - $118.80/año

Precio básico de 36 meses - $3.95/mes - $142.20/año

Puedes elegir cualquiera de los siguientes paquetes extra:

  • Protección de la privacidad del dominio: Cuesta $0.99 más por mes (facturado anualmente a $11.88/año). La privacidad del dominio protegerá su información personal (por ejemplo, su nombre, correo electrónico, país y dirección) de la vista del público. Esto se recomienda sólo si desea que la información de su dominio sea anónima.
  • Seguridad del sitio: Cuesta $1.99 por mes (facturado anualmente a $23.88/año). Este complemento verifica su dirección de correo electrónico, dirección física y número de teléfono. Esta característica es necesaria si usted intenta probar su credibilidad a sus clientes.
  • CodeGuard Basic: Cuesta 2,99 dólares al mes (facturado hasta el final del plazo de alojamiento). Esto proporciona una seguridad extra al permitirle hacer una copia de seguridad de su sitio web con regularidad. 
  • Inicio de las herramientas de SEO de Bluehost: Cuesta un adicional de $1.99 por mes (facturado anualmente a $23.88/año). La herramienta de SEO de Bluehost que puede ayudar a que tu sitio web se posicione en los motores de búsqueda.
  • 1 Oficina 365 Buzón: Viene gratis los primeros 30 días. Es una plataforma de correo electrónico impulsada por Microsoft.

Recomiendo añadir el paquete de privacidad del dominio. El resto son un poco exagerados para los sitios web de la cartera en mi opinión.

A continuación añadiremos nuestra información de pago y la enviaremos. Si no quieres pagar con tarjeta de crédito, puedes hacer clic en "más opciones de pago" para pagar con PayPal.

Una vez que haya introducido toda la información correctamente y haya hecho clic en "enviar", recibirá un correo electrónico de confirmación y un mensaje de felicitación. Te has inscrito en Bluehost con éxito! Haz clic en el botón "Crear cuenta" para continuar.

Bluehost suele crear un sitio para usted automáticamente después de registrarse. Sin embargo, puedes eliminar este sitio yendo a"Administrar el sitio", haz clic en"Configuración", luego baja hasta la parte inferior de la página y elimínalo..

  1. Instalación de WordPress usando el botón de "Instalación con un solo clic" de Bluehost

Después de registrarse en Bluehost, lo siguiente que hay que hacer es instalar y activar WordPress. Con la "Instalación con un solo clic" de Bluehost para WordPress, puedes instalar WordPress sin problemas con un solo clic y en poco tiempo.

a) Acceda a su cuenta de Bluehost. Desde tu panel de control, haz clic en "Mis sitios", y luego en "Crear sitio".

b) Introduce un nombre y un eslogan para tu nuevo sitio de WordPress y haz clic en "Siguiente".

c) Si ha registrado un dominio, en la flecha desplegable, elija un dominio que desee utilizar para el sitio web de su cartera. Asegúrate de desmarcar las casillas de los plugins que no necesites. 

Escribe tu nombre de usuario y contraseña de WordPress, y haz clic en el enlace "Entrar enWordPress" para continuar.

Ahora que hemos terminado con la instalación de WordPress, necesitamos conseguir una plantilla para diseñar el aspecto real del sitio web. Cubriremos eso extensamente en paso 3.


Cómo poner en línea el sitio web de tu portafolio usando Kinsta

Kinsta es un servicio de alojamiento de Wordpress de primera calidad. Es el más rápido y seguro que hemos encontrado, y tiene un excelente servicio al cliente. Simplemente no puedo recomendarlos lo suficiente.

No son baratos, con el plan más barato a partir de 30 dólares al mes, pero valen más que la pena.

Todos los planes vienen con una migración gratuita a Wordpress, lo que significa que Kinsta transferirá todo tu sitio web por usted desde su anterior servicio de alojamiento, y lo configurará todo para usted.

Sus planes también incluyen un CDN gratuito, copias de seguridad diarias automáticas, un excelente soporte 24/7 y un certificado SSL gratuito. La mayoría de los servicios de hospedaje cobran por este tipo de complementos.

Después de elegir un plan, simplemente pasa por el proceso de compra, y la amable gente de Kinsta te guiará a través del resto del proceso.

Una vez que su sitio web de Wordpress está configurado, el resto del proceso de diseño de su sitio web es el mismo que cualquier otro servicio de alojamiento, y vamos a cubrir eso en el paso 3.

Paso 3: Diseñe su portafolio web en Wordpress usando un tema (gratis / pagado)

En esta parte trabajaremos en WordPress para mostrar cómo conseguir y configurar un nuevo tema. Empezaremos con la instalación de un tema en blanco (que en realidad cubrimos en el paso 2), hasta la instalación de algunos temas gratuitos y premium.

Si estás alojando tu sitio web de WordPress en Bluehost o en otros proveedores de alojamiento, tienes la libertad de usar cualquier tema (tanto gratuito como de pago) para tu sitio web. Recomendamos que te mantengas alejado de los temas anulados o agrietados para evitar instalar archivos maliciosos en tu sitio web, haciéndolo así vulnerable a la piratería.

Tema X - nuestro tema premium más recomendado

Antes de cubrir algunos temas recomendados, gratuitos y de pago, queremos mostrarles cómo establecer lo que consideramos que es uno de los mejores temas que hay - X. Es el tema que usamos en Bloop Animation, y mi tema de ir a la x cada vez que creo un sitio web.

X está hecho por themco. Hacen dos versiones del tema: X, y Pro. Pro es sólo una versión más personalizable de X. Para la mayoría de la gente recomendaría seguir con X.

Para conseguir X, pensé, tendremos que ir a Themeforest.

Obteniendo temas premium de WordPress de Themeforest

Hay muchos sitios web de confianza con temas premium, pero recomendamos Themeforest. Themeforest es el proveedor de temas premium número 1, y tienen un tema para casi cualquier propósito, incluyendo sitios web de portafolio.

Así que vamos a ir a themeforest.net. En el cuadro de búsqueda, escriba "x tema" y haga clic en Buscar.

El primer resultado debería ser el tema que buscamos. Haz clic en el icono del carrito de la compra para añadirlo al carrito.

Aparecerá una ventana emergente con opciones para elegir entre la Licencia Regular y la Licencia Extendida, y entre 6 y 12 meses de soporte. Para este proyecto, vamos con las licencias regulares con un plan de soporte de 12 meses, que cuesta 35.38 dólares en total.

Para continuar, haga clic en Agregar al carrito y luego en Ir a la caja.

Después de hacer clic en Pago seguro, deberá crear una cuenta o iniciar sesión en una cuenta existente, si la tiene.

Elija un nombre de usuario y una contraseña para crear una cuenta y continuar.

A continuación, complete sus datos de facturación y haga clic en guardar y continuar.

Elija una opción de pago y complete la transacción. Hay una opción de tarjeta de crédito, Paypal o Skrill.

Una vez que su pago sea confirmado, recibirá un correo electrónico de confirmación de ThemeForest. El tema será añadido a tu cuenta de ThemeForest.

Acceso y descarga de sus temas después de la compra

Una vez que hayas comprado el tema X, deberás descargar el archivo del tema antes de instalarlo en tu alojamiento Bluehost, donde ya has activado WordPress.

Para ello, entra en tu cuenta del Bosque Temático, pasa el cursor por encima de tu nombre de usuario en la parte superior derecha y haz clic en descargas .

En la página de descargas, verás todos los temas y artículos que compraste en ThemeForest. Haz clic en el botón de descarga que aparece junto al tema x y luego selecciona Archivo instalable de WordPress sólo para descargar el tema. Descargará el archivo en formato zip.

Instalando el tema

Después de descargar los archivos del tema de tu cuenta del Bosque Temático, ingresa a tu cuenta de WordPress que instalaste en Bluehost. Una vez que hayas iniciado sesión, pasa el ratón por encima de la sección "Apariencia" y selecciona el submenú "Temas".

En la siguiente página, haz clic en Agregar nuevo.

Luego haga clic en Subir tema.

Instala el archivo del tema seleccionando la opción Elegir archivo. Localiza y selecciona el archivo zip que acabas de descargar.

Haz clic en el botón Instalar ahora para instalar el tema.

Tardará unos segundos o minutos en instalarse, dependiendo de su conexión a Internet. Una vez que la instalación se haya realizado con éxito, verás un mensaje como este:

Haz clic en activar para activar el tema. Serás redirigido al panel de control del tema.

Validar su tema

Para validar el "tema x", envíe el código de licencia que viene con su compra para su verificación.

Para obtener la llave de compra del Bosque Temático, sigue estos pasos:

  1. Ingrese a su cuenta y haga clic en su nombre de cuenta en la sección superior derecha de la pantalla.
  2.  En el menú desplegable, haga clic en "Descargas".
  3. Haga clic en el botón "Descargar" junto al "tema x".
  4. Y luego, haga clic en "Certificado de licencia y código de compra" en el menú desplegable para descargar el archivo de texto de información del producto.

Busque el código de compra del artículo en el archivo de texto, y encontrará la clave de compra para usar en la validación del producto.

Ahora que tienes la licencia del producto, ve a la instalación de WordPress y accede a la página de validación del producto de la siguiente manera:

Ve a X > Validación.

Verás un campo de entrada donde añades el número de licencia y pulsas enter:

Si todo va bien, recibirás un mensaje de éxito. Ahora, instala el plugin requerido de Cornerstone.

Haz clic en X para ir al tema X, tablero de mandos. Haz clic en la nube de diseño de lanzamiento.

En la nube de Diseño, verás muchos temas creativos y hermosos. Elige el que te guste y haz clic en Instalar.

Visite su sitio web para ver cómo se ve con la plantilla que eligió:

Ahora puedes ir al personalizador para añadir tus propias imágenes y personalizar el sitio web a tu gusto. También puedes cambiar el tema si no te gusta.

Temas recomendados para el sitio web de su cartera (premium)

El tema X es, con mucho, uno de los mejores que hay, pero no es el único. Hay muchos otros temas flexibles y de gran apariencia que puedes usar, así que volvamos a Themeforest y revisemos algunos de ellos.

Con más de 48,600 temas en sus listas, encontrar el tema perfecto para un proyecto sobre Themeforest puede ser difícil de intimidar para los desinformados.

Afortunadamente para usted, hemos hecho la investigación por usted y hemos encontrado 10 grandes opciones para un sitio web de portafolio.

Avada por ThemeFusion ($60)

Avada es el tema de venta número uno de todos los tiempos en todos los mercados populares de temas de WordPress con más de 600,000 ventas y contando.

También es el tema de WordPress multipropósito más utilizado en este momento. Construido por la compañía ThemeFusion, Avada utiliza un Fusion Builder de arrastrar y soltar para que la personalización del sitio web sea sencilla incluso para aquellos que no tienen experiencia en la codificación única.

Después de instalar el tema Avada (la instalación del tema se hace de la misma manera que instalamos el tema X), ve a la pestaña Demo si quieres instalar una de sus plantillas de demostración como punto de partida.

Pase el cursor por encima de cualquier plantilla de demostración, haga clic en Previsualización para ver la vista previa en vivo; si le gusta, haga clic en Importar para importar la plantilla. Puedes importar tantas demostraciones como quieras; sólo tienes que activar la que quieras usar en cualquier momento.

Una vez que haga clic en Instalar, un pop-up le mostrará los plugins necesarios para importar los contenidos. Instala y activa todos los plugins necesarios. Después de eso, marca la casilla All para importar el contenido de la demo de la plantilla seleccionada. A continuación, haz clic enImportar.

¡Felicidades! Has importado con éxito la plantilla de demostración, ahora abre una nueva pestaña en tu navegador y escribe tu dominio para ver cómo es tu nuevo sitio web.

The7 de Dream-Theme ($39)

The7 es otro de los temas más vendidos en Themeforest en este momento. Presenta una integración completa y perfecta con el Constructor de Páginas de WPBakery (antes Visual Composer) y Ultimate Addons.

Con más de 1000 opciones de temas, casi cualquier diseño imaginable puede ser creado con el tema The7. La función de Asistente de Diseño te permite crear un sitio web profesional en cuestión de minutos.

Los siguientes plugins premium están incluidos en el tema de The7. 

  • WPBakery Page Builder (antes Visual Composer)
  • Últimas adiciones
  • La revolución del deslizador
  • Deslizador de capas
  • Ir a las tablas de precios
  • ConvertPlus

También es totalmente compatible con los plugins más comunes como WooCommerce, Yoast SEO, etc.

Betheme de Muffingroup ($59)

Con más de 500 sitios web pre-construidos y una instalación de un solo clic, Betheme te da posibilidades ilimitadas. Betheme es muy adecuado para los sitios web de la cartera. Con su función de arrastrar y soltar, cualquiera (incluyendo aquellos sin experiencia en programación) puede construir fácilmente sitios web de aspecto profesional con él.

Impreza de UpSolution ($39)

Con Impreza...no hay límite para lo que puedes personalizar para alinearlo con tus necesidades específicas. Es un ajuste perfecto para un sitio web de la cartera. Incluido con más de 220 demostraciones de páginas web prefabricadas, Impreza también viene con un constructor visual de arrastrar y soltar y un instalador de demostraciones de un solo clic.

Puente de QODE ($59) 

Puente es un tema de WordPress multipropósito para la retina con más de 500 demostraciones y constructores de 2 páginas construidos en el marco convincente y flexible de QODE.

Cualquiera de los sitios de demostración de ejemplo puede ser importado sin problemas al elegir su diseño o estilo favorito, y luego importar páginas y configuraciones con la función de importación con un solo clic. Con el tema de Bridge, puedes tener un sitio web completamente equipado instalado y funcionando en pocos minutos.

Enganchado por Kriesi ($59)

Enganche es un tema de WordPress limpio, súper flexible y totalmente sensible de Kriesi. Enfold puede ser usado para diseñar cualquier tipo de sitio web, desde sitios web de portafolios limpios, sitios web de negocios, sitios web de agencias, tiendas en línea y mucho más. Construido sobre el marco de Avia, Enfold ofrece un plugin multi-idioma que incluye más de 20 idiomas.

Júpiter X por artbees ($59)

Júpiter X es tu tema "todo en uno" para crear sitios web perfectos de píxeles fáciles y rápidos. Incluido con el creador de páginas de Elementor (el líder mundial en la creación de páginas de WordPress), puedes personalizar Jupiter X directamente usando el personalizador de WordPress. Además, ahora puedes construir tus propios encabezados y pies de página sin esfuerzo usando los editores visuales.

Con más de 300 plantillas de sitios web prefabricados, Júpiter X también viene con cientos de plantillas de bloques de páginas para ahorrar tiempo e inspirarse. Cada mes se lanzan nuevos sitios web y plantillas de bloques para Júpiter X.

Descifrado por undsgn ($59)

Descifrar es un tema de WordPress creativo y perfecto. Está basado en una versión personalizada y mejorada del popular Constructor de Páginas de WPBakery. Uncode es un tema multipropósito, ordenado, flexible y adecuado para cada diseño de sitio web. Puede ser usado para un sitio web de cartera, agencia, freelance, negocios, servicios, inicio, fotografía, evento, artista, música, etc.

Con más de 70 diseños de demostración diseñados profesionalmente, puedes importar y personalizar a tu gusto. Además, con el plugin Uncode Wireframes, también puedes importar más de 400 plantillas de secciones que pueden combinarse para crear un sitio web completo o una página de destino independiente. Puedes construir virtualmente cualquier cosa que quieras sin tocar o incluso sin ver una sola línea de código.

TheGem por temas del Codex ($59)

TheGem es un tema de WordPress multipropósito, sensible y de alto rendimiento con un diseño artístico moderno que se adapta a todos los usos creativos del diseño web.

Diseñado y desarrollado por CodexThemes, TheGem es una caja de herramientas para la construcción de páginas web con elementos de diseño, estilos y características. Puedes construir un sitio web impresionante, profesional y de alto rendimiento en unos pocos minutos sin siquiera saber cómo codificar.

Está empaquetado con más de 40 conceptos de diseño multiusos distintivos, 150 magníficas páginas de demostración, 8 configuraciones de navegación en más de 20 estilos y diseños de página flexibles. Es perfecto para construir un sitio web de portafolio y cualquier otro tipo de sitio en pocos minutos.

La Gema se construye con pasión creativa en el corazón con deslumbrantes diseños ingeniosos, y a toda persona artística le encantará.

Temas recomendados para el sitio web de su cartera (gratis)

Aparte de todos los temas premium/pagos listados arriba, hay temas gratuitos que puedes usar para crear un hermoso sitio web de portafolio.

Una vez que instales WordPress en tu cuenta de alojamiento, tendrás acceso a los numerosos temas gratuitos de WordPress.

Cómo encontrar un tema gratis desde tu cuenta de WordPress

Para utilizar un tema gratuito, tendrás que encontrar el tema iniciando sesión en tu cuenta de WordPress. Pasa el cursor por encima de " Aparición " y haz clic en " Temas".

En la página de Temas, haga clic en "Añadir nuevo". ”

En la página"Añadir nuevo", puedes ver los temas destacados, y aún hay mucho más. De hecho, puedes filtrar los temas para conseguir lo que quieres.

Usando el menú de filtro, podemos filtrar los temas por: Popular, Último y Favoritos. Con sólo un clic en el filtro "Últimos" se obtuvieron 7,656 resultados de temas:

Si tiene en mente un nicho preferido, puede usar el cuadro de búsqueda. Así, para encontrar un tema del portafolio, puedes hacer clic en la pestaña "Destacado", o escribir "portafolio" en el cuadro de búsqueda para ver todos los temas del portafolio. La búsqueda arrojó 863 resultados de temas.

Puedes elegir limitar más la búsqueda mediante la pestaña Filtro de características.

Típicamente, usar esa pestaña la mayoría de las veces es innecesario, especialmente si eres un principiante. Aún así, no hay nada malo en probarlo. Seleccionemos Portafolio bajo el título de Tema, y Tres columnas bajo el título de Diseño, y luego hagamos clic en Aplicar filtros.

Después de eso, nos quedamos con 346 temas. 

Por último, con el cuadro de búsqueda de temas , puedes buscar un tema si ya conoces el nombre. Busquemos Gridster-Lite; ese es el tema libre que usaremos en este ejemplo.

Nuestra búsqueda arrojó tres resultados; usaremos el primero.

Ahora que has visto cómo filtrar temas libres para obtener el tema deseado en WordPress. Veamos cómo diseñar un sitio web de portafolio usando uno de los temas libres, Gridster-Lite.

Usando el tema libre de Gridster-Lite

En esta parte, aprenderemos a diseñar un sitio web de portafolio usando el tema gratuito de Gridster-Lite de WordPress.

Habiendo buscado y encontrado el tema, pase el cursor sobre él y haga clic en Instalar. Puedes ver una vista previa para ver cómo será nuestro sitio web.

Una vez instalado, haga clic en Activar .

Veamos cómo se ve nuestro sitio web con el nuevo tema:

Paso 4: Añadir tu demo-reel

Muchos de los temas que cubrimos tienen constructores de páginas o plantillas únicas que puedes importar para crear sitios web de portafolio de gran apariencia.

Sin embargo, quería asegurarme de que supieras cómo crear una página, añadirle tu demo y establecerla como tu página de inicio por defecto, en caso de que quisieras hacer las cosas por ti mismo.

Así que primero, vamos a añadir una nueva página:

Entonces serás dirigido al editor de la página, probablemente usando el editor de bloques. El editor de bloques es una forma muy agradable de construir páginas en Wordpress sin usar ningún tema o plugin. Llamemos a nuestra página "Home".

El editor de bloques te permite construir páginas con "bloques", que son básicamente piezas diferentes de una página, creadas con ajustes predeterminados. Pueden ser trozos de texto, o en nuestro caso, un vídeo incrustado.

Haga clic en el signo más para añadir un nuevo bloque:

Entonces aparecerá el bloque usado más recientemente, pero podemos navegar por todos los diferentes bloques o buscar el que queramos.

Sabemos que queremos añadir un vídeo a esta página, así que escribamos "vídeo" en la barra de búsqueda:

Se nos presentan algunas opciones diferentes para incrustar nuestro video. En este caso elegiremos Vimeo, pero también puedes usar YouTube y otros.

Después de elegir Vimeo, entraremos en la URL de nuestro demo reel de Vimeo y haremos clic en "Embed".

Nuestro demo reel fue añadido a la página.

Ahora vamos a establecer esta página como nuestra página de inicio por defecto.

Ve a Ajustes -> Lectura:

Selecciona una página estática para que se muestre como tu página de inicio, y elige la página que acabamos de crear (llamada "home").

Ahora, cuando vayamos a nuestra página web, esto es lo que veremos en nuestro demo, al frente y al centro.

Sí, el diseño no es nada para escribir en casa, pero ahora ya sabes cómo crear y editar tu página de inicio. Intenta explorar otros bloques, plantillas y creadores de páginas para encontrar el que funciona para ti!

Paso 5: Pautas de diseño de sitios web

Ahora que sabemos cómo construir un sitio web de portafolio, quiero hablar un poco sobre algunos conceptos básicos de diseño para mantenerte en el camino correcto para crear un sitio web de gran apariencia, pero también efectivo.

Lo primero que debes tener en cuenta es mantenerlo simple. Repite este mantra durante todo el tiempo que trabajes en tu sitio.

Si no tienes experiencia en diseño, tu tendencia será probablemente la de sobrecomplicar las cosas, añadir más información de la necesaria, y añadir tantos elementos como puedas. Especialmente porque estas plataformas de plantillas ofrecen tantas opciones geniales. Puede que pienses que es una gran idea incluir un widget de mapas con tu ubicación en la página de inicio, pero no es una gran idea. Limítate a lo básico.

Lo más importante, recuerda para quién estás haciendo este sitio. No lo estás haciendo para ti mismo, ya sabes todo sobre ti. Lo estás haciendo para gente de la industria que quiere saber más sobre ti. Quieren una breve información sobre usted, ver algo de su trabajo, y una forma de contactarlo. Eso es todo. Cualquier cosa que no sea eso probablemente sea innecesaria.

Una sola página vs. varias páginas

Hay dos enfoques comunes para un sitio web de carteras personales. El diseño de una sola página y el de varias páginas.

Un sitio web de una sola página es una sola página web con un montón de elementos de menú en la parte superior que conducen a diferentes partes de la página, por lo que el espectador se mantiene en la misma página todo el tiempo.

Un sitio web de varias páginas es cuando se divide el sitio web en páginas individuales, una para cada propósito. Como una página de contacto, o una biografía. Entonces el menú de navegación te transfiere a la página apropiada.

Elegir un diseño es tu elección, es una cuestión de gustos, pero si no tienes muchas cosas que poner en el sitio, o si no puedes decidirte, la opción más segura es ir con un diseño de una sola página.

Es la opción más considerada para sus lectores, ya que les facilita la obtención de toda la información que necesitan en un solo lugar. Personalmente creo que es la mejor opción.

En realidad... usé un diseño multipágina para mi propia página web de portafolio, porque tenía mucho que escribir en cada sección, tenía una página para mis cortometrajes, una página con mi biografía personal, y quería una opción de menú dedicada para enlazar con mi blog en bloopanimation.com.

Pero a pesar de que usé una página múltiple, traté mi página principal como una mini página de diseño, incluyendo una imagen, un breve titular que resume quién soy, un párrafo más largo con una biografía más detallada, un enlace a mi blog y una lista de mis cortometrajes.

De esa manera, si alguien salta al sitio y no quiere empezar a navegar, todavía puede obtener toda la información de esa página.

Respeto mucho el tiempo de mis lectores y quiero asegurarme de que hago todo lo posible para facilitarles la tarea cuando se toman el tiempo de investigar lo que hago.

Metas

Asegúrate de saber cuál es el objetivo de tu sitio web. Mis objetivos con el sitio web pueden ser diferentes a los tuyos.

Estoy tratando de dar información básica sobre mí y posicionarme como director de animación. Ya no estoy tratando de ser contratado como animador, así que ni siquiera tengo mi demo reel en el sitio.

Solía hacerlo, cuando todavía trabajaba en los estudios, y por aquel entonces lo primero que se veía en mi página web era un gran vídeo de mi demo reel, esperando a que hicieras clic para verlo. Lo hice porque sabía que las personas que visitan el sitio son probablemente de un estudio que está considerando contratarme, así que quise facilitarles lo más posible la posibilidad de ver mi trabajo.

Trabaja en tu página web para que ofrezca lo que más le interesa a tus lectores. Pon esa cosa al frente y al centro.

Conclusión + Recursos

Gracias por seguir esta enorme guía, espero que haya sido de ayuda.

Para su conveniencia, he reunido todos los diferentes recursos mencionados en esta guía a continuación, para que pueda consultarlos en cualquier momento.

¡Buena suerte con tu trabajo!

Recursos:

Alojamiento del sitio web

  • Wix.com: Para los principiantes que quieren una solución prefabricada fácil de usar.
  • Bluehost: Para los que quieren más control, pero no quieren gastar mucho dinero.
  • Kinsta: Para los que quieren la solución premium más avanzada, y no les importa pagar por ella.

Temas

Artículos