Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo crear un sitio web de porfolio en línea en WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quiere crear un sitio web de porfolios en WordPress?

Los currículos y los perfiles de LinkedIn están muy bien, pero a menudo no bastan para llamar la atención de los clientes potenciales. Para causar impacto, necesitas un porfolio online que muestre tus mejores trabajos de forma profesional y atractiva.

No te preocupes si no eres un experto en tecnología, porque estamos aquí para ayudarte.

En este artículo, le mostraremos cómo crear fácilmente un sitio web de porfolio en línea en WordPress, paso a paso.

How to create an online portfolio website in WordPress

¿Por qué necesita un sitio web para su porfolio?

Dondequiera que se reúna con sus clientes potenciales, necesita un sitio de porfolios en línea al que dirigirlos.

En lugar de buscar a tientas muestras de trabajos anteriores, puede enviar con confianza a sus clientes potenciales o futuros empleadores a su impresionante porfolio en línea.

Considérelo su tarjeta de visita digital.

Los porfolios son activos para todos, incluidos autónomos, solicitantes de empleo y pequeñas empresas.

Example of portfolio website

Puede que pienses que un porfolio es solo para artistas o creativos, pero eso no es cierto. Sirven para cualquier profesión, ya seas diseñador gráfico, escritor o desarrollador.

Es una oportunidad para dar lo mejor de ti en tu sector. En pocas palabras, el porfolio de su sitio web le ayuda a destacar entre la multitud y a generar confianza. Cuando diseñas un sitio web con un porfolio profesional, ganas credibilidad al instante y demuestras tu experiencia.

Además, puede optimizar su sitio para los motores de búsqueda basándose en palabras clave específicas para que le encuentre más gente.

Cómo crear un sitio web de porfolios en WordPress con SeedProd

No necesitas aprender código ni escribir HTML para crear el sitio de tu porfolio. Simplemente siga nuestras instrucciones paso a paso, y su sitio web estará listo y funcionando en cuestión de minutos.

1. Elija un alojamiento para WordPress

Para empezar, necesita un nombre de dominio y un alojamiento web. El alojamiento web almacena los archivos de su sitio web y es su página de inicio en Internet.

Un buen alojamiento web debe ser lo suficientemente escalable como para gestionar sitios exigentes, ofrecer soporte en caso de que algo vaya mal, tomarse en serio la seguridad web y tener características que le mantengan a salvo.

También debe buscar los proveedores de alojamiento de WordPress más rápidos, que ayuden a que su sitio se cargue rápidamente.

Hostinger es la mejor opción para las pequeñas empresas que desean un alojamiento asequible y fácil de usar para principiantes.

Afortunadamente, Hostinger ha accedido a ofrecer a nuestros lectores un nombre de dominio gratis y hasta un 78% de descuento en alojamiento WordPress. Puedes empezar por solo 2,69 dólares al mes.

Para establecerse con Hostinger en unos minutos, sólo tiene que hacer clic en este botón:

Si necesita ayuda para registrarse en Hostinger, marque / compruebe nuestra entrada sobre cómo obtener un nombre de dominio gratuito, donde encontrará un tutorial paso a paso.

Una vez que te hayas registrado y hayas establecido tu plan de alojamiento, sólo tienes que ir a tu panel de control y seleccionar la pestaña “Dominios”.

A partir de ahí, tendrá que introducir un nuevo nombre de dominio.

Hostinger get a domain

Se le indicará que cree un nuevo sitio web o que migre un sitio web existente.

Por el bien de este tutorial, puede hacer clic en “Omitir, crear un sitio web vacío”.

Skip website hostinger

A continuación, haga clic en el botón “Seleccionar” situado debajo de “Solicitar un dominio gratuito”.

Sólo tiene que introducir el nombre de dominio que desea utilizar para su sitio web de porfolio.

Claim free domain

Si necesitas ayuda para decidirte por un nombre de dominio, WPBeginner ofrece un generador de nombres de empresa gratuito que te ayudará a encontrar un nombre de empresa fácil de leer y promocionar en Internet.

