WordPress se construyó inicialmente para ser un sistema de blogs simple que facilitó la publicación de contenido en línea. Con el tiempo, se ha transformado en un Sistema de Gestión de Contenidos (CMS) completo. Los usuarios ahora tienen un control completo sobre el diseño y la funcionalidad de sus sitios web de WordPress. Sin embargo, sin contenido, el diseño y la función no significan nada y, en ese sentido, WordPress se mantiene fiel a sus raíces: creación y gestión de contenido.
Si bien se han integrado muchas funciones en el software base de WordPress, la creación de contenido sigue siendo su principal fuerza impulsora. Con eso en mente, echemos un vistazo más de cerca al editor visual de WordPress en esta publicación y cómo puede utilizarlo mejor.
WYSIWYG
WordPress le permite crear y administrar contenido visualmente en lugar de codificarlo directamente en sus archivos. Por lo tanto, se llama editor WYSIWYG o «Lo que ves es lo que obtienes» para los no iniciados. La herramienta de edición tiene tres partes:
- Editor visual
- Editor de texto (donde puede ingresar el código)
- Media Uploader (para cargar archivos de imagen)
De forma predeterminada, el Editor visual está activo cuando está creando una nueva publicación o página (Paginas > Agregar nuevo o Publicaciones > Agregar nuevo). Si por casualidad no está activo, haz clic en él:
WYSIWYG significa que lo que ves en el Editor visual mientras editas tu publicación es lo que aparecerá en la publicación publicada. El Editor de texto le permite ingresar texto sin formato y también le permite ingresar código (marcado HTML) directamente como si estuviera trabajando con el archivo HTML real. Lo activas haciendo clic en el Texto pestaña en el extremo derecho del editor:
Media Uploader hace precisamente eso: carga archivos multimedia a la biblioteca multimedia para que pueda insertarlos en sus publicaciones como desee:
Con esta breve introducción al poderoso editor visual de WordPress, veamos ahora cómo puede usar algunos botones clave para crear y editar contenido. Estoy usando el tema de Blogger de nuestra colección de regalos para las ilustraciones.
Agregar texto
Lo primero es abrir una nueva página o publicación y abrir el editor visual: Vaya a Publicaciones > Agregar nuevo. De forma predeterminada, verá una barra de herramientas condensada al crear una nueva publicación:
Haga clic en el icono del Fregadero de la cocina para revelar otras opciones de formato en la barra de herramientas:
Para la creación y administración de contenido básico, las opciones de formato anteriores funcionarán bien. Incluso si es nuevo en WordPress, la mayoría de los iconos le resultarán familiares a otros editores de texto como Microsoft Word. De hecho, todos los íconos en la barra de herramientas del editor visual realizan la misma función que los íconos idénticos en Microsoft Word, así que he seleccionado los menos familiares para discutirlos.
Para agregar texto, simplemente escriba su contenido en la ventana del editor. Sin embargo, a veces es posible que su contenido ya haya escrito en algún lugar y, en ese caso, puede simplemente pegarlo como texto sin formato o con formato de Word usando estos botones en la barra de herramientas:
Usar esta ruta es rápido y el editor visual hace un buen trabajo al preservar gran parte del formato de Word, mejor que copiar y pegar estándar, al menos. Sin embargo, como pronto descubrirá, no es un trabajo impecable y, a veces, puede terminar con el texto destrozado. Encuentro que es mucho más fácil pegar como texto sin formato y luego hacer el formateo dentro del editor visual.
Eliminar el formato de su texto
Como hemos visto o como verá cuando experimente con estos botones de formato, el editor visual tiene debilidades cuando se trata de manejar texto formateado importado de otros editores de texto. Por lo tanto, es posible que lo mejor sea trabajar con texto antiguo sin formato. Este es el botón que debería usar para eliminar el formato del texto importado:
Resalte su texto y haga clic en ese botón. Su texto ahora tendrá el formato predeterminado de su tema. Tenga en cuenta que este botón no funciona para algunos tipos de formato, como citas en bloque y encabezados. Hay otros botones de formato que se encargan de esos tipos.
Cambiar el tipo de texto
Tendrá varios tipos de texto en su documento, incluidos párrafos y encabezados. Para cambiar su tipo de texto, resalte la porción de texto que desea modificar y haga clic en el menú desplegable de formato en el extremo izquierdo de la barra de herramientas del editor. Seleccione el formato que desee y listo:
Obviamente, puede formatear sus publicaciones de la forma que desee, pero asegúrese de que haya cierta estructura para mantener la coherencia. Los encabezados de sección, por ejemplo, deben tener el mismo formato de encabezado, como Título 2, mientras que el encabezado principal suele ser Título 1. Además, el texto de párrafo estándar debe tener un formato predeterminado y, por lo tanto, el texto y las direcciones preformateados.
Recuerde: los formatos predeterminados para los distintos tipos de texto dependen de su tema. Cada tema viene con su propio estilo predeterminado para los tipos que ve en el cuadro desplegable de formato.
Utilizar el Párrafo escriba en el cuadro desplegable para eliminar el formato de los encabezados, ya que Quitar formato El botón no funciona para encabezados y citas en bloque.
Utilizar el Blockquote para formatear o eliminar el formato de cita en bloque:
Edición de pantalla completa
Si te gusta trabajar con las mínimas distracciones, encontrarás el modo de pantalla completa ideal para ti y este es el botón que lo activa. Simplemente cierra todas las cosas no esenciales en la pantalla y lo deja solo con el cuadro de contenido y una barra de herramientas condensada que se oculta y aparece automáticamente cuando se desplaza sobre la página.
Insertar más etiqueta
Si bien esta es una característica del editor visual que a menudo se pasa por alto, es muy útil cuando se trata de mostrar extractos de publicaciones en su blog. Como ya sabe, si ha publicado publicaciones en su blog, WordPress muestra extractos de estas publicaciones en las páginas de inicio y archivos. Sin embargo, WordPress trunca los extractos al azar y esto podría estar en medio de una oración.
Aquí es donde el ingenioso Insertar más La función de etiqueta es útil. Le permite especificar exactamente dónde terminará el extracto. Se insertará un enlace que apunta a la publicación completa donde especificó que terminara el extracto. Hay muchas formas de formatear esta etiqueta, pero recuerde que, de forma predeterminada, solo funciona para publicaciones (no para páginas):
Nota: El uso del Insertar más etiqueta se basa en el soporte del tema elegido. La mayoría de los temas desarrollados cuidadosamente lo apoyan, pero algunos no.
Agregar y quitar enlaces
Insertar y eliminar enlaces también es sencillo con estos botones. Están inactivos de forma predeterminada hasta que resalte el texto que desea convertir en el enlace. El botón de la izquierda agrega un enlace mientras que el de la derecha los elimina.
Caracteres especiales
Si alguna vez usó el botón de caracteres especiales en Word, esto también debería resultarle familiar. Sin embargo, este es más intuitivo ya que muestra los códigos HTML y NUM de un personaje al pasar el cursor sobre él:
Si es un usuario habitual de WordPress, es probable que ya esté familiarizado con la mayoría de las cosas que hemos visto anteriormente, pero para los nuevos usuarios de WordPress, esta debería ser una guía de inicio útil para el editor visual en WordPress; sus capacidades así como sus limitaciones.
También me gustaría saber de usted cómo usa el editor visual. ¿Tiene algún consejo o truco que le gustaría compartir?