it-swarm-es.tech

Elemento de menú sin enlace

A menudo creo un elemento de menú sin enlace (como un elemento de menú que no se puede hacer clic con un menú desplegable), pero en la pestaña "Enlaces del sistema", hay varias opciones que se parecen.

enter image description here

¿Cuál es la diferencia entre usar Título del menú, Separador de texto y un RL externa que apunta a vinculado a "#"?

5
johanpw

La principal diferencia es cómo se representa el HTML. Por lo tanto, depende de la plantilla el aspecto de los elementos del menú. Así es como la plantilla predeterminada de Protostar mostrará las diferentes opciones:

Protostar template menu options

URL externa

La salida HTML predeterminada del elemento del menú es un enlace.

<li class="item-120"><a href="#">External URL menu item</a></li>

Esto es exactamente lo mismo que cualquier otro elemento de menú "normal":

Artículo de encabezado Meny

Esto creará el siguiente código HTML para su elemento de menú:

<li class="item-121"><span class="nav-header">Menu Heading item</span></li>

Separador de texto

La salida HTML predeterminada del separador de texto es esta:

<li class="item-122 divider"><span class="separator">Text Separator item</span></li>

(Observe la clase adicional divisor en la <li> etiqueta.)

Otras plantillas

Muchas plantillas anularán la representación predeterminada y darán resultados diferentes. Así es como se ven los mismos elementos de menú en una plantilla de Joomla51.com :

Menu items in J51 template

Salida HTML del mismo menú:

<li class="item-120"><a href="#" tabindex="-1" class="subMenuBtn">External URL menu item</a></li>
<li class="item-121"><a href="/" tabindex="-1" class="subMenuBtn">Menu Heading item</a></li>
<li class="item-122"><a tabindex="-1" class="subMenuBtn">Text Separator item</a>
</li></ul>

Observe cómo todos los elementos del menú se ven iguales. Este es también el caso con otros clubes de plantillas, como RocketTheme (aunque el código fuente es diferente, los tres elementos tienen el mismo aspecto).

9
johanpw