J4.x

Adding a New Menu/es: Difference between revisions

From Joomla! Documentation

← Older edit
No edit summary
No edit summary
 
(73 intermediate revisions by the same user not shown)
Line 16: Line 16:
*Desde el Panel de Inicio, en el Menú Lateral haz clic en el icono del Panel de Menús para ir al Administrador de Menús, luego haz clic en '''Gestionar'''.
*Desde el Panel de Inicio, en el Menú Lateral haz clic en el icono del Panel de Menús para ir al Administrador de Menús, luego haz clic en '''Gestionar'''.


<div lang="en" dir="ltr" class="mw-content-ltr">
*O, desde el Panel de Inicio, en el Menú Lateral expande la sección de '''Menús''' y luego haz clic en '''Gestionar'''.
*Or, from the Home Dashboard, in the Sidebar Menu expand the '''Menus''' section and then click on '''Manage'''.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:j4.x_menus_dashboard_link-es.png|border|400px]]
[[File:j4.x_menus_dashboard_link-en.png|border|400px]]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Cuando se abre el Administrador de Menús, mostrará los menús actuales y una barra de herramientas superior con un botón '''+ Nuevo'''. Haz clic en el botón + Nuevo.
When the Menu Manager opens it will display current menus and a top toolbar with a '''+ New''' button. Click the + New button.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:j4.x_menus_dashboard_links-es.png|border|800px]]
[[File:j4.x_menus_dashboard_links-en.png|border|800px]]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Ahora se requieren un '''Título''' y un '''Nombre único'''. La '''Descripción''' es opcional:
Now a '''Title''' and '''Unique Name''' are required. A '''Description''' is optional:
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:j4.x_menu_manager_new-es.png|border|800px]]
[[File:j4.x_menu_manager_new-en.png|border|800px]]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
'''Título''': un título adecuado para el menú. Esto se usa para identificar el menú en el Administrador de Menús.
'''Title''': A proper title for the menu. This is used to identify the menu in the Menu Manager.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
'''Nombre único''': este debe ser un nombre de identificación único utilizado por Joomla! para identificar este menú. No se permiten espacios, pero puedes usar el carácter '-' como por ejemplo recursos-menu.
'''Unique Name''': This should be a unique identification name used by Joomla! to identify this menu. Spaces are not allowed but you may use the '-' character such as resources-menu.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
'''Descripción''': aunque no es obligatorio, una descripción del menú puede ser útil para tu propia referencia o la de otros Administradores del Sitio.
'''Description''': Although not required, a description of the menu can be useful for your own or other Site Administrators reference.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Haz clic en el botón '''Guardar''' o en el botón '''Guardar y cerrar''' de la barra de herramientas para crear el nuevo menú. El botón '''Guardar y cerrar''' te devolverá al Administrador de Menús. Si estabas creando más de un menú, también tienes la opción de hacer clic en '''Guardar y nuevo'''. Para salir sin guardar el menú, haz clic en el botón '''Cancelar''' de la barra de herramientas.
Click the '''Save''' or the '''Save & Close''' toolbar button to create the new menu. The '''Save & Close''' button will return you to the Menu Manager. If you were creating more than one menu you also have the option to click '''Save & New'''. To leave without saving the menu click the '''Cancel''' toolbar button.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Si elegiste '''Guardar y cerrar''', verás tu nuevo menú en la lista de Menús.
If you chose '''Save & Close''', you will see your new menu in the list of Menus.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
En este punto, podrías comenzar a agregar elementos a tu nuevo menú. Sin embargo, vamos a crear un módulo que mostrará tu menú y podemos hacerlo desde el Administrador de Menús.
At this point you would be able to start adding items to your new menu. However we are going to create a module that will display your menu and we can do that from within the Menu Manager.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
===Crear el Módulo para tu Menú===
==Create the Module for Your Menu==
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Haz clic en el botón '''Agregar un módulo para este menú'''.
Click the '''Add a module for this menu''' button.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:j4.x_menu_manager_add_module-es.png|border|800px]]
[[File:j4.x_menu_manager_add_module-en.png|border|800px]]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Se abrirá un '''Módulo de Menú''' listo para ingresar la información necesaria. Aquí hay algunos puntos básicos sobre el Módulo de Menú:
A '''Menu Module''' will open ready for input of the necessary information. Here are a few of the most basic points regarding the Menu Module:
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
El campo de '''Título''' es obligatorio, así que crea un título descriptivo. Si deseas que este título se muestre en la parte frontal del sitio web, haz clic en el botón '''Mostrar Título''' a la derecha.
The '''Title''' field is required, so create a descriptive title. If you want this title displayed on the front of the website, click on the "Show Title" button on the right.
Observa el campo '''Seleccionar menú'''. Debería mostrar el nombre del Menú que acabas de crear.  
</div>
Necesitas seleccionar una '''Posición''' en tu plantilla para donde quieras que aparezca tu menú. Nota: lograr que se vea como deseas depende del estilo de tu plantilla. Selecciona la posición que necesitas.
<div lang="en" dir="ltr" class="mw-content-ltr">
Notice the '''Select Menu''' field. This should show the name of the Menu you just created.
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
You need to select a '''Position''' in your template for where you want your menu to appear. Note: getting it to look the way you want it to depends on your template styling. Select the postion you require.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:j4.x_create_menu_module-es.png|border|800px]]
[[File:j4.x_create_menu_module-en.png|border|800px]]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Hay muchas opciones para elegir en el Módulo de Menú como fechas de publicación, acceso de usuario y elementos de submenú, solo por nombrar algunos. Para obtener información detallada sobre el Módulo de Menú y todos sus parámetros, consulta: [[S:MyLanguage/Help4.x:Site_Modules:_Menu/es|Módulo de Menú]].
There are many options to choose from in the Menu Module such as publishing dates, user access, and sub-menu items just to name a few. For detailed information about the Menu Module and all it's parameters see: [[S:MyLanguage/Help4.x:Site_Modules:_Menu/en|Module Menu]].
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Una vez que se haya agregado la información, haz clic en '''Guardar y cerrar''' y volverás al Administrador de Menús.
Once the information has been added click '''Save & Close''' and you will be returned to the Menu Manager.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
===Agregar Elementos a tu Menú===
==Add Items To Your Menu==
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Para crear los enlaces en tu menú, necesitas agregar '''Elementos de menú'''. Hay muchos tipos de Elementos de menú en Joomla. Algunos están incluidos en la instalación básica y muchos componentes de terceros pueden agregar más tipos también. Para este tutorial agregaremos enlaces a artículos individuales.
To create the links in your menu you need to add '''Menu Items'''. There are many kinds of Menu Item Types in Joomla. Some are included in the core installation and many third-party components may add more types also. For this tutorial we will add links to single articles.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
La lista del Administrador de Menús ahora incluirá el nuevo Menú. En la columna '''Elementos de menú''', haz clic en el ícono.
The Menu Manager list will now include the new Menu. In the '''Menu Items''' column, click the icon.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:j4.x_menu_manager_new_menu_item-es.png|border|800px]]
[[File:j4.x_menu_manager_new_menu_item-en.png|border|800px]]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Para empezar, esto presentará una lista vacía. Haz clic en el botón '''Nuevo''' en la Barra de Herramientas.
To begin with, this will present an empty list. Click on the '''New''' button in the Toolbar.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:j4.x_menu_manager_new_menu_item_2-es.png|border|800px]]
[[File:j4.x_menu_manager_new_menu_item_2-en.png|border|800px]]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Se abrirá el panel de '''Menús: Nuevo elemento'''. Agregaremos un solo artículo al Menú:
The '''Menus: New Item''' panel will open. We will add a single article to the Menu:
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
*En el campo '''Título''', agrega el título que deseas que aparezca en el Menú.  
*In the '''Title''' field add the title you want to appear in the Menu.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
*En el campo '''Tipo de elemento de menú''', haz clic en el botón '''Seleccionar''' y luego en '''Mostrar un solo artículo'''.
*In the '''Menu Item Type''' field click the '''Select''' button then '''Single Article''' then  '''Single Article'''.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
*En el campo '''Seleccionar artículo''', haz clic en el botón '''Seleccionar''' que abrirá una lista de tus artículos. Selecciona tu artículo.
*In the '''Select Article''' field click the '''Select''' button which will open a list of your articles. Select your article.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
*Verifica que el campo '''Menú''' esté configurado en el nuevo Menú.
*Check the '''Menu''' field is set to the new Menu.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
*El campo '''Estado''' debe estar configurado en '''Publicado'''.
*The '''Status''' field should be set to '''Published'''.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
*Haz clic en '''Guardar y cerrar'''.
*Click '''Save & Close'''.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:j4.x_menu_manager_new_menu_item_3-es.png|border|800px]]
[[File:j4.x_menu_manager_new_menu_item_3-en.png|border|800px]]
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Agrega más Elementos de menú al nuevo Menú.
Add more Menu Items to the new Menu.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Una vez que se hayas agregado los elementos al Menú, podemos verificar si el Menú se muestra en el sitio web en la posición correcta.
Once items have been added to the Menu we can check to see that the Menu is displayed on the website in the correct position.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
Para resumir, hemos creado un nuevo Menú, luego un Módulo de Menú para mostrar el Menú en el sitio web y finalmente hemos agregado algunos enlaces de artículos individuales al nuevo Menú. Al verificar el sitio web, podemos ver que el Menú se muestra en la posición que elegimos y muestra los enlaces de artículos individuales agregados al menú.
To recap, we have created a new Menu, then a Menu Module to display the Menu on the website and finally we have added some single article links to the new Menu. Checking the website we can see the Menu is displayed in the position we chose and it displays the single article links added to the menu.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
[[File:j4.x_menu_sidebar_position-es.png|border|800px]]
[[File:j4.x_menu_sidebar_position-en.png|border|800px]]
</div>


