¿Qué son las anclas y cómo usarlas en Gutenberg?

Las anclas (o enlaces ancla) permiten crear enlaces que llevan directamente a una parte concreta de una página o entrada. Son muy útiles para índices de contenido, preguntas frecuentes o páginas largas donde queremos facilitar la navegación al lector.

Podemos ver un ejemplo de este tipo de enlaces en el siguiente índice de contenidos para esta entrada

¿Qué es un ancla?

Un ancla es un identificador único que se asigna a un bloque dentro de la página. Después, puedes crear enlaces que apunten directamente a ese punto usando el símbolo #.

Por ejemplo:
https://portal.edu.gva.es/centro/entrada#ancla1 llevará al usuario al bloque que tenga el ancla ancla1.

Cómo crear un ancla en Gutenberg

  1. Selecciona el bloque al que quieras enlazar (por ejemplo, un encabezado).
  2. En el panel derecho, abre la pestaña Avanzado.
  3. Busca el campo Ancla HTML.
  4. Escribe un nombre corto, sin espacios ni acentos (ejemplo: servicios, faq, contacto).

Cómo crear un enlace hacia el ancla

  1. Selecciona el texto o botón desde donde quieras enlazar.
  2. Añade un enlace usando #nombre-del-ancla.

Ejemplo:

  • Si el ancla es crear_ancla, como en el caso de la segunda entrada de nuestro índice. El enlace será 👉 #crear_ancla.

También puedes enlazar desde otra página usando la URL completa:
https://portal.edu.gva.es/centro/entrada#crear_ancla

Consejos rápidos

  • Usa nombres claros y simples.
  • Evita espacios y caracteres especiales.
  • Las anclas funcionan especialmente bien con bloques de Encabezado (H2, H3…) para crear índices automáticos.

Las anclas mejoran la experiencia del usuario y hacen que navegar por contenidos largos sea mucho más rápido y cómodo.

Bloque contenedor animado

Este bloque nos permitirá:

  • Agrupar bloques con fondo animado de imágenes con efectos
  • Mostrar una animación de imágenes con efectos

Este es un bloc titular sobre el contenidor animat

Te mostramos cómo utilizarlo:

1.-Insertamos el bloque

Añadimos el bloque «Contenedor Animado». Nos aparecerá en el lienzo, en forma de rectángulo.

Haciendo clic sobre el +, podemos añadir otros bloques al contenedor, que quedarán agrupados y tendrán el fondo común. En este caso, añadiremos un bloque titular.

Escogeremos un color de texto blanco y un fondo gris con transparencia, de manera que resalte el texto sin tapar las imágenes.

Ajustaremos el formato del titular a nuestro gusto, modificando:

  • Negrita (peso de la fuente)
  • Tamaño de la fuente
  • Color de texto: blanco
  • Color del fondo: gris con transparencia
Bloque Titular: Selección de color con transparencia para el fondo

2.-Ajustamos la altura del contenedor y otras opciones de aspecto

Por defecto, el contenedor se muestra a ancho completo y con una altura mínima. Es importante configurar la altura que deseamos mostrar.

En este caso, hemos ajustado:

  • Altura: 400px
  • Alineación vertical: Centro
  • Alineación horizontal: Centro

3.-Configuración del fondo (animado)

Disponemos de tres opciones:

  • Imagen estática
  • Color sólido
  • Degradado
  • Imagen deslizante

En este ejemplo, elegiremos esta última, ya que las otras opciones las tenemos también en el bloque contenedor de generateblocks.

Al seleccionar la opción de Imagen deslizante en el tipo de fondo nos aparece la opción de crear una galería (selección de imágenes) que se mostrarán dinámicamente en el fondo del contenedor. Podemos elegir también alguno de los efectos de transición que se nos ofrecen.

Una vez seleccionadas de la mediateca las imágenes, pulsaremos el botón «Crear una galería nueva», abajo, a la derecha.

Ahora se nos mostrarán solo las imágenes seleccionadas y pulsaremos el botón: «Insertar una galería»

Una vez insertada la galería, aparecerá en el lienzo nuestro fondo animado con imágenes.

Además, se mostrará una previsualización de las imágenes en el panel derecho de configuración.

