Cómo Crear Una Página Web o Blog con WordPress CMS

CMS

WordPress

Diseño Web

Desarrollo Web

Crear un sitio web es una necesidad, más que un capricho, en un mundo digitalizado como el actual. Sin embargo, el proceso no podría ser más sencillo gracias a las herramientas que hay disponibles en el mercado en 2024.

Hoy, queremos hablarte de una de estas herramientas, quizás una de las más antiguas: WordPress, y profundizar en el proceso de creación de sitios web con ella.

¿Necesitas una página web WordPress de nivel avanzado? ¡Cuenta con los mejores!

Nuestro equipo de diseño web lleva años trabajando con WordPress y ha ayudado a decenas de emprendedores a lanzar sus negocios online ¿A qué esperas para ser el siguiente? ¡Contacta con nosotros!

Pero antes...

1. ¿Qué es WordPress?

WordPress es un gestor de contenidos (CMS por sus siglas en inglés). Se trata de una plataforma, desarrollada con un lenguaje de programación llamado PHP, que permite a sus usuarios crear páginas web sin "necesidad de escribir una sola línea de código".

📝 Hemos entrecomillado esta última afirmación porque, a pesar de que puedas crear una web funcional y estética sin necesidad de programar en el 70% de los casos de uso, es probable que para funcionalidades más avanzadas si necesites conocimientos de programación y saber cómo funciona WordPress internamente.

Como te explicábamos en este otro artículo, WordPress es la plataforma más popular y fácil de usar dentro de los CMS (junto con Framer y Webflow), tiene una gran comunidad de usuarios y, gracias a su enorme catálogo de plugins, se ha consolidado como un ecosistema de diseño web flexible y robusto en el que casi todo es posible.

2. Creando un Sitio Web con WordPress

Lo primero que tienes que elegir es un hosting o alojamiento web.

📝 Te recomendamos contratar tu alojamiento WordPress con OVHCloud por solo 2.69€/mes, es una de las mejores opciones que podrás encontrar.

Si solo deseas aprender y no quieres gastar dinero puedes usar wordpress.com para usar WordPress de forma gratuita y seguir este tutorial paso a paso.

Otra opción, si eres un manitas, es instalar WordPress en tu ordenador siguiendo este tutorial para instalar WordPress localmente.

2.1. Primeros Pasos en WordPress.com

Dirígete a wordpress.com y regístrate con tu email o utilizando alguna de las opciones de social sign up.

inicio-sesion-wordpress.com

Una vez iniciemos sesión en esta plataforma, nos va a pedir que vinculemos un dominio que ya tengamos en posesión o que adquiramos uno.

A primera vista, parece no darnos más opción, ya que les interesa que adquiramos o vinculemos un dominio para que nos veamos obligados a suscribirnos a uno de sus planes de pago.

Sin embargo, para poder crear nuestro sitio web de forma 100% gratuita y sin necesidad de dominio tenemos que hacer lo siguiente:

  • Introduce un nombre de dominio cualquiera, nosotros vamos a introducir novascript.io.

  • Como es obvio, nos va a sugerir alternativas porque novascript.io ya está cogido, escoge cualquiera de ellas y, a la derecha, selecciona "elegir un dominio más tarde".

elegir-dominio-wordpress-com

  • A continuación, escoge el plan gratuito.

planes-wordpress-com

  • Responde el cuestionario e introduce un título y una descripción para tu sitio (opcional).

descripcion-sitio-wordpress-com

2.2. Seleccionando un Tema

El tema es, por así decirlo, la plantilla de partida de un sitio WordPress. Una distribución por defecto sobre la que construir el resto de tu sitio web. La elección del tema es crucial no solo a nivel estético, sino también para garantizar un buen rendimiento.

El configurador de sitios te dejará escoger una plantilla o tema para tu página web. No lo hagas aún, continúa.

📝 Creemos que es mejor que selecciones el tema desde el escritorio de WordPress, así te familiarizas con lo que te vas a encontrar en un hosting de pago en el que la experiencia no está tan guiada.

Cuando termines con el recorrido del configurador de sitios, te vas a encontrar con esta pantalla:

inicio-wordpress-com

Selecciona la opción de "saltar al escritorio", que encontrarás arriba a la derecha.

apariencia-temas-wordpress-com

Una vez en el escritorio, dirígete a Apariencia y luego a Temas, en la barra lateral izquierda. Al hacer click en esta sección, te van a aparecer infinidad de temas para elegir.

Nosotros vamos a elegir el tema Fewer:

fewer-tema-wordpress.webp

2.2. Personalizando el Tema

Al activar el tema, veremos que el diseño de nuestra página cambia.

Ahora, podemos realizar una serie de cambios adicionales para poner la página web a nuestro gusto:

  • Reemplazar la página principal, que ahora mismo contiene todas las publicaciones, por una estática.

Para ello, crea una nueva página seleccionando Páginas y Añadir nueva página en la barra lateral izquierda:

fewer-nueva-pagina-wordpress.com.webp

Una vez hayas modificado la página a tu gusto puedes pulsar el botón "Publicar", que encontrarás arriba a la derecha, y volver al escritorio principal.

Una vez ahí, dirígete a Apariencia y luego selecciona Personalizar. En el menú que aparecerá selecciona Ajustes de la página de inicio para cambiar la página principal por defecto por la que acabas de crear:

sustituir-pagina-principal-fewer-wordpress-com.webp

Tómate un tiempo para explorar todas las opciones de este apartado, descubrirás que puedes:

  • Cambiar el logotipo de tu sitio web
  • Modificar la paleta de colores
  • Cambiar el título y la descripción de tu sitio

En una instancia de WordPress real, de pago, tendrás muchísimas más opciones, entre otras:

  • Añadir código CSS personalizado
  • Cambiar la barra de navegación
  • Añadir widgets

2.3. Modificando Las Plantillas por Defecto

Las plantillas son una funcionalidad relativamente reciente de WordPress, junto con los patrones.

Es probable que te hayas percatado de que, cuando hemos creado nuestra página de inicio, WordPress nos ha permitido arrastrar y soltar una serie de elementos.

Estos elementos se llaman "bloques" y son las piezas funcionales que permiten que construyamos la estética de nuestro sitio web.

A no ser que elijas otro constructor de páginas, como Elementor o Divi, trabajarás con Gütenberg, que es el constructor de páginas por defecto.

Puedes agrupar bloques para crear patrones y guardarlos para permitir su reutilización.

editor-wordpress-patrones

Por otro lado, las plantillas consisten en distribuciones de bloques y patrones que determinan como van a lucir las distintas páginas de tu sitio web.

editor-wordpress-plantillas

Puedes crear, actualizar o eliminar bloques y plantillas seleccionando la opción Apariencia > Editor en la barra lateral del escritorio.

2.4. Utilizando Plugins

🚧 Aún estamos redactando el resto del artículo, gracias por tu paciencia 🚧.

Contacto

¿Creamos algo que merezca la pena?

Te respondemos en menos de 24 horas

Quizás te pueda interesar

WordPress vs Framer vs Webflow: ¿Cuál Elegir para Tu Startup?

NovaScript

Leer artículo

WordPress vs Framer vs Webflow: ¿Cuál Elegir para Tu Startup?

Te ayudamos a elegir la herramienta adecuada para desarrollar tu página web, tienda online, landing o blog comparando 3 gigantes del diseño web: WordPress, Framer y Webflow valorando ventajas, desventajas y precios.