Por supuesto, si estás creando un porfolio personal, lo más fácil sería utilizar tu nombre y apellidos como nombre de dominio. Si está cogido, puedes añadir tu profesión junto con tu nombre de pila.

Por ejemplo, si johndoe.com está ocupado, podría encontrar johndoephotography.com o janedoewriter.com.

Lo ideal es utilizar una extensión de dominio.com, ya que es la más reconocible y fiable para las pequeñas empresas.

2. Instalar WordPress

Uno de los errores más comunes que cometen la mayoría de los principiantes es elegir la plataforma de sitio web equivocada. Muchos autónomos o propietarios de pequeñas empresas se decantan por Squarespace o Wix.

Aunque son fáciles de usar, carecen de muchísima funcionalidad, personalización y control.

Utilizar un sistema de gestión de contenidos como WordPress te ofrece mucha más flexibilidad, con miles de diseños y extensiones para el sitio de tu porfolio. WordPress es gratuito, de código abierto y cuenta con miles de extensiones y diseños de sitios web prediseñados.

Con los plugins y temas de WordPress adecuados, también obtendrás el mismo maquetador de arrastrar y soltar que hace que plataformas como Squarespace o Wix sean tan fáciles de usar.

Tanto si utilizas Hostinger como otro servicio de alojamiento de WordPress como WPEngine o Bluehost, puedes seguir nuestra guía sobre cómo instalar WordPress para obtener instrucciones detalladas paso a paso.

A continuación, en el panel de control de Hostinger, haga clic en el botón “Panel de administración” con el logotipo de WordPress para acceder al panel de control de su sitio web WordPress.

También puede ir a yoursite.com/wp-admin directamente en su navegador / explorador.

3. Elija un tema para su porfolio

Una vez que hayas establecido tu WordPress, estarás listo para personalizar el diseño de tu sitio web eligiendo un tema y creando nuevas páginas.

En este tutorial, utilizaremos SeedProd para crear un tema específico para sitios web de porfolios.

SeedProd es el mejor maquetador de páginas de WordPress del mercado. Te permite crear rápida y fácilmente cualquier tipo de página sin escribir una sola línea de código.

Si quieres hacer un sitio web de porfolio para conseguir clientes potenciales, iniciar un blog de WordPress, o una tienda online, SeedProd es una solución integral que te ofrece plantillas adaptadas a tus necesidades.

Deberás instalar y activar el plugin SeedProd. Para obtener más ayuda, consulte nuestra guía detallada sobre cómo instalar un plugin de WordPress.

Tras la instalación, se le indicará que complete el asistente de configuración. Puede hacer clic en “Empezar” y seguir las instrucciones paso a paso para que SeedProd pueda configurar el plugin para que se adapte mejor a sus necesidades.

SeedProd setup wizard

Cuando haya completado el asistente de configuración, diríjase a SeedProd ≫ Ajustes e introduzca su clave de licencia. Puedes encontrar tu clave de licencia en la página de tus cuentas en el sitio web de SeedProd.

Después de introducir la información, haga clic en el botón “Verificar clave”.

Verify key for SeedProd

Ahora tendrá acceso a todas las características de SeedProd.

4. Construya la página de destino de su porfolio

A continuación, vaya a SeedProd ≫ Maquetador de temas.

Desde ahí, selecciona el botón naranja que dice ‘Kits de plantillas de temas’.

SeedProd theme builder

Accederás a una página con una biblioteca de temas de WordPress para elegir. Escribe “porfolio” en la barra de búsqueda y selecciona la plantilla de tema que mejor se adapte a la idea de tu sitio web.

Además, es posible que desee buscar otras palabras clave si usted está en un nicho específico. Por ejemplo, si eres un agente inmobiliario, puedes encontrar temas de WordPress para inmobiliarias en SeedProd.

Elegiremos el tema ‘Freelance Portfolio’, pero no dudes en elegir cualquier tema que se adapte a tus necesidades.

Online portfolio theme in SeedProd

Vamos a crear un sitio de porfolio de una sola página, donde la página de su porfolio se encuentra en la página principal de su sitio web. Esto le permite tener su sitio de porfolio en funcionamiento rápidamente sin la molestia de diseñar varias páginas.