Es el momento de probar diferentes efectos de animación para dejar nuestro bloque listo!

Páginas y entradas multilingües

En Portaledu, las páginas y entradas pueden ser multilingües. De hecho, como alojamiento de portales institucionales, las portadas de todos los portales y la mayoría de los contenidos los encontraremos en valenciano y en castellano. Cuando un contenido es bilingüe, encontraremos el conmutador de idioma en la cabecera, arriba a la derecha:

Para crear contenidos bilingües seguiremos los pasos siguientes:

1.-Creamos el contenido original en un idioma

Creamos un nuevo post o página en el idioma que deseamos. Podemos comprobar el idioma en que está configurado el contenido desde la edición, botón de idioma, arriba a la derecha.

Guardamos las modificaciones. Publicamos cuando tengamos el contenido acabado. A continuación veremos diferentes formas de crear la traducción (versión en otro idioma) de nuestro contenido original.

Importante: Para que se muestre el conmutador de idioma en un contenido, hace falta que estén publicadas las versiones en los idiomas correspondientes.

2.-Generamos la traducción. Opción 1: copia del contenido original

En este paso, generaremos el contenido en el otro idioma, en este caso, en castellano. Utilizaremos esta opción si queremos hacer nosotros mismos la traducción.

Nuevamente, desde la sección de idioma, arriba a la derecha, mientras editamos el contenido, haremos clic sobre el + para crear la entrada en el idioma correspondiente (identificado por la bandera).

Si queremos que el nuevo contenido sea creado como copia del original, para conservar toda la estructura (columnas, imágenes, bloques), nos aseguraremos que esté marcado el icono de «Duplicación de contenido», identificado por dos rectángulos solapados.

No olvidéis guardar el contenido en el idioma original antes de crear la traducción.

Se creará inmediatamente una nueva entrada o página que será una copia de la entrada o página original, si bien estará clasificada con el otro idioma. Ambos contenidos quedarán asociados o emparejados, el uno como traducción del otro.

Una vez creada, podemos realizar la traducción de los textos que haya que modificar.

3.-Generamos la traducción. Opción 2: Traducción automática con Salt

Usaremos esta opción cuando queramos una traducción automática de los textos de la página. Habrá que hacer una revisión de la traducción por parte del usuario.

4.-Vincular contenidos en diferentes idiomas

En cualquier momento podemos asociar contenidos hechos en diferentes idiomas desde la configuración de idioma del contenido, mientras estamos editándolo.

Para hacerlo, teclearemos el nombre del contenido que queramos asociar como traducción. Inmediatamente aparecerán, para seleccionar, los contenidos que existan en el idioma correspondiente y que no tengan pareja todavía.

5.-Vista de los vínculos de traducción desde el listado de entradas

Desde el listado de entradas o páginas, en el escritorio, podemos ver en qué idioma está clasificado nuestro contenido y también si el contenido tiene pareja de traducción:

La bandera indica el idioma del contenido. Un lápiz indica que el contenido está traducido a este idioma y si hacemos clic sobre él, iniciaremos la edición de esa traducción.

Si en vez de un lápiz, hay un +, indica que no hay traducción en ese idioma para nuestro contenido.

Ocultar bloques y programar su visibilidad

Si quieres ocultar alguna parte de tu contenido (uno o varios bloques) temporalmente, de forma que no sean visibles para los visitantes, puedes hacerlo con la nueva funcionalidad de «visibilidad» que encontrarás en la configuración de cualquier bloque.

1.-Opciones de configuración

  • Siempre visible: Es la opción por defecto. El bloque se muestra normalmente.
  • Siempre oculto: Si seleccionas esta opción, el bloque no se visualizará en el contenido.
  • Programado: Permite establecer un intervalo temporal en que se visualizará el contenido (Fecha y hora de inicio, fecha y hora de fin). Es importante tener en cuenta que la caché de Portaledu puede interferir en este horario. Simplificando la explicación, el horario programado puede sufrir un retraso de hasta 30 minutos, tanto en su momento de inicio, como en su momento de fin. Si deseas que el contenido se muestre exactamente a una hora concreta, debes gestionar la visibilidad manualmente, utilizando las opciones de siempre visible o siempre oculto y pulsando el botón de guardar la página o entrada.

