Cómo editar páginas en WordPress: domine el editor de WordPress

Para editar páginas en WordPress, no necesita ser muy técnico; si tiene algo de experiencia con un editor de texto, lo encontrará bastante simple. Utilice el editor de WordPress tanto para publicaciones como para páginas.

Consulte también: Cómo editar el nombre de una página>

Los ejemplos que he usado aquí están en el sistema WordPress.org , pero WordPress.com es muy comparable en la forma en que se modifican las páginas. La publicación será útil para los dos.

ACTUALIZAR. Esta publicación se refiere al Editor clásico de WordPress, no a los Bloques de WordPress, también conocido como el Editor de WordPress Glutenberg utilizado desde 2018. Sin embargo, esta publicación seguirá siendo útil para algunos.

Veamos lo que aprenderá.

Al final de esta publicación, debe comprender cómo formatear y editar páginas en WordPress de la siguiente manera:

• Editar y guardar en el área de administración,
• ver los cambios en la interfaz,
• y el uso de herramientas de formato en el editor de WordPress.

Antes de actualizar cualquier publicación o página, haga una copia de seguridad de la base de datos de WordPress. Utilizo DB Migrate, un complemento de copia de seguridad y migración que está disponible de forma gratuita.

Que necesitas para editar páginas en WordPress

• Un nombre de usuario y contraseña de WordPress de su desarrollador web.
• La URL del área de administración (también conocida como dirección web o posiblemente enlace).

Una vez que los tenga, navegue hasta su URL escribiéndola en su navegador o haciendo clic en el enlace.

Escriba el nombre de usuario y la contraseña y presione Iniciar sesión . Llegará al panel de WordPress.

Ver el sitio web de WordPress en una nueva pestaña

Lo primero que hago es abrir la parte pública del sitio web en una nueva pestaña del navegador. Luego tengo el área de administración (back-end) visible en una pestaña y el espacio público (front-end) visible en la otra. De esa manera, puedo cambiar entre los dos.

La forma más fácil de abrir la interfaz de su sitio web de WordPress en una nueva pestaña es;

• En el área de administración, coloque el cursor sobre el ícono de la casa, en la parte superior izquierda de la pantalla.
• En el menú desplegable, HAGA CLIC DERECHO en 'Visitar sitio'.
• Haga clic en "Abrir enlace en una nueva pestaña". He subrayado esto en rojo a continuación.

NÓTESE BIEN. Puede haber una variación de palabras según el navegador que esté utilizando.

Ahora hay dos pestañas del navegador abiertas, lo que significa que puede cambiar entre las dos.

Continúe editando la página de WordPress en una pestaña, usando el área de administración.

Por otro lado, verá la interfaz de su sitio web para verificar cada cambio que realice.

A medida que realiza ediciones y las guarda, puede ir a la interfaz del sitio. Presione la tecla F5 para actualizar la página; esto le pide al navegador que muestre la versión actualizada.

Editar el contenido de la página en WordPress

Ahora que ha configurado su área de trabajo, comencemos en el área de administración. Aquí encontrará el editor de WordPress.

Haga clic en PÁGINAS en el menú de la izquierda. Se enumeran las páginas de su sitio.

Aparecen más opciones cuando pasa el cursor sobre el nombre de una página.

EDITAR lo llevará a la pantalla de edición completa.

QUICK EDIT le permitirá cambiar el título, slug, fecha, privacidad, padre, orden, plantilla y estado desde esta pantalla.

BIN enviará la página a la papelera. La página ya no estará visible en el sitio web.

VIEW le permitirá ver esta página en particular: el extremo frontal (o público).

Para editar una página, haga clic en la primera opción, EDITAR. O haga clic en el nombre de la página.

Llegará a la pantalla de 'edición de página' de WordPress.

Tutorial de edición de páginas en WordPress

Primero debo llamar su atención sobre los temas y complementos dentro de WordPress que a veces personalizan la pantalla de 'edición de página'.

Por ejemplo, DIVI usa una interfaz llamada DIVI Builder; El de Avada se llama Fusion Builder.

¿Qué versión está utilizando?

El último editor de WordPress es Gutenberg Block Editor. Si su página se parece a la imagen de abajo, está usando bloques; visite mi publicación en el editor de bloques.

Si el editor de WordPress se parece a la imagen a continuación, está utilizando el editor de WordPress clásico.

Si no está utilizando un constructor personalizado, podemos comenzar.

Explicación de los iconos de los botones del editor de WordPress

En el editor clásico, el primer icono de botón es el icono CAMBIAR BARRA DE HERRAMIENTAS, antes llamado "fregadero de cocina". En la imagen de arriba, puede ver que está activado porque está invertido.

El icono de alternancia de la barra de herramientas se ve así:

Este icono de botón muestra u oculta opciones de formato adicionales. Mantenlo activado.

Dar formato al texto en WordPress

Como la mayoría de los editores de WordPress, puede resaltar el texto y formatearlo.

