Curso de Diseño de Páginas Web “TP Nº08”

Título: Utilización de etiquetas y widgets.

¿Qué son las etiquetas?

Las etiquetas o tags son las herramientas que WordPress utiliza para etiquetar los artículos o posts de
tu blog. Cada post o entrada puede tener diferentes etiquetas, que están formadas por una palabra o
un conjunto de ellas (no se aconseja utilizar más de 3 palabras), con las que puedes definir el contenido
de tu artículo, además de las categorías en las que se publique ese post.

Las etiquetas pueden pertenecer a diferentes categorías. Por ejemplo, si tienes dos categorías como
Diseño Web y Posicionamiento SEO, WordPress podría ser una etiqueta para utilizar en los posts de
ambas categorías que hablen sobre este CMS.

La función principal de las etiquetas es organizar por temáticas similares los posts o entradas de tu
WordPress, facilitando que el usuario que navega por tu web encuentre diferentes posts sobre el tema
que está buscando. Utilizando el buscador de tu página:

Tu posicionamiento no va a mejorar porque crees un montón de etiquetas similares, debes crear pocas
etiquetas en la que puedas agrupar varias entradas con temas comunes que faciliten las búsquedas del
usuario. Las etiquetas sirven para mejorar el enlazado interno de tu página web, ayudando al SEO
(Optimización en motores de búsqueda por sus siglas en inglés Search Engine Optimization) .

Etiquetas

Para crear una etiqueta dentro de la administración de Wordpress.com:

1. Editar cada una de las entradas del blog (tigre, gato, oso y elefante) para incorporar al menos dos
palabras como etiqueta, que indiquen algunas de sus características.

❖ Puedes hacerlo separándolas con coma.

❖ Actualizar y ver los cambios en vista previa.
❖ Revisar los cambios desde la parte pública del sitio. Las etiquetas se visualizarán así:

1
Widgets

Los widgets son funcionalidades que podemos añadir en las barras laterales de tu sitio web.
Podemos acceder a ellos desde la barra lateral izquierda de WordPress en el menú desde Personalizar →
Widgets. Ya hemos utilizado widgets para categorías.

Hay muchos tipos de widgets: pueden ser imágenes, texto, formularios de suscripción, botones de redes
sociales, menús, categorías, etc. Puedes encontrar la lista de Widgets y áreas de Widgets disponibles en
la sección Personalizar → Widgets del panel de WordPress.

Los Widgets permiten agregar contenido y características en las áreas de tu tema destinados para ello,
principalmente la barra lateral. Estas áreas asignadas para widgets pueden estar en el encabezado, el pie
de página, la barra lateral, debajo del contenido y, en cualquier otra área del tema. Las áreas de Widgets
disponibles que tiene un tema variarán de un tema a otro. Hay Temas que tienen más áreas disponibles
que otros.

Tenemos una sección de Widgets disponibles en el lado derecho y una barra de Widgets activos en el
lado izquierdo, todos se pueden mover, arrastrando y soltando y también en el caso de la barra quitarlos
simplemente arrastrándolos a la zona de Widgets inactivos.

En cualquiera de los activos podemos cambiarle el título y en función a cada Widget configurarlo
dentro de las opciones que nos ofrecen.

2. Dentro de la administración de Wordpress ingresar en Personalizar → Widgets y realizar lo siguiente:

a. Añadir en “Zona principal de Widgets” los Widgets de: “Buscar”, “Entradas recientes”,
“Comentarios recientes”. Con estos títulos.
b. Añadir en “Zona secundaria de Widgets” los Widgets de: “Calendario”, “Nube de etiquetas”
y “Texto” El de texto puede ser utilizando ”<> código” o “Verso (Utilizar dicho Widget para
mostrar la siguiente frase: “Ningún país puede pensar en desarrollarse sobre bases coloniales”).
c. Guardar y revisar los cambios desde la parte pública del sitio.

En el cuadro de búsqueda podemos comenzar a escribir la palabra que identifica al widget que nos
interesa insertar. O si ya lo conocemos podemos buscarlo directamente haciendo scroll hacia abajo de la
ventanita que muestra la lista de widgets disponibles.

2
Ejemplos de Widgets de Calendario, Nube de etiquetas y de Texto:

3
Utilización de código HTML como widgets de texto

3. Ingresar a Google y descargar su logo.

4. Dentro de la administración de WordPress acceder a Medios→ Añadir archivo y cargarlo a la

biblioteca de Wordpress.

5. Dentro de la administración de WordPress acceder a la sección Páginas y Añadir una Página

Crear una nueva página en blanco y cargar el logo.

4
6. Centrar la imagen y enlazarla a la URL de Wikipedia, tildar la casilla “abrir enlace en una nueva ventana”
y guardar como borrador.

5
7. Hacer clic en “Editar como HTML” y copiar el código con Control+C

Guardar la Página como Borrador (para que no sea publicada).

8. Dentro de la administración de WordPress acceder a Personalizar -- Widgets y añadir en la Zona

principal de widgets, un widget de “HTML personalizado”, dentro del cual pegarán utilizando
6
 Control+V, el texto copiado y ponen de título Wikipedia. Guardar y publicar.

9. Utilizando la ruedita del mouse revisar los cambios desde la parte pública del sitio.

V.2021-09