Guía paso a paso para crear tu propia web personal

Por fin te has decidido a crear tu propia página web personal. ¡Enhorabuena! Es una de las mejores decisiones que puedes tomar.

Con una web personal puedes reclamar tu propio rinconcito en Internet. Un espacio que controlas por completo y que nadie te puede quitar. Un lugar donde tú pones las reglas, todo está a tu gusto y puedes expresarte como más te apetezca.

Si esto es música para tus oídos, en este artículo te contaremos todo lo que necesitas saber para crear tu propia web. Hablaremos sobre qué es y cuáles son las ventajas de una web personal, con instrucciones paso a paso para crear una con WordPress. Hablaremos de todo: desde elegir el dominio y el diseño básico de la web hasta crear páginas, personalizar detalles como colores y tipografías y añadir funcionalidades extra.

¿Qué es una página web personal?

Una página web personal es exactamente lo que parece: una web que es tuya y que te permite mostrar quién eres y qué haces en tus propios términos.

Tú controlas el diseño, el contenido, las funciones y absolutamente todo lo relacionado con ella.

¿Y para qué podrías querer algo así?

Te lo contamos.

Ventajas de tener tu propia web

Hay muchas otras formas de crear tu marca o perfil online. Mucha gente utiliza las redes sociales como su principal escaparate. Pero es un poco arriesgado poner todos los huevos en esa cesta.

Existe la posibilidad de que tu cuenta sea bloqueada o que un cambio en el algoritmo reduzca tu alcance. Pregúntale a cualquiera que haya vivido los tiempos en los que podías llegar a un montón de gente con tu página de Facebook sin gastar ni un céntimo en publicidad.

También puede pasar que una persona o empresa con la que no quieres tener ninguna relación compre la plataforma que hayas elegido. De repente, te ves en la obligación de empezar otra vez desde cero en otro sitio. A lo mejor te parece exagerado, pero puede significar que todo el esfuerzo que has invertido desaparezca de la noche a la mañana.

Todo esto es porque, en realidad, tu cuenta en redes sociales no es de tu propiedad, sino de la plataforma, incluyendo todo el contenido que publicas. Y lo que no es tuyo, pueden quitártelo.

En cambio, al crear tu propia página web personal, sobre todo si lo haces con un sistema como WordPress, estás construyendo algo permanente. Es completamente tuyo, y puedes llevártelo donde quieras.

Además, te permite hacer cosas que no siempre puedes hacer en redes sociales, como:

• Cambiar el diseño.
• Publicar contenido extenso y detallado.
• Vender productos y servicios.
• Contar más cosas sobre ti.
• Conseguir tráfico orgánico desde buscadores.
• Mostrar tu porfolio.
• Crear un núcleo donde unificar todas tus plataformas online.

Entre muchas otras cosas…

Tipos de páginas web personales

Hasta ahora, hemos definido una página web personal de forma bastante general. Pero una web puede adoptar muchas formas, dependiendo de cuál sea tu objetivo:

• Web «Acerca de»: Una página en que la presentarte y contar cosas sobre ti. Puede funcionar como currículum online, tarjeta de presentación o simplemente como un pequeño proyecto para pasar el rato.
• Blog: Con un blog puedes profundizar en temas que te interesen, crear una comunidad, conseguir experiencia e incluso montar un negocio.
• Newsletter: También puedes usar tu web personal para crear una newsletter (funciona muy bien en combinación con un blog). Utiliza el contenido para llamar la atención de tu público y la newsletter para mantener el contacto fácilmente.
• Porfolio: Si te dedicas al arte o a cualquier profesión creativa (incluso el desarrollo web), una web personal es el lugar perfecto para exponer tu trabajo. Tus visitantes pueden hacerse una idea de lo que haces y, además, pueden contactar contigo fácilmente a través de, por ejemplo, un formulario.

Afortunadamente, como veremos después, el proceso de crear una página web personal es muy flexible, así que puedes hacer que se adapte a la perfección a lo que tienes en mente.

