Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
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

Los currículos y los perfiles de LinkedIn están muy bien, pero a menudo no bastan para llamar la atención de posibles clientes y empleadores.

Según nuestra experiencia, para causar impacto necesitas un porfolio en línea que muestre tu mejor trabajo 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 paso a paso cómo crear un sitio web de porfolio en línea en WordPress.

How to create an online portfolio website in WordPress

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

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

Un porfolio en línea es como una tarjeta de visita digital.

Por ejemplo, dondequiera que se reúna con sus clientes potenciales, puede dirigirlos fácilmente al sitio web de su porfolio. Así, 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.

Example of portfolio website

Puede que pienses que un porfolio es solo para artistas o creativos, pero eso no es cierto.

Sirve para cualquier profesión, ya sea diseñador gráfico, escritor o desarrollador, y ofrece la oportunidad de dar lo mejor de sí mismo en su sector.

En pocas palabras, su sitio web de porfolio puede ayudarle a destacar entre la multitud y generar confianza. Cuando diseñas un sitio de porfolio profesional, ganas credibilidad al instante y muestras tu experiencia.

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

💡 Corto de tiempo pero necesita un impresionante sitio web de porfolio en línea para su negocio? ¡WPBeginner Pro Services puede ayudarte! Nos encargaremos de todo, desde el diseño hasta el SEO, entregando un sitio web de porfolio personalizado adaptado a sus necesidades. Obtenga nuestros servicios de diseño de sitios web de WordPress hoy!

Con esto en mente, vamos a compartir cómo crear un sitio web de porfolio en línea en WordPress.

¿Preparados? Primeros pasos.

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, necesitarás 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 bastante escalable como para gestionar sitios exigentes, ofrecer soporte si algo va mal, tomarse en serio la seguridad de la 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 un gran descuento en alojamiento WordPress. Puedes empezar por solo 2,24 dólares al mes.

Click Start Now on the Hostinger website

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

A continuación se le indicará que cree un sitio nuevo o que migre un sitio existente.

Para este tutorial, puede hacer clic en “Omitir, crear un sitio web vacío”.

Skip website hostinger

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

Sólo tiene que introducir el nombre de dominio que desee 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 la 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 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 y 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 WP Engine 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, puede hacer 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.

WP Admin Panel shortcut in Hostinger panel

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 desea crear un sitio web de porfolio para conseguir clientes potenciales, iniciar un blog de WordPress, o una tienda en línea, SeedProd es una solución integral que le ofrece plantillas adaptadas a sus necesidades.

Usted querrá instalar y activar el plugin SeedProd. Para más detalles, consulte nuestra guía 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, puede dirigirse a SeedProd ≫ Ajustes e introducir 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, siga adelante y 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, vamos a navegar a SeedProd ≫ Theme Builder.

Desde aquí, puedes seleccionar 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. Solo tienes que escribir “porfolio” en la barra de búsqueda y seleccionar 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. Esto significa que la página del porfolio forma parte de la página de inicio del sitio web. De este modo, puede poner en marcha rápidamente su sitio de porfolio sin la molestia de diseñar varias páginas.

En el escritorio de WordPress, vamos a Ajustes ≫ Lectura. A continuación de la página de inicio, seleccione el menú desplegable ‘Portafolio’ para hacer su página de porfolio su página de inicio.

Set portfolio page as homepage

A continuación, tendrá que volver a SeedProd ≫ Theme Builder, y verá una lista de todas las páginas dentro del tema.

Desde aquí, tendrás que desplazarte hacia abajo y pasar el cursor por encima de la página “Porfolio”. A continuación, haz clic en el botón “Editar diseño”.

Edit portfolio page

5. Editar el sitio web del porfolio

Ahora es el momento de editar el contenido y hacerlo tuyo.

En el maquetador visual de arrastrar y soltar de SeedProd, verás un montón de widgets “Estándar” y “Avanzados” entre los que elegir. Estos incluyen 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 con porfolios deben tener un botón de CTA claro que permita a los visitantes contratarle o ponerse en contacto con usted. El botón CTA 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.

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 ellos quieren. 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 ‘Columna’ e insertar un ‘Cuadro de iconos’ 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 tu pasión por lo que haces.