<noinclude>
<noinclude>
<div lang="en" dir="ltr" class="mw-content-ltr">
<noinclude>
<noinclude>
[[Category:Tutorials]]
[[Category:Tutorials/es]]
[[Category:Menu Management]]
[[Category:Menu Management/es]]
[[Category:Beginners]]
[[Category:Beginners/es]]
[[Category:Joomla! 4.x]]
[[Category:Joomla! 4.x/es]]
</noinclude>
</noinclude>
</div>
</noinclude>
</noinclude>

Latest revision as of 10:16, 24 February 2024

Other languages:
Joomla! 
4.x
Tutorial
Cómo Agregar un Nuevo Menú

Introducción

Para que el contenido pueda ser accedido en tu sitio web de Joomla!, los elementos necesitan ser asignados a un Menú. Una instalación estándar de Joomla! crea un Menú Principal para ti. En muchos casos usarás solo un menú, pero puedes tener más de uno. Esto te permite crear Menús para diferentes tipos de contenido, contenido oculto, contenido específico para roles de usuario y más.

En este tutorial, encontrarás una guía completa de los pasos involucrados en la creación de un Menú en un sitio Joomla!. Configuraremos un nuevo Menú, crearemos un Módulo de Menú, lo posicionaremos en una ubicación definida en la plantilla del sitio web y agregaremos Elementos de Menú a él.