De izquierda a derecha en la barra de edición principal están:

B : hace que el texto sea fuerte o en negrita.
I - poner el texto resaltado en cursiva.
A B C - esto agregará un tachado a su texto como para tacharlo. Práctico para los artículos vendidos.

El ícono del botón para una lista desordenada en una charla web, pero WordPress lo llama lista de viñetas. Use esto para crear listas. Por ejemplo:

• Este es el primer punto.
• Este es el segundo punto de orden.

Al final de cada línea, haga clic en regresar (o ingresar) cada vez que desee una nueva viñeta.

Un consejo rápido: hacer clic en MAYÚS-INTRO crea un salto de línea, que es útil en listas de viñetas, ya que puede desplegar una línea sin crear una nueva viñeta.

• Este es el título de mi primer punto.
  Digo un poco sobre esto debajo presionando SHIFT-ENTER.
• Ahora tengo mi segundo punto.
  Un poco sobre esto.

Para descontinuar una lista, simplemente presione regresar dos veces después de la última línea. O presiona el ícono por segunda vez. WordPress volverá a los párrafos normales.

El diseñador o tema de su sitio web puede haber usado CSS para diseñar las listas. No siempre puede cambiar el estilo dentro de la pantalla de edición de WordPress.

Este icono es la lista de números, denominada lista ordenada en el idioma de Internet. Úselo de la misma manera que la lista de viñetas anterior, excepto que la lista estará numerada.

Blockquotes sangra una línea de texto. Nuevamente, es posible que el tema o los desarrolladores web los hayan diseñado, por lo que es posible que no pueda diseñarlos.

El siguiente es la línea horizontal. Utilice la línea horizontal para crear cortes en fragmentos de texto. El tema controla los estilos. El de arriba es el estilo predeterminado: una línea gris a 1 píxel.

Alinear párrafos en WordPress

El diseño de los párrafos y encabezados a menudo se establece dentro de una hoja de estilo, lo que hace que estos botones de alineación actúen de forma un tanto errática.

Tiendo a dejar que la hoja de estilo gobierne mis párrafos, pero si agrego una imagen, la alineo dentro del editor de WordPress.

Haga clic en una línea de texto, luego haga clic en una herramienta de alineación; la alineación se aplica a todo un párrafo.

Muy a menudo, el siguiente párrafo seguirá la alineación del anterior. Por lo general, eso sucede cuando se ha utilizado un salto de línea en lugar de las etiquetas de 'párrafo'. Hay una solución sencilla.

• Coloque el cursor al final del primer párrafo.
• Ahora presione BORRAR (retroceso) para subir el segundo párrafo.
• Presione ENTER para terminar un párrafo y comenzar uno nuevo.
• Dos pueden alinearse por separado.

Crear y editar enlaces en WordPress

El icono de enlace: tanto el texto como las imágenes pueden enlazar a páginas, publicaciones o un sitio web externo.

Para vincular texto en WordPress, asegúrese de resaltar el texto primero.

Un consejo rápido: haga doble clic en una palabra para resaltar la palabra completa. Mantenga presionada la tecla Mayús y haga clic en la segunda palabra para resaltarla también.

Ahora haga clic en el icono de su enlace.

Si está enlazando a una página / publicación en su sitio, comience a escribir el título.
NÓTESE BIEN. escriba el TÍTULO de la página, no el slug.

Editar el título de una página de WordPress

Una vez que encuentre la página en la lista, presione la flecha azul de 'retorno' al final del campo para aplicarla.

Para personalizar más el enlace, haga clic en el icono de engranaje al final del campo antes de hacer clic en Aplicar.

El icono de engranaje abre un cuadro que contiene OPCIONES DE ENLACE: elija la página que desea vincular.

No recomendado, pero los enlaces pueden abrir una nueva ventana (o pestaña). Simplemente marque "Abrir enlace en una nueva pestaña" dentro de la pantalla de opciones de enlace. Google penaliza los enlaces que abren una ventana diferente: los usuarios deben poder tomar esa decisión.

Un consejo rápido: en la última versión de WordPress, ni siquiera tiene que presionar el ícono de enlace al vincular texto. Copie el enlace a su portapapeles, resalte el texto y presione control-v para pegar el enlace.

Vincular una imagen en WordPress es un proceso similar.

Seleccione la imagen, luego haga clic en el icono de enlace. Siga los pasos anteriores.

Cómo editar un enlace en WordPress

Para EDITAR enlaces, siga pasos similares.

Resalta el texto o selecciona la imagen. Utilice el mismo icono y cambie el enlace al nuevo. O haga clic en el icono de lápiz que aparece.

Cómo eliminar un enlace en WordPress

Este icono completo elimina el enlace. Simplemente haga clic en cualquier lugar del enlace de texto o seleccione la imagen, luego presione este botón.