En el escritorio de WordPress, dirígete a Ajustes ≫ Lectura. A continuación de la página de inicio, selecciona el menú desplegable “Portafolio” para que la página de tu portafolio sea tu página de inicio.

Set portfolio page as homepage

A continuación, volver a SeedProd ≫ Theme Builder, y verá un encabezado de todas las páginas dentro del tema.

Desplácese hacia abajo y pase el cursor por encima de la página “Porfolio”. A continuación, haga clic en “Editar diseño”.

Edit portfolio page

5. Editar el sitio web del porfolio

Ahora es el momento de editar el contenido y hacerlo tuyo. Serás enviado al maquetador de páginas visual de arrastrar y soltar de SeedProd. Hay un montón de widgets estándar y avanzadas para elegir, como un titular, texto, lista, cabecera, imagen destacada, y así sucesivamente.

Sólo tienes que arrastrar el widget que desees y moverlo al lugar exacto en el que quieras ese elemento.

Widgets in SeedProd

También puede personalizar el fondo a su gusto eligiendo un color sólido, un color degradado o una imagen de fondo.

Sólo tiene que hacer clic en el recuadro de la capa exterior y, en “Contenido”, en el menú de la barra lateral, verá opciones para personalizar su fondo.

Background in SeedProd

Si necesita ayuda para trabajar con la interfaz de SeedProd, puede ver nuestros tutoriales en vídeo de SeedProd.

Al editar el contenido de la página principal de su porfolio, hay varios componentes clave que debe incluir, como:

Fuerte llamada a la acción (CTA): Los sitios de porfolio deben tener una llamada a la acción clara que permita a los visitantes contratarle o ponerse en contacto con usted. El botón de llamada a la acción debe colocarse antes de desplazarse y en la parte inferior de la página.

Busca el cuadro “Botón” en el menú de la izquierda y arrástralo a tu página de la derecha.

Call to action in SeedProd

Al editar cualquier elemento, debe hacer clic en el elemento o área específicos que desee personalizar.

A continuación, las opciones de ese bloque aparecen a la izquierda. Como puede ver a continuación, la pestaña Contenido le permite editar el texto del botón y enlazarlo a su página de contacto o incluso a un formulario incrustado más abajo en esta misma página.

La pestaña “Plantillas” le permite elegir el estilo del botón, y la pestaña Avanzado le permite cambiar el relleno, las fuentes, etc.

Edit button SeedProd

Los servicios que ofrece: Los visitantes quieren saber qué ofreces para estar seguros de que puedes hacer lo que buscan. Por ejemplo, como desarrollador de WordPress, ¿codificas plugins personalizados, ofreces personalizaciones de sitios web o creas sitios web desde cero?

Para crear una sección de servicios, basta con añadir un widget de columna e insertar un cuadro de icono para cada servicio que ofrecemos.

A continuación, puede personalizar el texto y los iconos según sus necesidades, al hacer clic en el elemento y utilizar la barra lateral.

Services page in SeedProd

Sección Acerca de mí: Los clientes potenciales también quieren saber más acerca de sus antecedentes y experiencia. Esta es una oportunidad para establecer una conexión con la gente y mostrar por qué te apasiona lo que haces.

Para crear una sección Acerca de mí, basta con añadir el widget “Caja de imágenes” a la página. A continuación, añade una foto tuya y escribe una descripción que hable más acerca de ti.

Si está creando un porfolio para una empresa o marca, podría utilizar su logotipo personalizado aquí en su lugar.

Author bio in SeedProd

Testimonios: Ofrecer testimonios de clientes anteriores ayuda a generar confianza, sobre todo si has trabajado con marcas de renombre. Ver que otras personas están satisfechas con tu trabajo da a los demás la confianza de que tú también puedes hacer un gran trabajo.

Sólo tienes que añadir el widget Testimonios a tu página. A continuación, puedes añadir una foto del cliente y editar su nombre y su testimonio. Si quieres añadir más reseñas, haz clic en el icono “Duplicar” que aparece al lado del nombre de la persona.