Crea tu propia web

Hemos utilizado toda la experiencia que tenemos creando webs para que tengas una guía de los pasos a seguir si quieres crear la tuya propia:

1. Elige un plan de hosting

El hosting (o alojamiento) es, en esencia, un espacio que alquilas en un ordenador conectado a Internet. Ahí es donde se guardan los archivos de tu web para que los demás puedan acceder a ellos desde su navegador.

Con WordPress, tienes libertad total para elegir el proveedor de hosting, ya que funciona en casi cualquier tipo de servidor. WordPress.com es una muy buena opción, porque ofrece un servicio de hosting gestionado.

Esto significa que se encarga de muchas de las partes más técnicas de tener una web personal, como:

• Instalación: Tu web se crea automáticamente. No tienes que subir archivos al servidor, crear una base de datos ni realizar instalaciones manuales.
• Facilidad de uso: Todo lo que tenga que ver con la gestión de tu web se hace desde una sencilla interfaz pensada para principiantes. No tendrás que estar cambiando entre los menús del proveedor de hosting y los de tu web: todo está integrado en el mismo lugar.
• Velocidad: El rendimiento es muy importante para la experiencia de usuario. Los servidores de WordPress.com optimizan al máximo el CMS y almacenan copias de tu web en más de 28 centros de datos para que siempre se entreguen a la velocidad de la luz.
• Seguridad: Todas las webs de WordPress.com incluyen Jetpack, que ofrece análisis de seguridad diarios, copias de seguridad automáticas, protección contra ataques de fuerza bruta y monitorización de inactividad, entre muchas otras cosas. Además, todos los planes tienen acceso a cifrado, cortafuegos, monitorización del tiempo de actividad, protección contra DDoS y actualizaciones de software automáticas.

Aunque puedes implementar todo esto de forma manual, si eliges un hosting gestionado puedes centrar toda tu atención en lo que de verdad importa: el diseño, el contenido y el crecimiento de tu web personal.

Si te gusta como suena todo esto, lo único que tienes que hacer es elegir un plan de WordPress.com.

Los planes Personal y Premium son perfectos para webs sencillas que sólo tienen unas pocas páginas o para escribir un blog. Si quieres añadir funcionalidades extra mediante plugins o incluso vender productos en tu web personal, los planes Business o Commerce son lo que buscas.

Todos los planes incluyen visitantes, páginas y entradas ilimitados. Si eliges un plan anual, además, tendrás un dominio gratis durante un año. Lo que nos lleva al siguiente punto.

2. Elige un dominio

El dominio es lo que se escribe en el navegador para llegar a cualquier página web.

Un aspecto importante es la extensión del dominio o dominio de nivel superior (TLD, por sus siglas en inglés). Es decir, la parte que viene después del nombre, como .com, .org o .net.

Por ejemplo, si tu web está dirigida a un país y un idioma específicos, tiene sentido usar una extensión de dominio específica de ese país, como .es (para España) o .co.uk (para el Reino Unido). Otro ejemplo podría ser utilizar un dominio .blog o .portfolio si eres escritor o artista.

La parte principal de tu dominio, es decir, el nombre, también es algo importante que hay que pensar bien. Debe ser fácil de recordar y transmitir confianza. En el siguiente vídeo tienes algunos consejos para elegir el dominio perfecto:

En WordPress.com también ofrecemos dominios.

Solo tienes que buscar el nombre que más te guste y nuestra herramienta te dirá si está disponible, el precio y te ofrecerá algunas alternativas.

Elige la opción que más te guste y finaliza la compra. Como comentamos antes, al alojar tu web en WordPress.com con un plan anual tienes a tu disposición un dominio gratuito que puedes asignar automáticamente a tu web.

Pero no pasa nada si no te terminas de decidir por ninguno. Puedes saltarte este paso por ahora y elegir el nombre del dominio más adelante. Tu web estará disponible en una dirección temporal hasta entonces.