2.-Ocultar varios bloques

No hay límite en el número de bloques a ocultar. Cada bloque tiene su propia configuración de visibilidad y se puede configurar de forma independiente del resto.

Si deseas ocultar varios bloques de contenido simultáneamente puede ser buena idea agruparlos en un contenedor.

3.-Efecto de la caché sobre el horario programado

Para que todos los sites de Portaledu tengan un buen rendimiento y se pueda afrontar la elevada carga de visitas a nuestro portal, tenemos desplegado un servidor de caché que despacha los contenidos previamente solicitados y procesados por el servidor de aplicaciones. Esto alivia la carga de los servidores principales. Normalmente este sistema es transparente y no afecta a los usuarios porque, cada vez que un editor actualiza (guarda) un post, se indica al servidor de caché que el contenido se debe refrescar, es decir, se invalida la caché.

Pero en este caso de eventos programados, es importante tener en cuenta que la caché de Portaledu puede interferir en el horario. Simplificando la explicación, el horario programado puede sufrir un retraso de hasta 30 minutos, tanto en su momento de inicio, como en su momento de fin. Si deseas que el contenido se muestre exactamente a una hora concreta, debes gestionar la visibilidad manualmente, utilizando las opciones de siempre visible o siempre oculto y pulsando el botón de guardar la página o entrada. O bien mantener la programación, pero darle al botón de guardar la entrada justo cuando desees que el cambio se transmita a los visitantes, ya que el guardado invalida la caché.

4.-Recomendaciones sobre la ocultación de bloques

Te recomendamos que no dejes bloques permanentemente ocultos «por si acaso», ya que estos bloques sin uso ocupan recursos del sistema y perjudican el rendimiento de la aplicación, ralentizan la edición del contenido, etc.

Si quieres guardar uno o varios bloques que no vayas a utilizar ahora, recomendamos copiarlos y pegarlos en algún contenido que puede incluso estar en borrador (no publicado).

Vista de lista de bloques en gutenberg

En este artículo explicaremos la vista de lista de bloques del editor Gutenberg de WordPress, su utilidad, el funcionamiento del arrastre y reordenación de bloques, y las ventajas específicas cuando se trabaja con bloques contenedores.

1.-Introducción

La vista de lista de Gutenberg (o List View) es una de las herramientas más potentes y menos aprovechadas del editor de bloques de WordPress. Aunque a simple vista Gutenberg funciona de forma muy visual —haciendo clic sobre cada bloque directamente en el lienzo—, la vista de lista ofrece una forma alternativa, más precisa y eficiente de trabajar con contenidos complejos.

La vista de lista es un panel lateral que muestra todos los bloques del contenido en forma de estructura jerárquica, como si fuera un árbol.

Permite visualizar:

  • Qué bloques contiene cada sección
  • Los bloques anidados dentro de otros (columnas, contenedores, filas…)
  • La estructura real del documento

Es especialmente útil cuando tu página:

  • Tiene muchos bloques
  • Incluye maquetaciones complejas
  • Usa contenedores anidados
  • Trabaja con bloques que visualmente son difíciles de seleccionar

Puedes abrirla desde el icono con forma de lista en la barra superior del editor.

Edició del post - Botó resum del document
En edición del post: Botón Resumen del Documento

Edició del post - Vista de llistes
En edición del post: Vista de lista

2.-Utilidad de la vista de lista de bloques

1. Selección precisa de bloques

A veces seleccionar un bloque concreto en el lienzo es complicado, especialmente si está dentro de varios niveles de anidación.
En la vista de lista solo tienes que hacer clic en su nombre.

2. Comprensión visual de la estructura

Cuando trabajas con contenedores, columnas o secciones complejas, ver la jerarquía te ayuda a entender mejor:

  • Qué depende de qué
  • Si un bloque está dentro o fuera del contenedor correcto
  • Cómo está organizado realmente el contenido

3. Más rapidez al editar

Editar nombres, mover bloques, duplicar o reorganizar es mucho más rápido aquí que usando solo el lienzo.

3.-Arrastrar y mover bloques desde la vista de lista

En la vista de lista puedes arrastrar un bloque y soltarlo en otro sitio.
No solo puedes reordenarlos dentro del mismo nivel, sino también moverlos entre distintos niveles de anidación, algo que en el lienzo suele resultar incómodo.