Duplicate testimonials in SeedProd

6. Añada una galería para mostrar ejemplos de su trabajo

Crear un sitio web de porfolio te da la oportunidad de mostrar todo el trabajo impresionante que has hecho. Cuando los clientes potenciales vean de lo que eres capaz, confiarán en que eres la persona adecuada para el trabajo.

Para ello, vamos a utilizar Envira Gallery, que es el mejor plugin de WordPress para galerías. Aunque puedes usar el widget ‘Advanced Gallery’ de SeedProd, Envira Gallery te da más funcionalidad.

Por ejemplo, viene con imágenes de caja de luz, lo que significa que cuando alguien hace clic en una foto, automáticamente se muestran las dimensiones completas sin necesidad de recortarlas o redimensionarlas. Incluso puedes añadir pases de diapositivas y organizar tus galerías en álbumes para clasificar mejor tu trabajo.

En primer lugar, instale y active el plugin Envira Gallery. Puede seguir nuestra guía sobre cómo instalar un plugin de WordPress para obtener instrucciones detalladas.

Dirígete a Envira Gallery ≫ Añadir nuevo en el escritorio de WordPress. A continuación, ponle un nombre a tu galería en la barra de título. A partir de ahí, haz clic en “Buscar archivos de tu ordenador” para añadir imágenes de tus proyectos de porfolio.

Add new gallery Envira Gallery

Una vez subidos los elementos del porfolio, desplácese hacia abajo y seleccione la pestaña “Configuración”.

Aquí puede cambiar el número de columnas de la galería que desea mostrar. Si lo estableces en “Automático”, el número de imágenes llenará automáticamente cada fila.

Configurations in Envira Gallery

Si desea cambiar el tamaño de las imágenes, desplácese hacia abajo en la pestaña “Configuración” y busque la opción Tamaño de imagen.

Seleccione el tamaño que mejor muestre los elementos / artículos de su porfolio.

Image size in Envira Gallery

También puedes ajustar el tamaño de la imagen de la caja de luz para que muestre el tamaño original de la imagen cuando alguien haga clic en ella.

Ve a la pestaña ‘Caja de luz’ y ajusta el Tamaño de imagen a ‘Imagen original’.

Lightbox in Envira Gallery

Desplázate hasta la parte superior de la página y pulsa “Publicar”. Debajo del botón de publicación, verás un shortcode.

Copie el shortcode para que podamos añadir la galería a nuestra página de porfolio de WordPress.

Publish gallery in Envira Gallery

Vuelva a su página de porfolio en SeedProd. Arrastre y suelte el bloque Shortcode en cualquier lugar que desee de la página.

A continuación, basta con pegar el shortcode en la casilla “Shortcode” del menú de la barra lateral.

Shortcode in SeedProd

Si desea obtener una vista previa del shortcode, haga clic en el botón “Vista previa” situado en la esquina superior derecha de la página.

Esto le mostrará el aspecto de toda la página.

Preview portfolio website

Aquí podrá ver que su galería Envira está incrustada en su sitio de porfolio.

Con la característica de caja de luz de Envira Gallery, puede hacer clic en cada elemento para ver la imagen completa.

Recent projects in SeedProd

7. Añadir un formulario de contacto

Ahora que ya has captado a tus clientes potenciales, es hora de que se pongan en contacto contigo. Por supuesto, puedes escribirles un correo electrónico, pero los formularios de contacto les permiten enviarte un mensaje directamente sin tener que abrir su aplicación de correo electrónico.

La mejor manera de crear un formulario de contacto sencillo y profesional es con WPForms.

WPForms form builder

WPForms es el mejor maquetador de formularios de WordPress que le permite crear formularios de contacto en línea.

Para aprender a crear un sencillo formulario de contacto para su sitio web de modo que los clientes potenciales puedan ponerse en contacto con usted, sólo tiene que seguir paso a paso nuestra guía práctica sobre cómo crear un formulario de contacto en WordPress.