3. Elige un tema

En WordPress, los temas son los que marcan el diseño básico de una web. Son algo parecido a un plano de una casa, donde se definen los colores, las tipografías, la estructura y otros elementos visuales. De forma que, si quieres dar un cambio radical al aspecto de tu página, solo tienes que activar otro tema.

Otra ventaja que tienen es que hay temas que han sido específicamente diseñados para ciertos tipos de webs, como, por ejemplo, sitios de restaurantes, blogs de viajes o páginas de fotografía, entre muchos otros. Estos temas vienen con funciones, diseños y elementos visuales pensados para esos casos concretos, así que te lo ponen todo en bandeja para empezar fácilmente.

Además, los temas son solo un punto de partida, no el destino final. Más adelante veremos cómo puedes ponerlos totalmente a tu gusto.

Elegir un tema para tu web personal es muy sencillo. Solo tienes que echar un vistazo a los temas disponibles en el directorio de temas o ir a Apariencia > Temas en el escritorio de WordPress.com.

Usa los controles de la parte superior para buscar un tema en particular o filtrar por temas o planes. Haz clic en cualquiera de ellos para ver información más detallada.

En esta página encontrarás la descripción, una lista de funciones y la opción de ver una previsualización. Muchos temas incluyen variaciones de estilo con diferentes combinaciones de colores y tipografías. Puedes probarlas directamente desde esta página.

Además, puedes ver cómo quedaría tu web actual con el nuevo tema haciendo clic en el botón Previsualizar y personalizar. Aparecerá un editor con el que podrás personalizar más tu web y probar distintas variaciones de estilo directamente en tu sitio.

Puedes guardar los cambios y activar el tema inmediatamente haciendo clic en el botón de la esquina inferior izquierda. También puedes hacerlo desde el menú de temas.

4. Añade una página de inicio y personalízala

Cuando hayas configurado lo más básico de tu web, es hora de aprender a crear y personalizar páginas, empezando por la página de inicio.

Crear una nueva página

Ve a Páginas > Añadir nueva página en la interfaz de administración de WordPress.com.

Esto abrirá el editor de páginas de WordPress. Al crear una nueva página, verás una colección de diseños predeterminados que puedes usar para llenarla de contenido rápidamente.

Estos diseños incluyen categorías como «Acerca de», «Servicios», «Contacto», «Blog» y más. Si encuentras uno que te guste, solo tienes que hacer clic en él para insertarlo en el editor. Si lo prefieres, también puedes empezar con una página en blanco y personalizarla completamente a tu gusto.

Añadir elementos a la página

El editor de páginas de WordPress funciona con bloques, que son elementos individuales de contenido de distintos tipos. Por ejemplo, si escribes algo y pulsas la tecla Intro, se crea automáticamente un bloque Párrafo. Otros tipos de bloques son:

• Encabezados
• Listas
• Botones
• Imágenes
• Tablas
• Columnas
• Cuadrículas

Puedes ver la lista completa de bloques disponibles haciendo clic en el gran botón azul con el signo «+» de la esquina superior izquierda.

Están ordenados por categorías, y también puedes buscar bloques específicos. Al hacer clic en cualquiera de ellos, se inserta en el editor en la posición actual del cursor.

Además de los bloques individuales, en la pestaña Patrones encontrarás una amplia gama de bloques prediseñados, como formularios de contacto, galerías, secciones para equipos, suscripciones a newsletters y mucho más. Con estos patrones puedes crear rápidamente diseños sin tener que configurarlo todo desde cero. Se insertan de la misma manera.

Otra forma de añadir bloques es haciendo clic en el pequeño botón «+» que aparece cuando colocas el cursor dentro del editor. Aquí podrás buscar un bloque por su nombre y hacer clic en él para insertarlo.

O incluso más fácil, escribe una barra («/») en cualquier línea vacía, empieza a escribir el nombre del bloque y selecciónalo usando el ratón o el teclado.