¿Cómo funciona el arrastre?

  • Haz clic en el bloque que quieras mover.
  • Mantén pulsado y arrastra a la posición donde quieres colocarlo.
  • Verás una línea azul que indica dónde se va a soltar.

El sistema es especialmente útil cuando:

  • Una página tiene decenas de bloques
  • Los bloques tienen poco contenido visual (espaciadores, contenedores vacíos…)

Puedes seleccionar varios bloques utilizando la tecla MAYÚSCULAS + CLIC izquierdo del ratón.

4.-Opciones sobre cada bloque

Si haces clic sobre los tres puntos verticales, a la derecha de cualquier bloque, observarás que emerge un menú contextual donde se ofrecen diferentes acciones como: Copiar, Duplicar, Añadir antes, Añadir después, Eliminar…

5.-Agrupar bloques dentro de un contenedor

Una de las acciones más interesantes es arrastrar varios bloques dentro de un contenedor, como el que incorpora Portaledu, de GenerateBlocks.

¿Qué aporta esto?

✔ Reorganización instantánea

Pasa contenido suelto a un contenedor sin tener que cortar y pegar.

✔ Control total sobre el diseño

Todo lo que está dentro del contenedor puede:

  • Compartir estilos comunes
  • Tener un fondo común
  • Convertirse en una sección reutilizable

✔ Limpieza estructural

La vista de lista te permite verificar que el bloque está realmente dentro del contenedor correcto —algo que visualmente, a veces, no es evidente.

6.-Copiar y pegar bloques

Uso de patrones en Portaledu

Como sabéis, WordPress ofrece una serie de patrones (o plantillas) genéricos que podemos incorporar a nuestras entradas o páginas. Estos patrones nos ofrecen diseños concretos, elaborados con bloques del editor estándar. Una vez añadidos a nuestro contenido, podremos editarlos y personalizarlos a nuestro gusto. Veamos cómo hacerlo.

1-Acceso a los patrones

Cuando creamos una nueva entrada o página, o bien al editar cualquiera de las que ya tenemos creadas, podemos añadir patrones. Para ello, haremos clic sobre el «+» que aparece en la parte superior izquierda del editor:

Tras hacer clic, se nos abrirá un panel a la izquierda, para añadir bloques, patrones o ficheros. Seleccionaremos la pestaña de patrones:

2-Listado de patrones

Al hacer clic sobre Patrones nos aparecerá un listado de categorías de patrones. La mayoría vienen por defecto con WordPress. Os animamos a echar un vistazo por si os interesa algún diseño.

En todo caso, Portaledu ha incorporado su propia colección de patrones, que encontraréis en la categoría con su nombre.

3-Patrones de Portaledu

Portaledu ofrece una selección de patrones confeccionados con bloques estándar, tanto genéricos como propios de Portaledu. Al hacer clic sobre la categoría Portaledu, se mostrarán a la derecha los patrones correspondientes. Si pasamos el ratón por encima de alguno de ellos, se mostrará una descripción del mismo.

4-Insertar un patrón

Añadir un patrón a nuestro contenido es tan fácil como hacer clic sobre el mismo. Al hacerlo, aparecerá automáticamente en nuestro contenido. Un mensaje emergente nos notifica el evento (Patrón de bloque «nombre del patrón» añadido)

5-Idioma de los patrones de Portaledu

Los patrones no tienen idioma asignado, ya que son simplemente plantillas de bloques, pensadas para facilitar diferentes diseños de maquetación, siendo el contenido de textos e imágenes irrelevante. Así, encontraremos en los patrones, textos en diferentes idiomas y también imágenes que están pensados para ser editados y sustituidos, adaptando cada usuario su contenido.

6-Ampliación de la colección de patrones

Portaledu irá ampliando su colección de patrones en función de las necesidades detectadas. Comprueba de vez en cuando la categoría de patrones de Portaledu, por si hubiera alguna novedad.

Uso de categorías

1-¿Cómo nos ayudan las categorías en wordpress?