Una vez que haya completado el formulario, vuelva a la página de su porfolio. Puedes utilizar el widget ‘Formulario de contacto’ para añadir un formulario de WPForms. En ‘Seleccionar un formulario’, elige el que has creado.

WPForms in SeedProd

8. Hazlo en directo

Si todo tiene buena pinta, estás listo para lanzar tu sitio web.

Sólo tiene que hacer clic en la flecha situada bajo el botón verde “Guardar”, arriba a la derecha. A continuación, haga clic en “Publicar”.

Publish portfolio in SeedProd

Marque / compruebe el sitio en directo.

Debería aparecer todo, incluida la galería del porfolio, los botones y el formulario de contacto.

Portfolio website live example

Una vez que haya creado un sitio web de porfolio de aspecto profesional, estará listo para empezar a enviar más tráfico a su sitio o a alimentar a los clientes potenciales interesados.

Esperamos que este artículo te haya ayudado a aprender a crear un sitio web de porfolios en WordPress. También te recomendamos que compruebes nuestra entrada sobre cómo crear un blog en WordPress o nuestra selección de los mejores plugins de WordPress para sitios web de empresas.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

28 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    I’ve approached my portfolio as a blog. I write a tech blog about what interests me, using it as a showcase of my work. So, for me, a blog can be a great addition to a portfolio, demonstrating your skills and expertise in a way that can also be enjoyable and drive traffic to your website through search engines.

  3. Konrad says

    one more thing to save for the future, thank you guys
    wish me luck as i gather the courage to share my artworks with others :>

  4. Ram E. says

    Thanks for another detailed guide! For more complex or bigger portfolio sites, there is also the option to create custom post types for even greater flexibility in terms of features.

  5. Mikolaj says

    I’ve been in search of a great portfolio landing page for my art selling business, and it seems like SeedProd is just what I need. The simplicity and theme customization options are fantastic. Thanks for the comprehensive guide; I’m excited to give it a go!

  6. Ralph says

    Nice and easy step by step tutorial. I don’t really need portfolio however it gave me other idea. I will use similar concept for homepage of my blog. Above all newest articles i will place 3 big buttons/pics (sorry i don’t know how to describe it in english), that will lead to my youtube, podcast and blog. So more promotion for my other channels.
    Thanks for idea!

    • WPBeginner Support says

      It would depend on the theme but if you do not set a static page under Settings>Reading, most themes set the blog page as your homepage.

      Administrador

  7. Adam Michalak says

    Grate artictle, highly recommend it to anyone looking to learn how to create an online portfolio website in WordPress. In today’s competitive freelance market, having a portfolio website to display your best work is essential for standing out and attracting more clients. This step-by-step guide offers valuable insights on how to accomplish this, making it a valuable resource for those aiming to build their online presence as a professional freelancer.

    I will recommend it to my friends who are just starting to work with wordpress :)

    • WPBeginner Support says

      Thank you for your kind words and we hope whoever you recommend also finds this article helpful :)

      Administrador

  8. William Dean Dailey says

    This is the most effective and informative post I have read by you all.
    The graphics and text were easy to understand and follow through to complete the website and publish. Thank you for that. It’s the first time I have made it to publish using WordPress and am happy with the results.

  9. Sean Brady says

    I feel that developing a portfolio website with WordPress would be a great way add to display an artist discography.

  10. Sharon says

    I liked this Tutorial. Although I’m an Elementor page builder user, it’s nice to see other page builders out there and what they can do. I had a portfolio of my website at one point, but I can’t say I really liked it. I think I might try again and use some techniques from this tutorial. Thanks, WPBeginner for the useful tutorial! Awesome instructions!

  11. Alice Elliott says

    Thank you for this very detailed tutorial about how to set up a portfolio website. However, I wonder why you chose a non-wysiwyg theme within your example. If you are targeting visual people, I would think this should be far more applicable, as it would be something they could relate to much more easily.

  12. Shafqat Khan says

    I’ve been looking for a way to create a portfolio landing page for my photography business, and SeedProd seems like the perfect solution. I love how easy it is to use and customize the theme templates. Thank you for this detailed guide, I can’t wait to try it out!

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.