Manual de WordPress Profesional

Resumen Ejecutivo e Introducción

Este manual práctico se ha desarrollado por Cima Digital como una herramienta de apoyo integral para el mantenimiento básico y la actualización diaria de tu presencia digital de forma totalmente autónoma y segura.

Aquí se explican de forma visual y pedagógica las operaciones cotidianas necesarias para enriquecer tu sitio web: modificar textos estáticos, cambiar fotos de banners, redactar y maquetar artículos en tu blog corporativo y añadir nuevas campañas de servicios directamente a tu barra de navegación principal. Todo ello con un enfoque diseñado para evitar caídas técnicas y conservar una experiencia de usuario sofisticada y ágil.

Acceso Rápido al Panel de Control

Utiliza las siguientes credenciales para iniciar los trabajos en tu panel administrativo. Puedes personalizar estas claves haciendo clic en el botón de edición para que se guarden de forma local en tu navegador.

Seguridad y Buenas Prácticas

Antes de comenzar a editar la web, es imprescindible tener clara la hoja de ruta de seguridad para evitar desconfiguraciones accidentales que afecten a la visualización o al rendimiento del sitio.

Módulo 1: Acceso al Panel de WordPress

La administración se realiza a través de un panel de control web privado protegido por contraseñas encriptadas.

