Formato de texto y contenidos

Información Adicional

No existe información adicional para este video tutorial.

Transcripción

Para que el contenido de nuestros artículos sean lo más legible y claros posible, es importante darles el formato correcto.

Para que esto sea lo más fácil posible, Wordpress viene con muchas herramientas integradas, precisamente para este propósito.

De hecho, el trabajo con texto en Wordpress no es tan diferente a trabajar con el texto en un procesador de texto regular como Word.

Por ello, todo el formato del texto debe hacerse directamente dentro de Wordpress.

Tenemos aquí algún texto de prueba.

Si aún no se encuentra en esta página de edición, simplemente vaya a Nuevo y entrada en la barra de herramientas

Luego de crear algún contenido para tu artículo

Podemos iniciar dando el formato que deseamos, y para ello Wordpress nos entrega muchas herramientas.

Si es la primera vez que abres la edición de artículos dentro de Wordpress, probablemente solo tengas la primera fila de herramientas en el panel de control

Si es así, da clic en el botón para opciones avanzadas y te mostrará la segunda fila de herramientas

De ese modo tendrás todas las herramientas que trae Wordpress para ayudarnos con la edición de nuestros artículos

El área de trabajo de nuestros artículos tiene todas las herramientas que podríamos esperar de un procesador de texto

Como el texto en negritas, cursiva, subrayado e incluso tachado, lo que añade una línea en medio de nuestro texto

También tenemos la opción de crear viñetas o listas ordenadas

Podemos crearlas exactamente de la misma forma que trabajaríamos con Word

Vamos a crear una lista sin orden

Creamos una línea nueva y colocamos algún texto, ahora damos clic en el botón para las viñetas y como vemos se añade la viñeta a nuestro texto

Para crear otra simplemente damos enter e iniciamos con nuestro siguiente elemento en la lista de viñetas

Y así sucesivamente

Si deseamos salirnos simplemente creamos una nueva viñeta y damos clic nuevamente en el botón para las listas sin ordenar y regresamos al texto normal

De la misma forma trabajaríamos con las listas ordenadas

Simplemente damos enter para crear otra línea y colocamos algún texto

Luego al dar clic en enter se irán creando los otros elementos de la lista

Y para salir igualmente solo damos clic en el botón de las listas ordenadas y regresaríamos al texto normal

Dentro de este editor también podemos encontrar un formato especial cuando deseamos citar a alguien

Por ejemplo supongamos que esta parte de nuestro texto es una cita

Así que lo separamos y lo dejamos en su propio párrafo

Ahora damos clic sobre cualquier parte de la cita para colocar en el nuestro cursor y damos clic en el botón con las comillas

Y como podemos observar el texto cambia para identificar este párrafo como una cita

Luego del botón para citar texto tenemos los botones de alineación de texto

La opción de alineación de nuestro texto puede llegar a dar problemas dependiendo de la plantilla que nos encontremos usando en nuestro Wordpress

La recomendación sería que no alineemos el texto, ya que la plantilla hace esto por nosotros.

Luego tenemos el botón para crear links del cual hablaremos en un futuro tutorial

Y luego del link tenemos el botón para añadir la etiqueta more a nuestro artículo

Lo que hace la etiqueta more es que parte nuestro artículo en dos áreas

La primera es como la introducción al artículo, y la segunda es lo demás del artículo, esta etiqueta es la que nos ayuda que en la vista del blog de nuestro sitio web se muestre ese botón de leer más

Y que para leer el contenido completo el visitante deba hacer clic sobre el botón de leer más, para leer la historia completa

Para añadirlo simplemente debemos colocar nuestro cursos donde deseemos que el texto se parta y dar clic en el botón de leer más,

De esta forma Wordpress partirá nuestro artículo para mostrarlo en la vista de blog

Luego de la etiqueta de leer más tenemos una gran característica y es la de full screen o pantalla completa

Esta opción nos permite editar nuestro texto en pantalla completa

Si damos clic en el podemos ver como el área de edición de contenido abarca toda la pantalla y nos permite trabajar en nuestro contenido en un ambiente libre de distracciones

Sin tener todos los otros paneles flotando por ahí

Desde esta vista podemos dar formato al texto casi con las mismas opciones que tenemos en la vista del editor normal

Para ver las herramientas solo debemos mover el cursor hacia arriba y las herramientas aparecen

Cuando hemos terminado con nuestro texto y deseamos volver a la vista normal, simplemente damos clic en el enlace para regresar

En la siguiente línea podemos ver herramientas más avanzadas para el formato de nuestro texto

Y justo al inicio de esta segunda línea tenemos una de las herramientas más importantes dentro de nuestro editor en Wordpress

Y es esta caja que dice párrafo, voy a mostrarte cómo usarla

Cuando nosotros estamos escribiendo nuestros artículos, es muy común que tengamos dentro de sub títulos, sub temas o como desees llamarlo.

En especial cuando trabajamos con artículos muy grandes

En esos casos desearemos que los subtítulos tengan el formato correcto

Para darles el formato correcto usaremos este selector que nos muestras las diferentes opciones dependiendo de la jerarquía de este sub titulo