Las categorías de WordPress nos permiten agrupar las entradas en grandes grupos para poder gestionar o visualizar aquellas entradas relacionadas con esa categoría. Un sitio web puede tener categorizados diferentes temas. Por ejemplo, novedades, secretaría, general, preguntas frecuentes, o niveles educativos como primaria, secundaria, etc…

La categorización del contenido es útil en muchos aspectos:

  • Darle al usuario una experiencia cómoda donde le sea rápido encontrar información sobre un tema.
  • Cuando un usuario entra en un artículo y le gusta su contenido, puede seguir leyendo sobre otros asuntos relacionados accediendo a los demás artículos de la categoría.
  • El contenido estructurado de nuestra web puede ayudar al posicionamiento, ya que los robots de indexado pueden leer y categorizar el contenido de forma ágil.

En Portaledu disponemos de diferentes bloques capaces de mostrar, de diferentes formas, las entradas de una misma categoría. Esto nos permite que cualquier nueva entrada categorizada y publicada pueda mostrarse automáticamente en las páginas configuradas con esos bloques dinámicos.

Al final de este post, encontrarás toda la información sobre estos bloques.

2-Añadir una categoría

Desde el menú de Categorías (Entradas –> Categorías), podemos crear una categoría para después asociar cualquier entrada a esta. Crear una categoría es simple; el formulario de creación nos explica qué es cada cosa para que no nos perdamos.

Formulari afegir nova categoria
Ejemplo formulario nueva categoría
Formulari afegir nova categoria (novetats)
Ejemplo formulario relleno nueva categoría (Novedades)

Como se puede ver, en el formulario, aparecen explicaciones de todos los apartados: Nombre, Slug, Categoría madre, Descripción e Idioma. Hacemos énfasis en el campo slug, que será el identificador de la categoría. Se recomienda que sea lo más claro y sencillo posible para que los visitantes entiendan qué contenido estará adscrito a esa categoría.

3-Categoría en varios idiomas. Traducciones.

Los sitios web en Portaledu son habitualmente bilingües o multilingües. Necesitaremos crear las traducciones para cada categoría y enlazarlas entre sí. Pongamos un ejemplo:

Si hemos creado la categoría Novetats, en valenciano:

  • Nombre: Novetats
  • Slug: novetats-va
  • Categoría madre: ninguna
  • Descripción: Categoria per a classificar les novetats del portal
  • Idioma: Valencià

Crearemos su equivalente en castellano:

  • Nombre: Novedades
  • Slug: novedades-es
  • Categoría madre: ninguna
  • Descripción: Categoría para clasificar las novedades del portal
  • Idioma: Castellano

Una vez creadas ambas categorías, editaremos una de ellas y le asignaremos su traducción, desde el campo Traducciones. Simplemente tecleando el nombre de la categoría en el idioma correspondiente, WordPress nos ofrecerá la opción.

Editar categoria. Associar traducció.
Asignar traducción a una categoría

Otra opción, que podéis explorar, es generar la traducción desde el listado de categorías. En este caso, crearíamos la categoría en el primer idioma y después, desde el listado de categorías, utilizaremos la opción de «+» o «crear traducción» como mostramos en la imagen siguiente:

Categoria. Crear traducció des de el llistat.

Una vez creadas y emparejadas las traducciones, podemos comprobar en el listado que ya no aparece el «+» de crear traducción, sino un icono de un lápiz, para editar las traducciones:

Categories. Parella de traduccions.

4-Administrar categorías

Desde el menú de categorías, podemos editar, borrar y actualizar las categorías. El listado es idéntico a como se muestran las entradas o las páginas de WordPress. Se muestra su nombre con las opciones de Edición, Edición Rápida, Borrar o Ver.

5-Categoría por defecto

WordPress añade la categoría llamada ‘Sin categoría’ por defecto, ya que todos las entradas se añaden a esta categoría para tener un orden a pesar de que el usuario no utilice las categorías o se añadan a esta categoría especial para saber si existe una entrada sin categorizar.

Esta categoría se puede modificar, pero no borrar. Si no queremos mostrar esta categoría a nuestros visitantes, simplemente debemos asegurarnos de que ninguna entrada pertenece a la categoría «Sin categoría».

Es una práctica habitual, renombrar esa categoría (y el slug) a «General»:

Categoria General (Sense categoria)