El ícono de leer más es uno que nunca uso. WordPress le permite poner texto dentro de una etiqueta READ MORE, ocultándolo en la página hasta que el usuario haga clic para leer más. El texto seguirá estando disponible para que los motores de búsqueda lo rastreen, pero Google no aprecia el contenido oculto.

Párrafos y encabezados en WordPress

Dentro de la barra de herramientas, verá un menú desplegable.

Para dar formato a una línea, haga clic en el texto de la línea o párrafo y use el menú desplegable para seleccionar un párrafo, un título 1 o un título 2.

El tema establece el estilo de los encabezados y párrafos, lo que mantiene la coherencia del diseño del sitio web.

Utilice las etiquetas correctas para los títulos y el diseño continuará en el sitio web.

¿Qué es la escritura SEO?

Más herramientas de formato en WordPress

Utilice este icono para subrayar el texto en su contenido de WordPress, haciéndolo destacar o hacer una declaración.

Simplemente resalte el texto y haga clic en el icono de subrayado.

Una herramienta de alineación de texto y creará un párrafo justificado. El espaciado se ajusta entre letras y palabras para que el texto quede alineado con los márgenes derecho e izquierdo. También conocido como justificación completa o justificación completa y excelente para texto dentro de columnas.

Como diseñador web de WordPress, le aconsejo que utilice este icono con precaución. El botón cambia el color del texto. He visto a clientes crear oraciones brillantes y coloridas con la intención de llamar la atención. No luce bien. Mantenga el texto uniforme.

¿Por qué tener el ícono 'pegar como texto' en WordPress? El texto copiado de un sitio web o un documento de Word también lleva el formato. Péguelo en una página de WordPress y pegue el formato. La página termina luciendo horrible debido a que el código está en posiciones inútiles.

Así que la próxima vez que copie y pegue, copie; luego coloque el cursor en su lugar y haga clic en la herramienta 'pegar como texto' para agregar texto sin formato. Luego formatéelo dentro de WordPress.

Si encuentra su texto por todas partes en una página, a menudo tiene formato. Si sabe lo que está haciendo y tiene una copia de seguridad, use la herramienta de 'formato claro' para eliminar todo el formato, eliminando el texto para que ahora pueda formatearlo usted mismo.

El siguiente ícono, el omega griego, abre el mapa de caracteres a continuación, lo que le permite agregar caracteres especiales, como agudo, grave y circunflejo. Útil si está creando una página multilingüe.

Estos son los iconos de sangría. Utilizándolos, puede aumentar o disminuir la sangría de un párrafo o título.

Y finalmente, los iconos de deshacer / rehacer. El de la izquierda es para deshacer y es realmente útil. Es un gris más oscuro en esta imagen porque hay un movimiento de deshacer que puedo hacer. El botón de rehacer está desactivado; no hay nada que pueda 'rehacer' en este momento. Para rehacer, primero debe deshacer algo.

Guardar una página de WordPress

Cuando realice cambios sustanciales en su página o publicación de WordPress, haga clic en el botón ACTUALIZAR para guardar la página. Esto actualiza la página de cara al público. Actualice siempre su página cuando vea cambios en la interfaz para verificar su trabajo.

Guardados automáticos y revisiones en WordPress

WordPress frecuentemente guarda automáticamente borradores de la página.

Las revisiones de su página se pueden recuperar mediante el enlace de revisiones. Se encuentra dentro de la configuración de POST. Si la configuración de la publicación está cerrada, presione el engranaje, arriba a la derecha para abrirlos. Luego presione la pestaña Página (o la pestaña Publicar dependiendo de lo que esté editando) en la parte superior.

• Haga clic en el enlace 'Revisiones' para ver los borradores y las revisiones que se han almacenado durante la vida útil del documento.
• Llegará a la pantalla 'Comparar revisiones'.
• Hay una barra de línea de tiempo en la parte superior de esta pantalla, que representa la vida de la página. Cuanto más a la izquierda tome el control deslizante, más antiguas serán las revisiones de la página.
• WordPress destaca los cambios que se han realizado, comparando la última publicación con una publicación que elija en la línea de tiempo.
• Para recuperar la versión más reciente, mueva el control deslizante completamente hacia la derecha.

Editando enlaces permanentes en WordPress

Los enlaces permanentes, también conocidos como slugs, crean la URL de la página web en WordPress. Los enlaces a la página pueden romperse cuando edita un enlace permanente, así que edítelo con precaución .

Si va a cambiar y editar enlaces permanentes, le recomiendo usar un complemento de redireccionamiento como Redirection.

Un consejo rápido: si cometió un error y cambió un enlace permanente, pero no puede recordar la URL original, busque la página mediante la búsqueda de Google. Agregue el nombre de la empresa a la búsqueda y probablemente encontrará la URL original en la lista. Cambie el enlace permanente de nuevo al nombre original.

Palabra final

Espero que hayas disfrutado de la publicación. WordPress puede ser frustrante si no comprende con qué está trabajando. Estoy seguro de que estas instrucciones te ayudarán junto con el resto de los tutoriales de WordPress en mi blog.