Para echar un vistazo a la estructura de la página, utiliza la herramienta Resumen del documento en la esquina superior izquierda.

Personalizar bloques

Al hacer clic en un bloque, aparecerá una barra de opciones en la parte superior y otros ajustes de personalización en la barra lateral.

Las opciones varían según el tipo de bloque. Por ejemplo:

• En un bloque Párrafo puedes ajustar el tamaño de la fuente, el color o la alineación del texto, entre otras cosas.
• En un bloque Botón puedes personalizar la alineación, el estilo, el color, las dimensiones y las sombras.

Experimenta con ellos para descubrir los ajustes que puedes personalizar en cada tipo de bloque.

Ten en cuenta que estos ajustes solo se aplican a ese bloque concreto de la página actual. Puedes cambiar elementos de diseño de forma global (como modificar la fuente en todos los encabezados) desde la sección Estilos globales, de la que hablaremos más adelante.

Una vez que hayas diseñado la página de inicio a tu gusto, guarda los cambios y publica la página.

Establecer la página principal

Para hacer que la página que acabas de crear sea tu página de inicio, ve a Ajustes > Lectura en el escritorio de WordPress.com. En la parte superior, verás dos menús desplegables que te permitirán definir qué página será la página de inicio y cuál mostrará las entradas del blog.

Selecciona la nueva página en la opción Tu página de inicio muestra y guarda los ajustes.

¡Tu página de inicio ya está lista! Si quieres consultar más información sobre las páginas en general, échale un vistazo a nuestra documentación.

5. Añade más páginas y un menú

Puedes usar el mismo proceso que hemos visto antes para crear otras páginas en tu web personal, como:

• Página «Acerca de»
• Página de contacto
• Página de servicios

Después, seguramente te interese añadirlas a un menú de navegación para que tus visitantes puedan acceder a ellas fácilmente.

Los cambios globales como este se hacen en el editor del sitio. Puedes acceder a él desde Apariencia > Editor. El editor del sitio funciona de forma parecida al editor de páginas, pero te permite modificar otras secciones de tu web.

En muchos casos, el tema ya incluye un menú de navegación. En nuestro ejemplo, aparece como parte de la cabecera. Una forma de editarlo es haciendo clic en Patrones y luego en Cabecera, aunque puede que necesites saber el nombre del patrón de la cabecera para elegir el correcto.

Otra opción es hacer clic en el elemento de la cabecera en la ventana principal del editor y luego seleccionar Editar.

Cualquiera de las dos opciones te llevará al editor.

Allí, selecciona el bloque Navegación (puedes hacerlo desde el resumen del documento).

Ahora puedes añadir o eliminar secciones del menú u otros elementos, cambiarles el nombre o modificar algunos aspectos del diseño en la barra lateral.

Haz los ajustes que creas necesarios y guarda los cambios para que aparezcan en tu web.

Puedes utilizar el mismo método para hacer otros ajustes en la cabecera, como añadir un bloque de búsqueda. También sirve para modificar el pie de página.

Nota: En algunos temas, los menús se gestionan desde el Personalizador del sitio en lugar de desde el editor. Puedes encontrar más información aquí.

6. Personaliza fuentes y colores

En el editor del sitio también puedes realizar cambios de diseño globales en tu web. Estas opciones están en el menú Estilos en la esquina superior derecha del editor.

Esto es lo que puedes cambiar en el menú Estilos:

• Explorar estilos: Cambia entre las variaciones de estilo, paletas de colores y combinaciones de fuentes que incluye tu tema.
• Tipografía: Ajusta la familia de fuentes, el tamaño, la apariencia, la altura de línea o el espaciado entre letras, entre otras cosas, del texto del cuerpo, los enlaces, encabezados, botones y otros elementos de texto de tu sitio. También puedes personalizar los tamaños de fuente predefinidos.
• Colores: Añade colores y degradados para usarlos en el editor, prueba las paletas de colores existentes y personaliza los colores del texto, fondos, enlaces, botones, encabezados y más.
• Fondo: Añade una imagen de fondo a tu web.
• Sombras: Configura ajustes de sombras predefinidos para usarlos en el editor.
• Estructura: Define ajustes básicos como el ancho del contenido, el relleno global y el espaciado entre bloques.
• Bloques: Realiza cambios de diseño en tipos de bloques específicos para que se apliquen en todo el sitio.