Crear un Nuevo Menú

Abre una nueva ventana del navegador y escribe la URL, que será similar a http://www.nombre-tu-sitio-web-aqui.com/administrator o, si tienes Joomla! instalado en tu computadora local, http://localhost/nombre-tu-carpeta-local-aqui/administrator. Aquí tendrás que iniciar sesión como Administrador o Super Administrador.

Hay 2 formas de acceder al Administrador de Menús que se utiliza para agregar un Menú:

  • Desde el Panel de Inicio, en el Menú Lateral haz clic en el icono del Panel de Menús para ir al Administrador de Menús, luego haz clic en Gestionar.
  • O, desde el Panel de Inicio, en el Menú Lateral expande la sección de Menús y luego haz clic en Gestionar.

Cuando se abre el Administrador de Menús, mostrará los menús actuales y una barra de herramientas superior con un botón + Nuevo. Haz clic en el botón + Nuevo.

Ahora se requieren un Título y un Nombre único. La Descripción es opcional:

Título: un título adecuado para el menú. Esto se usa para identificar el menú en el Administrador de Menús.

Nombre único: este debe ser un nombre de identificación único utilizado por Joomla! para identificar este menú. No se permiten espacios, pero puedes usar el carácter '-' como por ejemplo recursos-menu.

Descripción: aunque no es obligatorio, una descripción del menú puede ser útil para tu propia referencia o la de otros Administradores del Sitio.