Por ejemplo crearemos un subtítulo en esta área

Debido a que ya tenemos el título de esta página colocado, este sub título debería ser el primer subtitulo

Lo que en este selector se traduciría como el titulo2, ya que el título es nuestro titulo1

Cuando creamos contenido para la web, el primer texto que aparece en nuestros artículos debería ser el título principal

De modo que ese sería el titulo1 y cualquier sub título después del titulo1 debería ser un titulo2

Si dentro de ese subtitulo tenemos otros subtítulos entonces esos deberían ser un titulo3

De esta forma podemos añadir la jerarquía correcta a nuestros títulos y subtítulos

Algo muy importante a destacar de esta asignación de formato es que estas etiquetas no solo le indican al usuario de forma visual las partes importantes de nuestro artículo

También le ayudan a los motores de búsqueda para añadir nuestro contenido de forma óptima en sus resultados de búsqueda

Lo que esto significa es que sumamos puntos a favor con google, yahoo, bing y otros buscadores si colocamos correctamente la jerarquía de títulos en nuestro contenido

Si nunca hemos trabajo con este tipo de reglas, podemos apoyarnos en los periódicos y ver como ellos hacen las diferencias en el formato que le dan a cada encabezado

Y podremos observar como el formato muestra al lector el tipo de importancia que se le da a una noticia y los diversos subtítulos de una misma noticia

En nuestros artículos podemos crear desde una encabezado de nivel uno hasta un encabezado de nivel 6

Al lado derecho de esta opción tenemos el botón para añadir el subrayado a nuestro contenido

Y también tenemos el botón para alinear nuestro texto en justificado, el cual es similar a los otros botones de alineación de texto, y como decíamos antes en realidad no deberíamos usar los botones de alineación de texto

Y luego tenemos el botón para darle colocar a nuestro texto, el cual igualmente no deberíamos usar

El motivo es que la plantilla que nos encontramos usando ya le da un color determinado a nuestro texto

Y en todos sus diferentes formatos, si es un encabezado por ejemplo probablemente le de un color diferente que al texto dentro del párrafo, o el texto de los enlaces puede que tenga un color específico de modo que se entienda que es un enlace

Todos esos colores ya se encuentran predeterminados por la plantilla que usemos en nuestro sitio

Y es por ello que no deberíamos usar ni los botones de alineación ni el de colore de texto.

Luego de esta herramienta tenemos los botones para pegar texto

Como hemos visto antes nos ayudan a colocar texto que hemos copiado desde otro programa o procesador de texto

La recomendación es que siempre usemos el botón que pega el contenido como texto plan, ya que hace un mejor trabajo a la hora de limpiar el texto de formato predeterminado por el procesador de texto como Word

Al dar clic obtenemos una pantalla emergen desde la cual podemos pegar el texto y al hacerlo damos clic en insertar para colocarlo en nuestro artículo

Luego de las opciones de pegado tenemos la herramienta para eliminar formato del texto

Lo que esta herramienta hace es que si nosotros tenemos un texto con formato, por ejemplo coloquemos este texto en negrita

Y ahora decidimos que lo deseamos regresar a su formato original

Así que lo seleccionamos y damos clic en el botón para borrar el formato, y nuestro texto regresa a la normalidad

Claro que también podemos quitar la negrita simplemente dando clic en el botón de negrita con el texto seleccionado, pero en algunos casos probablemente encontremos esta opción más rápida y útil como cuando el texto tiene más de un atributo añadido

Luego tenemos la herramienta de añadir caracteres especiales

Esta es una herramienta muy buena ya que nos permite añadir visualmente símbolos a nuestro texto

Por ejemplo supongamos que deseamos indicar al pie de página de este artículo

Que tiene derechos de autor

Entonces podemos ir hacia abajo, colocar el curso donde deseemos añadir el símbolo y dar clic sobre este botón

De esta forma se abre una ventana desde la cual podemos seleccionar muchos símbolos

Entre ellos el símbolo de copywrite o derechos de autor

Así que solo le damos clic y se añade a nuestro artículo

Luego tenemos la herramienta de margen

Con esta herramienta podemos añadir margen a nuestros textos

Esto puede ser útil por ejemplo en el caso de tener una lista con diferentes subniveles

Vamos a añadir algunos otros elementos a esta lista

Y ahora supongamos que estos son sub elementos de un elemento mayor, así que para indicarlo añadimos el margen con esta herramienta

Si deseamos eliminarlo podemos hacer uso del botón a su lado el cual elimina los márgenes

Y también tenemos los botones para deshacer y rehacer

Como puedes ver las funciones para edición de texto son bastante útiles y variadas

Usándolas correctamente podemos actualizar nuestro sitio web de forma rápida y eficiente.

2 Comments on “Formato de texto y contenidos”

  1. Jhon459

    Wow, me sorprende la cantidad de herramientas que puedo usar en WordPress para mi artículos, me parece muy interesante todo lo que puedo hacer aquí, gracias por estos tutoriales, estoy aprendiendo bastante.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image