Con la opción Libro de estilos en el menú Estilos puedes previsualizar los cambios en tiempo real y ver cómo quedan los elementos de diseño de tu sitio.

Vamos a ver algunos ejemplos para que se entienda mejor.

Cambiar la fuente de los encabezados

Puedes cambiar la fuente de los encabezados en la sección Tipografía > Encabezados. Si quieres ver todos los encabezados de una vez, haz clic en la pestaña Texto del libro de estilos.

Elige qué tipo de encabezado quieres personalizar y guarda los cambios. Por ejemplo, si quieres evitar que los encabezados H1 estén siempre en mayúsculas, selecciona la opción H1 y, en la sección Mayúsculas o minúsculas, elige Ninguna.

Échale un vistazo a nuestra documentación para aprender a personalizar las fuentes.

Elegir un color de fondo para la web

Para cambiar el color de fondo de tu web, ve a Colores y haz clic en Fondo.

Elige un color de la paleta del tema (puedes cambiarla en la parte superior) o define un color personalizado. ¡Ya está!

Modificar la sombra de los botones

Para realizar cambios en un único bloque, haz clic en Bloques.

Busca el bloque Botón en la lista o utiliza la búsqueda para localizarlo. Haz clic en él.

Busca la opción Borde y sombra en la parte inferior. Al hacer clic en Sombra paralela podrás aplicar diferentes tipos de efectos de sombra a todos los botones.

7. Edita las plantillas de páginas

Las plantillas definen el diseño y la estructura de ciertos tipos de contenido en toda tu web. Para verlas en el editor del sitio, haz clic en el logo de WordPress y después en Plantillas.

Aparecerá una lista de todas las plantillas de tu sitio, como la de entradas únicas, páginas o archivos. Por ejemplo, si quieres ajustar el diseño de las entradas de blog, haz clic en la plantilla Entradas únicas y edítala.

Supongamos que lo que quieres es cambiar de posición el bloque post-meta para que aparezca debajo del título.

Para ello, solo tienes que seleccionar el bloque post-meta y moverlo.

Los cambios guardados se aplicarán a todas las entradas de blog de tu web.

Puedes hacer lo mismo en cualquier otro tipo de contenido. Aquí puedes consultar más información sobre las plantillas.

8. Instala plugins

Con los plugins puedes modificar y mejorar las funcionalidades de tu web personal. Si tienes un plan Business o Commerce, puedes instalarlos desde el menú Plugins.

Los plugins incluyen una amplia gama de funciones que pueden aportar muchas funcionalidades a tu web, como, por ejemplo:

• Mejorar la optimización para motores de búsqueda (SEO)
• Añadir un feed de Instagram
• Limitar los intentos de acceso
• Aceptar pagos con diferentes proveedores
• Conectar tu web a Google Analytics

Utiliza el buscador en la parte superior para buscar plugins o explorar las categorías. Para consultar más detalles sobre un plugin, haz clic en él. Si te interesa lo que ves, haz clic en el botón Instalar y activar.

Una vez se haya instalado, puedes empezar a utilizar las funcionalidades del plugin inmediatamente.

Si necesitas inspiración sobre qué plugins instalar, échales un vistazo a los más populares. Puedes encontrar más información sobre los plugins en nuestra documentación.

Es hora de crear tu hogar digital

Una web personal es como tener tu propia casa virtual. En ella puedes hacer lo que quieras, y, a diferencia de otros perfiles online, nadie te la puede quitar.

¡Sigue estas instrucciones paso a paso para crear tu sitio personal y expandir tu presencia en Internet!