Haz clic en el botón Guardar o en el botón Guardar y cerrar de la barra de herramientas para crear el nuevo menú. El botón Guardar y cerrar te devolverá al Administrador de Menús. Si estabas creando más de un menú, también tienes la opción de hacer clic en Guardar y nuevo. Para salir sin guardar el menú, haz clic en el botón Cancelar de la barra de herramientas.

Si elegiste Guardar y cerrar, verás tu nuevo menú en la lista de Menús.

En este punto, podrías comenzar a agregar elementos a tu nuevo menú. Sin embargo, vamos a crear un módulo que mostrará tu menú y podemos hacerlo desde el Administrador de Menús.

Crear el Módulo para tu Menú

Haz clic en el botón Agregar un módulo para este menú.

Se abrirá un Módulo de Menú listo para ingresar la información necesaria. Aquí hay algunos puntos básicos sobre el Módulo de Menú:

El campo de Título es obligatorio, así que crea un título descriptivo. Si deseas que este título se muestre en la parte frontal del sitio web, haz clic en el botón Mostrar Título a la derecha. Observa el campo Seleccionar menú. Debería mostrar el nombre del Menú que acabas de crear. Necesitas seleccionar una Posición en tu plantilla para donde quieras que aparezca tu menú. Nota: lograr que se vea como deseas depende del estilo de tu plantilla. Selecciona la posición que necesitas.

Hay muchas opciones para elegir en el Módulo de Menú como fechas de publicación, acceso de usuario y elementos de submenú, solo por nombrar algunos. Para obtener información detallada sobre el Módulo de Menú y todos sus parámetros, consulta: Módulo de Menú.

Una vez que se haya agregado la información, haz clic en Guardar y cerrar y volverás al Administrador de Menús.

Agregar Elementos a tu Menú

Para crear los enlaces en tu menú, necesitas agregar Elementos de menú. Hay muchos tipos de Elementos de menú en Joomla. Algunos están incluidos en la instalación básica y muchos componentes de terceros pueden agregar más tipos también. Para este tutorial agregaremos enlaces a artículos individuales.

La lista del Administrador de Menús ahora incluirá el nuevo Menú. En la columna Elementos de menú, haz clic en el ícono.

Para empezar, esto presentará una lista vacía. Haz clic en el botón Nuevo en la Barra de Herramientas.

Se abrirá el panel de Menús: Nuevo elemento. Agregaremos un solo artículo al Menú:

  • En el campo Título, agrega el título que deseas que aparezca en el Menú.
  • En el campo Tipo de elemento de menú, haz clic en el botón Seleccionar y luego en Mostrar un solo artículo.
  • En el campo Seleccionar artículo, haz clic en el botón Seleccionar que abrirá una lista de tus artículos. Selecciona tu artículo.
  • Verifica que el campo Menú esté configurado en el nuevo Menú.
  • El campo Estado debe estar configurado en Publicado.
  • Haz clic en Guardar y cerrar.

Agrega más Elementos de menú al nuevo Menú.

Una vez que se hayas agregado los elementos al Menú, podemos verificar si el Menú se muestra en el sitio web en la posición correcta.

Para resumir, hemos creado un nuevo Menú, luego un Módulo de Menú para mostrar el Menú en el sitio web y finalmente hemos agregado algunos enlaces de artículos individuales al nuevo Menú. Al verificar el sitio web, podemos ver que el Menú se muestra en la posición que elegimos y muestra los enlaces de artículos individuales agregados al menú.


Retrieved from "https://docs.sandbox.joomla.org/index.php?title=J4.x:Adding_a_New_Menu/es&oldid=1020994"