Para crear una sección “Acerca de mí”, solo tiene que añadir el widget “Caja de imágenes” a la página. A continuación, solo tienes que añadir una foto tuya y escribir una descripción que cuente más acerca de ti.

Si está creando un porfolio para una empresa o marca, puede 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 valoraciones, haz clic en el icono “Duplicar” situado junto al 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, utilizaremos Envira Gallery, que es el mejor plugin de galerías para WordPress. Aunque puedes usar el widget ‘Advanced Gallery’ de SeedProd, Envira Gallery te ofrece más funcionalidades.

Por ejemplo, viene con imágenes de “caja de luz”. Esto 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, vamos a instalar y activar el plugin Envira Gallery. Para obtener instrucciones detalladas, siga nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, puede dirigirse a Envira Gallery ≫ Añadir nuevo en el escritorio de WordPress.

Simplemente ponle un nombre a tu galería en la barra de título. A continuación, siga adelante y haga clic en “Buscar archivos de su ordenador” para añadir imágenes de sus proyectos de porfolio.

Add new gallery Envira Gallery

Una vez subidos los artículos del porfolio, desplácese hacia abajo y vaya a 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 por la pestaña “Configuración” y busque la opción “Tamaño de imagen”.

A continuación, sólo tiene que seleccionar el tamaño que mejor muestre los elementos / artículos de su porfolio.

Image size in Envira Gallery

También puede 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.

Para ello, tendrás que ir a la pestaña ‘Caja de luz’ y ajustar el tamaño de la imagen a ‘Imagen original’.

Lightbox in Envira Gallery

A continuación, desplázate hasta la parte superior de la página y pulsa “Publicar”.

Debajo del botón de publicar, verás un shortcode. Sigue adelante y copia el shortcode para añadir la galería a nuestra página de porfolio de WordPress.

Publish gallery in Envira Gallery

Ahora, volvamos a su página de porfolio en SeedProd.

El siguiente paso es arrastrar y soltar el bloque “Shortcode” en cualquier lugar de la página. A continuación, solo tienes que pegar el shortcode en el cuadro “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

WPForms es el mejor maquetador de formularios de contacto 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 completado el formulario, puede volver a la página de su porfolio.

A continuación, puedes utilizar el widget ‘Formulario de contacto’ para añadir un formulario de WPForms. En ‘Seleccionar un formulario’, simplemente 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 cómo crear un sitio web de porfolio online en WordPress. También te recomendamos que compruebes nuestras guías sobre cómo crear un boletín de noticias de pago y cómo enlazar una página de biografía.

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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

27 comentariosLeave a Reply

  1. Jiří Vaněk

    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.

  2. Konrad

    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 :>

    • WPBeginner Support

      Good luck :)

      Admin

  3. Ram E.

    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.

    • WPBeginner Support

      That is a good option for sites with multiple content types :)

      Admin

  4. Mikolaj

    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!

    • WPBeginner Support

      We hope you enjoy using the plugin :)

      Admin

  5. Ralph

    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

      You’re welcome, glad our guide could give you ideas :)

      Admin

  6. Naveera Batool

    Really an interesting and helpful article.

    • WPBeginner Support

      Glad you think so :)

      Admin

  7. A Owadud Bhuiyan

    I have tried to create a portfolio site but I am not able to set the blog page as Homepage.

    • WPBeginner Support

      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.

      Admin

  8. Adam Michalak

    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

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

      Admin

  9. William Dean Dailey

    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.

    • WPBeginner Support

      Glad to hear you were able to publish your site :)

      Admin

  10. Sean Brady

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

    • WPBeginner Support

      It certainly could be :)

      Admin

  11. Sharon

    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!

    • WPBeginner Support

      You’re welcome and glad to hear you found our tutorial useful.

      Admin

  12. Alice Elliott

    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.

    • WPBeginner Support

      We went with a page builder in this guide as it adds more freedom for design :)

      Admin

  13. priya

    thanks for sharing with us .

    • WPBeginner Support

      You’re welcome :)

      Admin

  14. Shafqat Khan

    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!

    • WPBeginner Support

      Glad to hear our guide was helpful!

      Admin

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.