Para saber cuántas entradas pertenecen a una categoría, basta mirar, en el listado de categorías, el número que se muestra a la derecha. Si hacemos clic sobre este número, se mostrarán las entradas adscritas a esa categoría.

Nombre d'entrades associades a cada categoria.
Listado de categorías con número de entradas asociadas a cada una

6-¿Cómo categorizar una entrada?

Se puede hacer de dos formas: desde la edición rápida de cada post o bien editando el artículo, desde la barra lateral de utilidades. Recomendamos la segunda opción, ya que en la edición rápida no aparecen todas las posibilidades de edición de las entradas.

Cuando estamos editando la entrada o durante la creación de esta, podemos observar que hay un pequeño recuadro donde pone ‘Categorías’. En él, podremos observar todas las categorías que tenemos ya agregadas, las más utilizadas o incluso crear categorías nuevas si se necesita alguna en un momento específico. Obviamente, no vamos a poder añadir toda la información desde este panel, pero podemos crear rápidamente una categoría para que nuestro artículo no quede sin categorizar.

Edició del post. Assignar categoria.

En la imagen de arriba, podemos ver la categoría seleccionada para la entrada que estamos editando.

7-Cómo mostrar las entradas de una categoría

Tenemos muchas formas de hacerlo!

BLOQUES QUE MUESTRAN ENTRADAS

Diferencia entre Página y Entrada en WordPress

En WordPress, los contenidos se organizan principalmente en dos tipos: páginas y entradas. Aunque ambos son elementos que publicamos en la web, cumplen funciones diferentes y es importante saber cuándo usar cada uno.

Ejemplo de página de portada (estructura fija) que muestra contenido dinámico (entradas de la categoría «Noticias») mediante un bucle de consulta.

1.-¿Qué es una Página?

Una página es un contenido estático o con estructura estática, pensado para información o apariencia que no cambia con frecuencia. Ejemplos típicos en la web de un centro educativo son:

  • Portada
  • Secretaría
  • Departamentos
  • Quiénes somos
  • Oferta educativa
  • Contacto
  • Normativa del centro

Las páginas no se ordenan por fecha y no forman parte del blog o de las noticias. Son ideales para información permanente o bien para mantener una estructura fija, mostrando información dinámica y actualizada. Es un caso habitual utilizar las páginas para mostrar entradas recientes, novedades, etc.; la página mantiene una estructura pero el contenido que muestra no es estático.

Las páginas suelen estar referenciadas en el menú horizontal del sitio web.

Aquí tienes un ejemplo de una página:

Portaledu Inicio


2.-¿Qué es una Entrada?

Una entrada es un contenido dinámico, pensado para publicar noticias, novedades o artículos que se organizan cronológicamente o se pueden agrupar por categorías. Ejemplos:

  • Publicación de actividades recientes
  • Avisos importantes
  • Eventos del centro
  • Proyectos del alumnado

Las entradas se pueden categorizar y etiquetar, lo que permite agruparlas por temas (por ejemplo: «Noticias», «Novedades», “Primaria”, “Secundaria”, “Actividades extraescolares”). Encontrarás información al respecto en Uso de categorías – Portaledu.

Aquí tienes un ejemplo de una entrada:


3.-¿Cómo se relacionan en Portaledu?

En Portaledu, las páginas no solo muestran contenido estático, sino que también pueden incluir entradas categorizadas mediante diferentes formatos:

  • Carrusel de entradas: muestra las últimas noticias en forma de imágenes deslizantes. (+info).
  • Visor deslizante: permite navegar entre varias entradas destacadas. (+info).
  • Bucle de consulta: lista entradas según criterios (categoría, fecha, autor). (+info).
  • Acordeón de entradas: organiza las noticias en paneles desplegables. (+info).
  • Pestañas con entradas: agrupa contenidos por categorías en diferentes pestañas (+info).

Esto significa que una página puede convertirse en un contenedor dinámico, mostrando información actualizada sin perder su carácter estructural.