• 1
  Abrir el Navegador

  Abre tu navegador habitual e ingresa a la dirección de tu panel de WordPress. (Por ejemplo: https://tu-dominio.com/wp-admin/).

• 2
  Rellenar el Formulario

  Introduce tus datos de usuario y contraseña oficiales en los campos correspondientes del formulario de WordPress. Pulsa el botón Acceder.

• 3
  Ingreso Exitoso

  Una vez introducidas correctamente, entrarás directamente al Escritorio de administración.

Módulo 2: Vista General del Panel (Dashboard)

La barra lateral negra de la izquierda es la consola central que organiza todas las opciones de WordPress.

Para la gestión cotidiana de contenidos, solo debemos prestar atención a estas cuatro secciones específicas:

• P
  Páginas

  Contiene la estructura corporativa y estable del sitio web. Por ejemplo: Quiénes somos, Servicios, Preguntas frecuentes o Contacto.

• E
  Entradas

  El motor del blog. Aquí se redactan novedades, guías de tu sector, artículos de interés y noticias de la empresa.

• M
  Medios

  El almacén digital del sitio web. Aquí se guardan todas las fotos, PDFs, logotipos y vídeos de la web.

• A
  Apariencia > Menús

  La sección que permite colocar nuevos enlaces o pestañas en el menú principal que visualizan los usuarios en la parte superior.

Módulo 3: Editar una Página Existente con Elementor

Se utiliza para realizar cambios directos sobre el contenido existente, como textos explicativos, descripciones o fotos de secciones corporativas ya visibles.

• 1
  Ir a la lista de Páginas

  Haz clic en **Páginas** en el menú de la izquierda para ver todas las secciones creadas.

• 2
  Lanzar Elementor

  Desplaza el puntero del ratón por encima del título de la página que vas a modificar. Aparecerá un menú emergente. Haz clic en **Editar con Elementor** (o *Edit with Elementor*). No uses el editor básico.

• 3
  Modificar Textos o Fotos en Pantalla

  En el lienzo de la derecha, haz clic directo en el texto o foto que quieras cambiar. En el panel izquierdo, edita el texto en la caja o pincha en la miniatura de la imagen para cambiarla por otra en la biblioteca.

• 4
  Actualizar Cambios

  Una vez completada la edición de forma satisfactoria, haz clic en el botón verde **Actualizar** (*Publish* o *Update*) situado en la parte inferior del menú de la izquierda.

Módulo 4: Crear una Página Nueva

Se utiliza para añadir una sección totalmente nueva a la estructura de la web corporativa, por ejemplo, para presentar un servicio especializado o una campaña estacional.

• 1
  Añadir Nueva Página

  Haz clic en **Páginas > Añadir página** en la columna negra de la izquierda.

• 2
  Definir un Título

  Escribe un nombre corto e identificativo en la caja del título. Este nombre guiará el enlace del navegador.

• 3
  Inicializar Elementor

  Haz clic en el botón superior azul **Editar con Elementor** para pasar al editor interactivo.

• 4
  Construir e Instalar Contenidos

  Arrastra módulos (títulos, cajas de texto, imágenes) desde el menú de herramientas izquierdo al área del lienzo en blanco para construir el diseño de tu página.

• 5
  Publicar Definitivamente

  Cuando la página esté finalizada, haz clic en **Publicar** en el botón verde inferior izquierdo de Elementor para activarla en Internet.

Módulo 5: Añadir una Página al Menú Principal

Permite organizar la barra de enlaces superior de la página web para que los usuarios localicen tus nuevos contenidos al instante.

• 1
  Navegar a Menús

  Ve a **Apariencia > Menús** en la barra lateral izquierda del panel de WordPress.

• 2
  Seleccionar la Página Nueva

  En el bloque izquierdo, marca la casilla correspondiente al título de la página que acabas de publicar.

• 3
  Enviar al Menú

  Haz clic en el botón **Añadir al menú**. La página aparecerá como una nueva tarjeta abajo del todo en la estructura derecha.

• 4
  Colocar y Ordenar

  Arrastra la tarjeta hacia arriba o abajo para colocarla en la posición exacta. Si la arrastras ligeramente a la derecha, se colocará como un subelemento o menú desplegable.

• 5
  Guardar Configuración

  Haz clic en el botón azul **Guardar menú** en la zona derecha superior o inferior.

Módulo 6: Publicar y Gestionar Entradas (Blog / Noticias)

Las Entradas representan el contenido dinámico u "hojas de noticias" ordenadas cronológicamente. Son la herramienta perfecta para publicar promociones mensuales o artículos informativos de tu sector.

Paso a Paso para Publicar una Entrada:

• 1
  Crear Entrada

  En el panel negro izquierdo de WordPress, selecciona **Entradas > Añadir nueva**.

• 2
  Redactar el Artículo

  Define un título llamativo en la cabecera (ejemplo: "5 consejos prácticos para optimizar tus procesos") y redacta los párrafos informativos usando el editor integrado de bloques.

• 3
  Asignar Categoría

  En el menú lateral derecho de la pantalla, busca la sección de **Categorías** y marca la pestaña adecuada ("Consejos", "Novedades", etc.) para mantener el orden de tus publicaciones.

• 4
  Imagen Destacada (Crucial)

  Haz clic en **Imagen Destacada > Establecer imagen destacada** en la barra lateral derecha. Sube o selecciona la imagen que servirá de portada para el post. Esta imagen aparecerá de forma automática en la lista del blog y como previsualización al compartir en redes sociales.

• 5
  Publicar

  Pulsa el botón azul **Publicar** situado en la esquina superior derecha del editor y confirma el estado público del post.

Módulo 7: Biblioteca de Medios e Imágenes

La velocidad de carga de tu sitio web es clave para el SEO en Google y para la retención del visitante. Subir imágenes muy pesadas tomadas directamente con móviles sin procesar perjudicará gravemente al rendimiento general.

Buenas Prácticas Técnicas para Banners y Fotos:

• ★
  Formatos Recomendados

  Usa **WebP** siempre que sea posible, ya que comprime de forma extraordinaria sin perder nitidez. Como segunda opción, utiliza **JPEG** para fotos y **PNG** solo para logotipos con transparencia.

• ★
  Dimensiones Máximas

  Para banners de cabecera que ocupan el ancho total de pantalla, ajusta la dimensión de ancho a un máximo de **1920 píxeles**. Para fotos del blog o productos, de **800 a 1000 píxeles** de ancho es más que suficiente.

• ★
  Texto Alternativo (ALT text)

  Al subir la imagen, introduce siempre una descripción del contenido en el campo "Texto Alternativo". Esto impulsa las búsquedas en Google Imágenes y permite la lectura de la imagen a usuarios invidentes.

Módulo 8: Gestión Correcta de Enlaces

Los enlaces o hipervínculos permiten a los usuarios navegar con facilidad. Aplicar la regla correcta de pestañas evitará pérdidas accidentales de clientes.

• →
  Cómo colocar un enlace

  Selecciona la palabra o palabras con el cursor de tu ratón, haz clic en el icono de cadena en el menú superior o pulsa `Ctrl + K`. Pega la dirección URL deseada y haz clic en aplicar.

• →
  Regla de Enlaces Internos

  Si el enlace dirige a otra página de tu misma web (por ejemplo, desde el blog a la página de contacto), **NO** marques la opción "Abrir en nueva pestaña". El usuario avanzará cómodamente en la misma ventana.

• →
  Regla de Enlaces Externos (Crucial)

  Si el enlace dirige a una web ajena (como un portal oficial, redes sociales o una página de socios), **SÍ debes activar** obligatoriamente la opción de **"Abrir en pestaña nueva"** (target="_blank"). De esta manera, el visitante no saldrá de tu web y podrá retomar la lectura al cerrar la pestaña externa.

Enlaces Útiles y Soporte Técnico

Lista centralizada para acceder a las direcciones principales de tu web y contactar con el equipo de soporte ante cualquier incidencia técnica compleja.

Manual de formación premium desarrollado por Cima Digital. Prohibida su copia o distribución no autorizada.