Lección 01

¿Cómo crear una página web con WordPress?

Aunque inicialmente WordPress fue desarrollado para funcionar como un blog, actualmente, su principal función es crear páginas. No existe ningún blog o tienda online que no contenga páginas.

Actualmente, la mayoría de páginas web creadas con otros CMS, han migrado a WordPress gracias a que ofrece una interfaz sencilla de diseño y permite la integración de un blog y/o tienda online en una misma instalación.

La principal diferencia entre un blog y una página web es que el blog es dinámico y las páginas son estáticas. Un ejemplo de páginas son los típicos apartados: quienes somos, servicios, contacto que suele tener un sitio web.

Índice del contenido
    Add a header to begin generating the table of contents

    1. ¿Por qué crear una página web?

    Es muy importante saber que función va a tener nuestro sitio web antes de crearlo. Teniendo claro lo que vamos a ofrecer a nuestros usuarios o clientes, podemos crear una página web, un blog, un portfolio o cualquier tipo de portal con el cual ofrecer nuestros servicios o compartir nuestras ideas de la manera más adecuada.

    Una "página web" básicamente está compuesta por un logo, menú principal y el contenido.

    Esta, a diferencia de un blog, se caracteriza por alojar contenido estático, aunque puede llegar a ser dinámico mediante el uso de plugins.

    A medida que vayamos creando páginas, debemos asociar un item de menú a cada página para que sea accesible desde cualquier parte del sitio web.

    Básicamente, crear una página web con WordPress, es actualmente la función más importante que este ofrece.

    Aunque solo tengamos un blog o una tienda online, siempre vamos a necesitar apartados estáticos (páginas) como por ejemplo: quienes somos, política de privacidad, contacto y estos apartados no pueden ser creados como entradas de un blog o productos de una tienda online.

    Anuncio publicitario

    2. ¿Qué necesitas para crear una página web con WordPress?

    2.1 Tener un dominio y hosting

    Para crear una página web con WordPress, lo primero que necesitaremos será tener un dominio y un hosting donde alojar los archivos de WordPress.

    Para sacar el máximo provecho a WordPress lo más recomendable es trabajar en un servidor remoto (online).

    Una de las mejores empresas de hosting, 100% en español, que puedes contratar para comenzar a crear un proyecto en WordPress, es Raiola Networks.

    Este servicio es el que vamos a utilizar durante el desarrollo de este curso por lo que sería recomendable que contrataras el alojamiento en esta empresa para que puedas sacar el máximo provecho a todas las lecciones del curso.

    2.2 Haber instalado WordPress

    Una vez tengamos el dominio y hosting, necesitaremos descargar e instalar WordPress.

    Curso de WordPress

    WordPress es el mejor CMS que existe para desarrollar cualquier tipo de sitio web: páginas, blog, tiendas online y todo lo que se pueda navegar por Internet.

    En este curso trabajaremos con wordpress.org con el cual podrás trabajar con libertad y sin limitaciones...¡a tu rollo!

    En la lección, instalar WordPress paso a paso, puedes encontrar información actualizada para que aprendas a instalar WordPress correctamente.

    2.3 Elegir correctamente el tema WordPress

    Otro elemento importante con el que debemos contar para crear una página web es un tema. Dependiendo del tipo de proyecto que queramos realizar, existirá un tema adecuado para cada proyecto.

    Para el desarrollo de este curso de WordPress estamos trabajando con el tema Astra. Es un tema Multipurpose con el que podremos crear páginas, un blog y una tienda online en una misma instalación.

    En la lección, elegir un tema WordPress, puedes encontrar algunos consejos para que elijas correctamente el tema para tu proyecto. Además, en la lección Astra, el mejor tema para WordPress, podrás encontrar una reseña de este fantástico tema.

    Curso de WordPress

    Uno de los mejores temas que puedes instalar para comenzar a crear un proyecto profesional con WordPress, es Astra. Este tema ofrece una versión gratuita, que puedes instalar desde WordPress y, una de pago, con excelentes opciones de diseño.

    Este tema Multipurpose (múltiples propósitos) es ideal para crear blogs, páginas y tiendas online en una misma instalación.

    2.4 Elegir correctamente el editor de contenidos

    A partir de la versión 5.0, ha llegado Gutenberg, el editor de contenidos nativo de WordPress. Aunque con este editor se pueden desarrollar sitios web, dependiendo de la complejidad de nuestro proyecto, es posible que tengamos que utilizar un editor de contenidos más potente y profesional.

    Para el desarrollo de este curso de WordPress estamos trabajando con el editor de contenidos Elementor. Es uno de los editores de contenidos más potentes del mercado con el que podemos desarrollar sitios web realmente impresionantes.

    En la lección, editores de contenido para WordPress, puedes encontrar una reseña de los editores de contenido más populares. Además, en la lección instalación y configuración de Elementor, podrás encontrar una reseña de este fantástico editor.

    Curso de WordPress

    Uno de los mejores editores de contenido que puedes instalar para crear un proyecto profesional con WordPress, es Elementor. Ofrece una versión gratuita, que puedes instalar desde WordPress y, una de pago, con excelentes opciones de diseño.

    Es rápido, fiable y poderoso. Se adapta perfectamente a "casi" cualquier tema y posee una estructura perfecta para el desarrollo de sitios web profesionales.

    3. Estructura inicial del sitio web

    En la lección, primeros pasos para crear un proyecto con WordPress, te he sugerido crear una estructura inicial antes de comenzar a trabajar con WordPress. Es un simple Excel en el que podemos organizar nuestro sitio web.

    Vamos a recordar el Excell:

    Excel con la estructura inicial de un proyecto en WordPress (sitio web)
    Excel con la estructura inicial de un proyecto en WordPress (sitio web)

    En la imagen anterior, se muestra un ejemplo de una estructura básica para el desarrollo de un sitio web con WordPress, hecha en Excel.

    • Los números en rojo indican la posición que tendrá cada apartado en el menú principal y secundario del sitio web. Esta numeración también corresponderá con el campo Orden de cada página en WordPress.
    • La columna MENU será el nombre que llevará cada apartado del menú.
    • La columna TÍTULO será el título principal de cada apartado.
    • La columna URL es el enlace permanente (URL amigable) de cada página.

    Puedes descargar el fichero Excel desde el enlace: estructura inicial.

    4. Conociendo una página en WordPress

    Como te he mencionado en el punto 2.4, actualmente WordPress ha integrado Gutenberg como editor de contenidos y la apariencia de la página ha cambiado.

    Para conocer una página en WordPress, dirígete al apartado Páginas y entra en cualquiera de ellas.

    Componentes de una página en WordPress
    Componentes de una página en WordPress
    • I. Título
      Este será el título principal de la página.
    • II. Cuerpo
      Es donde se alojará todo el contenido, textual y multimedia, de la página.
    • III. Controles de edición de Gutenberg
      Con estos controles podremos añadir bloques y editar el contenido con Gutenberg.
    • IV. Botones de publicación
      Con estos botones podremos ver una vista previa de la página antes de publicarla o actualizarla. También podremos actualizar (o publicar) la página cuando hayamos añadido el contenido.
    • V. Estado y visibilidad
      Podemos indicar si la página es pública o privada, editar la fecha de publicación, programarla o moverla a la papelera para borrarla.
    • VI. Enlace permanente
      En este campo, WordPress asignará una URL a la página en función del título.

    Lectura recomendada...

    En la lección, URLs amigables en WordPress, puedes encontrar una completa información para que aprendas a crear enlaces (URLs) amigables para mejorar el SEO en WordPress.

    • VII. Imagen destacada
      Aunque esta característica se suele usar mayormente en las entradas de un blog, en las páginas se puede utilizar para compartirlas en redes sociales. De esta manera, cualquier red social va a detectar esta imagen, como imagen principal, para ser publicada.
    • VIII. Comentarios
      Podemos activar o desactivar los comentarios en la página.
    • IX. Atributos de página
      Podemos seleccionar la jerarquía de la página y asignar el orden (como te he mencionado anteriormente en el punto 3).
    • X. Ajustes de Astra
      Se encuentran algunos ajustes adicionales del tema (en este caso estamos usando Astra) que solo se aplicarán a esta página. Este apartado podrá variar dependiendo del tema que estemos utilizando.

    5. Creando todas las páginas del sitio web

    Vamos a crear todas las páginas que compondrán nuestro sitio web teniendo en cuenta la estructura inicial (Excel) que te he propuesto en el punto 3. Puedes crear tu propia estructura inicial según las necesidades de tu proyecto.

    Actualmente se encuentran creadas la página de Inicio y la página de política de privacidad. Estas páginas se crean automáticamente cuando instalamos WordPress por primera vez.

    Y te preguntarás, ¿por qué existe una página de política de privacidad?

    Esto es porque, a partir del pasado 25 de mayo de 2018, entró en vigor la Ley Orgánica de Protección de Datos (RGPD) en muchos países así que por defecto WordPress incluye esta página en su instalación.

    Si te fijas, esta página está creada pero no publicada. Se encuentra como Borrador por lo que solo tendrás que modificarla con los datos correspondientes a la ley de tu país y publicarla.

    Vamos a crear el resto de las páginas siguiendo nuestro Excel:

    1. Dirígete al apartado Páginas >> Añadir nueva.
    2. En el título principal, escribe el título de la página (para este ejemplo, Conócenos).
    3. En el campo Orden del bloque Atributos de página escribe el número 2.
    4. El campo Enlace permanente es la URL de la página. WordPress la asignará teniendo en cuenta el título principal aunque puedes modificarla si deseas.
    5. Haz clic en el botón Publicar.
    Creando una nueva página en WordPress
    Creando una nueva página en WordPress

    Realiza el mismo procedimiento con el resto de páginas.

    En la estructura inicial (Excel) hemos enumerado 4 grupos de páginas:

    1. Páginas principales: hay que crearlas y estarán ubicadas en el menú principal del sitio web.
    2. Páginas secundarias: hay que crearlas y estarán ubicadas en el menú del pié de página del sitio web.
    3. Páginas de la tienda: de momento no hay que crearlas. Estas se crearán automáticamente cuando instalemos WooCommerce: el plugin para crear una tienda online con WordPress.
    4. Páginas adicionales: vamos a crear una página 404. En la lección, crear una página 404 en WordPress, veremos como se crea y cuál es su función en un sitio web.

    La página Términos y condiciones solo es necesaria cuando creamos una tienda online en nuestro sitio web. Si no vas a vender nada mediante tienda online, no hace falta crear esta página.

    Una vez creadas todas las páginas, dirígete al apartado Páginas. WordPress mostrará un listado de todas las páginas en el mismo orden que has indicado en el campo Orden de cada página (coincidiendo con el Excel).

    Para mejorar la vista de las páginas, vamos a modificar algunos parámetros generales de este apartado. En la parte superior derecha de la pantalla haz clic en la pestaña Opciones de pantalla.

    Verás lo siguiente:

    • Columnas. Estas son las columnas con los parámetros de cada página. Marca o desmarca las casillas que quieres visualizar.
    • Paginación. Es la cantidad de páginas que puedes ver en la pantalla. Puedes dejarlo como está.

    Una vez realices esta acción, haz clic en el botón Aplicar.

    Parámetros de las páginas en WordPress
    Parámetros de las páginas en WordPress

    En la lección, diseñando las páginas del sitio web, veremos que contenido podemos y debemos añadir a cada una de estas páginas y cómo diseñarlas.

    6. Elementor en una página

    Después de crear todas las páginas de nuestro sitio web, tenemos que comenzar a añadir el contenido. Si vas a trabajar con Gutenberg no tendrías que hacer nada más. Solo entrar en la página y comenzar a crear el contenido.

    En nuestro caso, vamos a trabajar con el editor de contenidos Elementor.

    Para instalar el plugin:

    1. Dirígete al apartado Plugins >> Añadir nuevo.
    2. En el campo de búsqueda escribe Elementor.
    3. Haz clic en Instalar ahora y seguidamente en Activar.

    Una vez hayas instalado y activado Elementor, dirígete al apartado Páginas y entra en cualquiera de ellas. Verás como ahora aparece el botón Editar con ElementorSi haces clic en el botón, accederás a Elementor y podrás comenzar a crear contenido en la página.

    Editar con Elementor desde una página en WordPress
    Editar con Elementor desde una página en WordPress

    Dirígete nuevamente al apartado Páginas. Verás el listado de páginas en WordPress pero algo diferentes que al principio.

    Editar con Elementor desde el listado de páginas en WordPress
    Editar con Elementor desde el listado de páginas en WordPress

    Cuando editamos una página por primera vez con Elementor, Elementor añade un aviso y un enlace directo a cada página que será visible en el listado de páginas.

    Como puedes apreciar en la imagen anterior, se ha añadido el mensaje Elementor en el título de la página y el enlace Editar con Elementor en el menú de la página.

    De esta manera podemos editar la página directamente con Elementor sin tener que entrar primero en la página.

    7. SEO en las páginas

    Una vez creada una página en WordPress, habrá que optimizarla para el SEO de manera que se pueda indexar y posicionar en los buscadores.

    En la lección, SEO para WordPress, puedes encontrar información actualizada para la instalación y configuración del plugin Yoast SEO y algunas recomendaciones para mejorar el posicionamiento de un sitio web.

    Si estás utilizando el plugin Yoast SEO:

    1. Dirígete al apartado Páginas y accede a la página.
    2. Dirígete a la pestaña Yoast SEO.
    3. Indica una Frase clave objetivo.
    4. Haz clic en Editar snippet e indica un título en el campo Título SEO. Por defecto el plugin mostrará el título principal de la página pero puedes modificarlo a tu gusto.
    5. Indica una descripción en el campo Descripción meta.
    6. En Análisis SEO, el plugin mostrará si existen mejoras que realizar en el contenido para mejorar la puntuación SEO.
    7. Una vez hayas terminado, haz clic en Actualizar.
    SEO en una página en WordPress
    SEO en una página en WordPress

    8. ¿Indexar o no indexar?

    Cuando creamos un sitio web, queremos que se indexen y posicionen todas las páginas, entradas, y productos pero te pregunto:

    No es una pregunta trampa y, aunque cada quién tiene su criterio, creo que no es lógico que estas páginas se indexen en Google.

    Si vamos a hacer SEO en nuestro sitio web, lo mejor es invertir el tiempo en los apartados que en realidad nos interesan: los que generan dinero.

    Si tienes instalado el plugin Yoast SEO, veamos cómo bloquear estas páginas para que no se indexen en Google:

    1. Entra en cualquiera de las páginas que quieras bloquear.
    2. Haz clic en la pestaña Avanzado del bloque Yoast SEO.
    3. En el selector ¿Permitir a los motores de búsqueda mostrar esta Página en los resultados? selecciona No.
    4. Selecciona No en ¿Deberían los motores de búsqueda seguir enlaces en esta Página?
    5. Haz clic en Actualizar.
    Bloqueando la indexación de páginas con Yoast SEO
    Bloqueando la indexación de páginas con Yoast SEO

    Dirígete al apartado Páginas. Verás que el semáforo de Yoast se ha encendido de color azul en las páginas que has bloqueado.

    Esto significa que ninguna de estas páginas se va a indexar en Google.

    Bloqueando la indexación de páginas con Yoast SEO
    Bloqueando la indexación de páginas con Yoast SEO

    Google es muy caprichoso y, a veces, hace lo que le da la gana. Por esto, puede que este procedimiento no sea suficiente para bloquear las páginas y termine indexándolas.

    En la lección, crear una cuenta en Google Search Console, veremos una técnica adicional para no indexar estas páginas en Google.

    Anuncio publicitario

    9. Conclusión

    Después de esta lección, estás list@ para comenzar a crear páginas y empezar a construir tu sitio web. Han sido muchos pasos hasta poder llegar a este punto pero ya verás como todo ha valido la pena.

    En siguientes lecciones comenzaremos a trabajar con el diseño de las páginas que compondrán nuestro sitio web.

    ¿Te ha gustado?

    Te estaría muy agradecido si pudieras valorar esta lección y compartirla en las redes sociales. De esta manera me animas a continuar trabajando en este curso de WordPress y ayudas a otras personas que desean aprender.

    1 estrella2 estrellas3 estrellas4 estrellas5 estrellas
    (7 votos, promedio: 5,00 de 5)

    Cargando…
    Share on facebook
    Facebook
    Share on twitter
    Twitter
    Share on linkedin
    LinkedIn
    Share on telegram
    Telegram
    Share on whatsapp
    WhatsApp
    Share on email
    Email

    Este curso es gratis y siempre lo será pero, mantenerlo, requiere de mucho tiempo y esfuerzo. Si te gusta el curso y te ha ayudado, considera invitarme un café haciendo un pequeño donativo a este proyecto que he creado con el para ti y muchas personas que desean aprender. Las donaciones me ayudan a seguir trabajando en este fantástico curso gratuito. ¿Me invitas un café?.

    Suscríbete y aprende WordPress desde cero.

    No me gusta el SPAM y se que a ti tampoco. Sólo recibirás información útil sobre WordPress.

    Al enviar, confirmas que has leído y aceptas la política de privacidad. Conoce nuestro compromiso con tu privacidad.

    Comparte tu experiencia

    Deja un comentario si tienes alguna duda o cuéntanos cómo ha sido tu experiencia.

    guest
    2 Comentarios
    Inline Feedbacks
    Ver todos los comentarios
    JEP993

    Al descargar Elementor me encuentro que aparentemente funciona todo bien pero no puedo mover los widgets, aparece un símbolo de prohibido. Lo he reiniciado de nuevo y sigue igual. tengo algo mal parametrizado? sabes cuál es el error?

    2
    0
    ¿Dejas un comentario? Gracias!x
    ()
    x
    Ir arriba

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Suscribirte a la lista de correos electrónicos.
    • Derechos: Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en legal@gianoliveira.com, así como el derecho a presentar una reclamación ante una autoridad de control.
    • Destinatarios: Los datos no se cederán a terceros salvo en los casos en que exista una obligación legal.
    • Información adicional: En mi política de privacidad encontrarás información adicional sobre la recopilación y el uso de su información personal incluida información sobre acceso, conservación, rectificación, eliminación, seguridad y otros temas.