4.-¿Cuándo usar Página y cuándo Entrada?

  • Usa una Página para información fija y estructural (por ejemplo, «Portada», “Calendario escolar” o “Proyecto educativo”).
  • Usa una Entrada para noticias, avisos y contenidos que tienen carácter temporal (por ejemplo, “Excursión al museo” o “Resultados del concurso literario”) o bien contenidos que se pueden clasificar en una categoría o temática como «Preguntas Frecuentes», «Novedades», «Formación», «Secretaría». Las entradas que pertenecen a una misma categoría pueden mostrarse fácilmente en una o varias páginas, a través de los bloques mencionados anteriormente.

Consejo práctico:
Si quieres que las familias encuentren fácilmente las novedades, publícalas como entradas y utiliza las páginas para organizar esas entradas por categorías, usando los módulos dinámicos que ofrece Portaledu.

Más información práctica:

¡Nace el ‘Centre en Proves’!

Desde Portaledu presentamos una nueva página web formativa de un centro ficticio creada para aprender, inspirar y mostrar todas las posibilidades que ofrece una web de centro en Portaledu con el editor estándar, que es el ‘Centro en Pruebas!’

Aquí podrás:

💡 Descubrir ejemplos reales de diseño y estructura web
🧭 Acceder a píldoras formativas integradas en cada bloque
🛠️ Conocer trucos y recursos para mejorar la presencia digital de tu centro

Menú del sitio web

En este post aprenderemos a confeccionar el menú superior de nuestro sitio web:

1-¿Desde dónde se configura el menú?

Lo primero que debemos saber es que podemos confeccionar un menú para cada idioma de nuestro sitio web. Los menús se configuran desde el panel izquierdo del escritorio: Apariencia –> Menús

Aparença, Menús

Si tenemos más de un menú definido, en primer lugar seleccionaremos el menú que queremos editar y pulsaremos el botón «Seleccionar»

2-¿Qué clase de elementos pueden conformar el menú?

El menú está compuesto por enlaces que nos llevan directamente a:

  • Páginas
  • Entradas
  • Enlaces personalizados
  • Categorías

3-¿Cómo añadir los elementos al menú?

A la parte izquierda, seleccionaremos en el panel el tipo de elemento (páginas, entradas…) y marcaremos aquel elemento que deseemos incorporar al menú. Por defecto, se nos muestran los elementos más recientes. Si no encontramos el elemento que buscamos, seleccionaremos la pestaña «Ver todo», donde se nos mostrarán todos los elementos.

Una vez seleccionados los elementos deseados (pueden ser varios o incluso todos), pulsaremos el botón de «Añadir al menú».

4-¿Cómo ordenar los elementos del menú?

Una vez añadidos los elementos, estos se muestran como bloques en la parte derecha. Podemos ordenarlos pinchando sobre ellos y arrastrándolos. Si deseamos que un ítem aparezca como submenú de otro, lo arrastraremos debajo del otro, dejándolo sangrado levemente a la derecha. En este ejemplo, las páginas FAQs y SAI aparecerán como submenú de SUPORT:

5-Establecer idioma para el menú

En la parte de abajo de la configuración del menú, debemos seleccionar el idioma en que se mostrará ese menú. En este ejemplo, está marcado que el menú actual sea el menú utilizado para la web en valenciano.

6-Guardar el menú

No olvidemos guardar el menú con el botón correspondiente, que encontraremos abajo del mismo: «Guardar el menú»

7-Editar el nombre o eliminar un elemento del menú

En cada elemento del menú, a la derecha, encontraremos una flecha. Si hacemos clic sobre ella, se despliega el elemento para editarlo. Podemos modificar el nombre del elemento, esto permite mostrar en el menú un nombre diferente del que tenga la página o elemento originalmente.

También tenemos la opción de Suprimir el elemento del menú. Esto no elimina la página o post referenciado, solo elimina su aparición en el menú.

Advertencia: Tened mucho cuidado de no pulsar sobre el enlace de «Suprimir el menú» si solo queréis eliminar un elemento. Esta acción eliminará el menú y no puede deshacerse! Y recordad siempre pulsar el botón «Guardar el menú» después de cualquier cambio deseado.

Avís de privacitat

Este lloc web utilitza només cookies tècniques necessàries per al seu funcionament. No s’emmagatzemen dades amb finalitats publicitàries ni es comparteixen amb tercers. S’utilitza analítica interna sense cookies, i només es recull la IP amb finalitats de seguretat.

Veure política de cookies