Створення меню. Створення пунктів меню: як це зробити Joomla Joomla. Займемося створенням меню або як зробити пункт

Сьогодні нарешті поговоримо про те, як вивести створені нами матеріали на сторінки сайту, тобто дізнаємося, як створити і налаштувати меню Joomla.

Я вже згадувала про те, що для того, щоб стаття з'явилася на сайті, вона має бути прив'язана до якогось пункту меню, тобто на неї вести посилання. Це природне обмеження самого движка - адже ми створюємо динамічний сайт, сторінки якого генеруються в момент звернення до них користувача.

Тобто, просто кажучи, щоб побачити сторінку зі статтею, ми маємо до неї звернутися. А щоб звернутися до сторінки (або категорії), потрібно мати посилання на неї в меню сайту.

Отже, сьогодні ми з вами розглянемо, як створити меню Joomla, як його налаштувати та вивести на сайті.

Як створити меню Joomla

Отже, керування меню в Joomla здійснюється через Менеджер меню (за аналогією з Менеджером категорій, матеріалів, посилань. Joomla взагалі любить усілякі менеджери 🙂). Потрапити в нього можна або з головної сторінки адмінки по кліку по піктограмі: або в головному меню Меню -> Менеджер меню.

Ось що менеджер меню являє собою:

1. Насамперед тут присутні дві вкладки: «Меню» — перераховані всі меню, які є на сайті. Ви можете створювати будь-яку кількість різних меню. Стільки скільки вам потрібно.
2. Всі вони будуть присутні в цьому списку."Пункти меню" - при переході на цю вкладку ви побачите всі пункти меню, яке ви редагували останнім. На мій погляд, це не найлогічніший підхід — щоб зайти всередину потрібного меню та побачити його пункти, наочніше та зручніше просто натиснути на його назву у списку всіх меню (3). Але ця вкладка є, і про неї треба знати. Далі:
3. Список меню
4. Тут можна подивитися, скільки пунктів меню опубліковано, скільки – ні, скільки видалено, та відсортувати пункти меню за цими ознаками.
5. Дуже важливий момент — зазначено, в якій позиції розташоване це меню (точніше, не саме меню, а модуль, який виводить це меню. Але про це далі). Якщо пам'ятаєте, розташування всіх позицій шаблону можна переглянути, дописавши в адресному рядку після імені сайту /?tp=1.
6. Ну і кнопки стандартних операцій - додавання нового меню, видалення наявного і т.д.

Можливо, ви звернули увагу, що в Joomla за замовчуванням вже є вбудоване меню «Main menu», в якому лише один пункт – «Номе», тобто головна сторінка. Це якраз ілюстрація того, про що я говорила вище — щоб сторінку було видно на сайті, в меню має бути посилання на неї.

Стандартне меню Joomla можна, звичайно, просто налаштувати під свої потреби, але я раджу вам не використовувати його, а створити менюшки, а вбудоване потім видалити. Знову ж таки, як і у випадку з видаленням стандартної вбудованої категорії, спочатку створити свої, а потім видаляти вбудоване меню.

Тут справа ось у чому: на сайті має обов'язково бути присутнє меню, один з пунктів якого має бути позначений як головна сторінка. Це меню видаляти не можна, інакше сайт просто не буде головним, і він не відкриється. На практиці, звичайно, такого не станеться - Joomla просто не дозволить видалити меню, в якому вказана головна сторінка сайту.

Як призначити ту чи іншу сторінку головною, ми поговоримо трохи нижче, коли почнемо створювати меню Joomla.

Щоб створити нове меню, клацаємо по піктограмі «Створити» у правому верхньому кутку Менеджера меню.

Вікно, що відкрилося, містить мінімум налаштувань:

1. Назва меню – під яким ім'ям меню буде у списку всіх меню
2. Тип меню — це ім'я для системи. Простіше й зручніше задавати «імена, що говорять» — я планую розташувати меню зліва, звідси і назву.
3. Опис вводити не обов'язково, хоча якщо ви маєте якісь нотатки, пов'язані з цим меню, можете заповнити це поле

Зверніть увагу: всі ці імена та описи на сайті НЕ виводяться! Вони потрібні лише для внутрішнього користування. Тож можете задавати будь-які зручні та зрозумілі особисто вам назви!

Як додати пункти до меню Joomla

Входимо всередину створеного меню, клацнувши за його назвою, і натискаємо «Створити». Відкриється вікно додавання нового пункту меню.

Найперше, що потрібно зробити, це визначити тип пункту меню, який ми створюємо, тому що всі подальші налаштування будуть визначатися саме цим вибором. Натискаємо «Вибрати» та в окремому спливаючому вікні бачимо всілякі варіанти, які ми можемо порівняти з пунктом меню.

Ми можемо «повісити» на наш пункт меню і контактні сторінки, і пошук, і посилання, і звернення до стрічки новин і т.д. Крім того, коли ви встановлюєте нові компоненти, вони вбудовують у це вікно і свої пункти. Наприклад, компонент фотогалереї додає можливість створення пункту меню, що веде сторінку галереї.

Розбирати всі ці можливості зараз немає сенсу. Говорити ми будемо про них у міру того, як вивчатимемо можливості Joomla. Будемо вчитися створювати сторінку контактів, і тоді створимо необхідний пункт меню, наприклад. Зараз у нас йдеться про виведення матеріалів, тому нас цікавить розділ «Матеріали». Погляньмо, які можливості виведення матеріалів нам доступні.

Отже, на пункт меню можна призначити:

Визначившись із типом пункту меню, продовжуємо його створення:

1. Вводимо заголовок пункту меню. А цей заголовок на сайті виводиться!
2. Аліас автоматично заповнюється транслітом назви. Можна забити вручну за потреби.
3. Тут можна ввести якісь свої позначки
4. За бажання можна не публікувати створюваний пункт меню, і він не відображатиметься на сайті. Також для нього можна встановити рівень доступу.
5. А ось тут уважно виберіть зі списку саме те меню, пункт якого створюєте. Зазвичай воно вже обрано за умовчанням, але завжди варто перевірити, щоб потім не плюватися, переробляючи!
6. Якщо ви створюєте підпункт якогось пункту меню, то як батько вибирайте саме його. Joomla дозволяє створювати меню будь-якого ступеня вкладеності підпунктів, але зловживати цим, напевно, не слід, щоб не заплутати користувача. Двох-трьох рівнів вкладеності цілком достатньо. Якщо вам потрібно більше, краще зробіть ще кілька окремих меню.
7. Де відкриється нова сторінка — у тому вікні чи новому. Звичайно, зручно здійснювати переходи в рамках одного вікна, але можливо, у вас виникне необхідність зробити інакше. Joomla – це комбайн. Далеко не факт, що ви використовуєте її можливості хоча б наполовину. Вона дозволяє зробити з сайтом абсолютно все, що на думку спаде. І хоча мене часто збентежують деякі налаштування та можливості — я просто не розумію і не можу уявити, навіщо і кому ЦЕ може стати в нагоді, можливо, якраз ви цими можливостями будете із задоволенням користуватися.
8. А ось тут саме визначається, чи буде сторінка, на яку посилається цей пункт меню, головною на сайті чи ні.
9. Цікавий момент — для кожної сторінки сайту можна призначити свій шаблон, якщо їх встановлено на сайті кілька. Корисно, якщо ви хочете виділити сторінку, на яку веде пункт меню, із загального стилю сайту.

Налаштування праворуч я описувати не буду, по-перше, тому, що більшу частину з них ми розглядатимемо в наступному уроці, а по-друге, там все зрозуміло без особливих пояснень. Якщо в чомусь сумніваєтеся – краще не чіпайте. Щось неясно — можете спитати у мене в коментах. Відповім усім без винятку.

Ось так ми пункт за пунктом створюємо меню сайту. Однак не поспішайте оновлювати сторінку із сайтом — свого меню ви там все одно не виявите. Чому?

Можливо, ви пам'ятаєте, що коли ми вивчали, як влаштована Joomla , я згадувала про те, щоб щось вивести на сайті, це щось потрібно помістити в модуль, а потім цей модуль розмістити в потрібній позиції.

Отже, нам потрібно створити модуль меню і визначитися з його місцем розташування, вибрати для нього позицію з тих, які надає шаблон.

Як вивести меню на сайт Joomla

Щоб створити модуль - блок на сторінці, в який можна помістити практично будь-який вміст, а зараз, меню - скористаємося Менеджером модулів.

Відкрити його можна, натиснувши на відповідну іконку в Панелі керування: або Розширення — > Менеджер модулів: Інтерфейс його схожий на інші менеджери Joomla, так що зупинимося лише на найважливіших елементах:

1. Список всіх модулів, які є на нашому сайті. У мене на скрині стандартні модулі Joomla, які включені до вихідного пакета установки. У вас, можливо, будуть інші, хоча, якщо ви вперше відкриваєте Менеджер модулів, все має виглядати так само.
2. Включений чи ні модуль — тобто чи він на сайті чи ні. Натисканням цієї значки можна швидко перемикати стан — вмикати/вимикати модуль.
3. Позиція, де модуль розташований. Нагадаю, подивитися, які позиції є у ​​шаблоні, можна, набравши в адресному рядку: имя_сайта/?tp=1. Ну і звичайно, перегляд позицій модулів має бути дозволений (а за замовчуванням він заборонено). Включається він тут: Розширення — Менеджер шаблонів — Установки.
4. Тип модуля, тобто за фактом його вміст.
5. Сторінки, де він розташований. Будь-який модуль можна розташовувати як на всіх сторінках сайту, так і на деяких, і навіть на одній-єдиній. Де це зробити читаємо далі.

налаштування меню

Для створення нового модуля клацаємо «Створити», і з'являється нове спливаюче вікно, в якому потрібно вибрати тип модуля, що створюється:
Вибираємо «Меню» та потрапляємо в панель створення/редагування модуля:

Є ще й розширені налаштування, які стосуються переважно зміни зовнішнього вигляду модуля меню за рахунок використання CSS.

Тепер оновлюємо сторінку сайту і вітаю вас! - Бачимо своє довгоочікуване меню!

Якщо раптом мої привітання виявилися передчасними, то прошу у коментарі — постараємося розібратися з вашою проблемою.

Ну, ось на сьогодні і все! Я намагалася зробити урок якомога докладнішим і зрозумілішим для початківців, намагатимусь і надалі писати такі статті. Так що підписуйтесь на оновлення, щоб їх не пропустити!

До речі, наступний урок я присвячую налаштування виведення матеріалів на сайті Joomla. Про що йтиметься?

Ну ви, напевно, вже звернули увагу, що створені нами статті перевантажені будь-якими значками, іконками друку, непотрібними підписами, а статті на сторінках розташовуються не так гарно, як ми собі уявляли. І взагалі, зовнішньому оформленню контенту поки що далеко до ідеалу.

Пункти меню Joomla вкрай важливі, т.к. вони формують усю структуру сайту. Саме за пунктами меню визначається те, що завантажуватиметься на сторінці і як. А визначається це все, в одному з розділів Joomla – меню.

Різновидів виведення по пунктах меню безліч, але всі вони звичайно використовуються рідко. Про найпопулярніші зараз і йтиметься.

Додавати пункти меню ми будемо готове Головне меню Joomla, який представляється відразу після установки.

Базовий пункт меню

1. Переходимо до створення пункту менюдля єдиного меню (Main Menu).

2. Першим ділом вводимо назвупередбачуваного пункту меню. Далі переходимо до вибору типу пункту меню, де здійснюється вибір призначення.

3. Перед нами весь перелік призначення.Найпоширеніший розділ списку - "Матеріали".У ньому відбувається виведення однієї чи кількох матеріалів, тобто. основний вміст сайту.

Нині ми виводимо один єдиний матеріал.

4. Залишилось вибратинайголовніше – це сам матеріал. Переходимо новою кнопкою: "Вибрати".

5. У списку відображатимутьсяабсолютно всі матеріали, які ми коли-небудь створювали в Joomla. Вибираємо той матеріал, який хочемо виводити.

6. Найголовніше зроблено!Можна, можливо зберігатися.

7. На сайті у існуючому "Головному меню", з'явиться новий пункт, яким можна перейтита переконатися у його працездатності.

Інший варіант пункту меню

1. Сторінка, на яку ми потрапляємо,після переходу по пункту меню може бути абсолютно іншого виду, як наприклад блог категорій.

2. Для блогу категорійз'являється нова кнопка, де потрібно вибрати одну із категорій. Категорії потрібні, т.к. саме вони поділяють все різноманіття матеріалів. Наприклад, можна взяти стандартну категорію, на яку поділяються всі стандартні матеріали.

3. На сайті тепер доступний новий пункт меню,при натисканні на який виводяться відразу кілька матеріалів. Насправді виводяться всі матеріаливибраної нами категорії і навіть поділяються на сторінки.

Це лише невелика частина можливості Joomla щодо висновку вмісту сайту. Налаштувати можна кожну дрібницю та налагодити сторінки за вашими вимогами: вивести контакти, зовнішнє посилання, посилання на скачування та багато іншого.

Якщо ви хочете перетворити вертикальне меню вгоризонтальне, то ознайомтеся з уроком:

Пункти меню Joomla вкрай важливі, т.к. вони формують усю структуру сайту. Саме за пунктами меню визначається те, що завантажуватиметься на сторінці і як. А визначається це все, в одному з розділів Joomla – меню.

Різновидів виведення по пунктах меню безліч, але всі вони звичайно використовуються рідко. Про найпопулярніші зараз і йтиметься.

Додавати пункти меню ми будемо готове Головне меню Joomla, який представляється відразу після установки.

Базовий пункт меню

1. Переходимо до створення пункту менюдля єдиного меню (Main Menu).

2. Першим ділом вводимо назвупередбачуваного пункту меню. Далі переходимо до вибору типу пункту меню, де здійснюється вибір призначення.

3. Перед нами весь перелік призначення.Найпоширеніший розділ списку - "Матеріали".У ньому відбувається виведення однієї чи кількох матеріалів, тобто. основний вміст сайту.

Нині ми виводимо один єдиний матеріал.

4. Залишилось вибратинайголовніше – це сам матеріал. Переходимо новою кнопкою: "Вибрати".

5. У списку відображатимутьсяабсолютно всі матеріали, які ми коли-небудь створювали в Joomla. Вибираємо той матеріал, який хочемо виводити.

6. Найголовніше зроблено!Можна, можливо зберігатися.

7. На сайті у існуючому "Головному меню", з'явиться новий пункт, яким можна перейтита переконатися у його працездатності.

Інший варіант пункту меню

1. Сторінка, на яку ми потрапляємо,після переходу по пункту меню може бути абсолютно іншого виду, як наприклад блог категорій.

2. Для блогу категорійз'являється нова кнопка, де потрібно вибрати одну із категорій. Категорії потрібні, т.к. саме вони поділяють все різноманіття матеріалів. Наприклад, можна взяти стандартну категорію, на яку поділяються всі стандартні матеріали.

3. На сайті тепер доступний новий пункт меню,при натисканні на який виводяться відразу кілька матеріалів. Насправді виводяться всі матеріаливибраної нами категорії і навіть поділяються на сторінки.

Це лише невелика частина можливості Joomla щодо висновку вмісту сайту. Налаштувати можна кожну дрібницю та налагодити сторінки за вашими вимогами: вивести контакти, зовнішнє посилання, посилання на скачування та багато іншого.

Намагаємося зробити меню в Joomla і зайнятися створенням його пунктів

Перш ніж зробити меню та зайнятися створенням пунктів, трохи пофілософствуємо.

Ні, філософствувати не будемо, тому що я передумав, а просто вкотре згадаємо те, чим ми займалися у минулих розділах. Якщо ви з першого уроку мого курсу по Joomla стежите за моїми інструкціями, вам, безсумнівно, в цьому місці буде набагато зрозуміліше. Всім тим, хто підключився тільки зараз, раджу пройти або переглянути хоча б швидко весь курс
з самого початку, а саме: урок видалення демонстраційних даних, встановлення шаблону, створення категорії, виведення статті. Ось уже кілька уроків ми все щось створюємо, але сайт залишається пустим. У попередньому розділі я обіцяв це виправити. Подивимося, чи збудуться мої обіцянки.

Joomla. Займемося створенням меню або як зробити пункт

Не будемо багато Бла-Бла-Бла, а почнемо безпосередньо справу.

1. Відкриваємо на панелі адміністратора сайту Меню → Створити меню:

2. На сторінці менеджера адмінки, що відкрилася, прописуємо заголовок і тип меню:

Заголовок - зрозумілими літерами прописуємо довільний заголовок.

Тип – латинськими літерами прописуємо довільне ім'я, системний псевдонім.

В результаті нам відкриється список з усіма менюшками, що існують на даний момент. Так як в одному з уроків ми видалили демо-дані, новостворений об'єкт ви знайдете швидко.

5. Натисканням кнопки миші відкриваємо наше нове меню.

6. У панелі, в менеджері меню, на сторінці пунктів тиснемо Створити:

8. Натисканням кнопки миші виготовляємо наш вибір на користь Матеріал:

Зараз, напевно, ви згадали один із минулих уроків, де ми створювали наш матеріал (статтю). Тепер бачимо, що у полі введення з'явився Вибраний нами Тип.

9. Прописуємо заголовок пункту меню та Аліас:

Аліас - ділянка URL, довільне ім'я на латиниці.

10. Пункт прив'язаний до створеного у другому та третьому етапі Нового меню (дивись вище).

11. Звернімо увагу на поле Вибір матеріалу:

Зараз ви вже точно згадали один із минулих уроків, де ми створювали матеріал (статтю).

12. Натисканням кнопки миші вибираємо наш матеріал:

13. Перевірте ще один раз і натисніть Зберегти та закрити:

У принципі, урок завершено.

Ну, а десь обіцяний у минулому розділі матеріал (стаття) та категорія – скажете ви.

На сторінках сайту змін ми, як і раніше, не побачимо. Відгадайте чому?

Ось чому. Нову меню то ми створили, ось вона на ілюстрації нижче:

Відкривши його, ви знайдете пункт Нові статті, який ми створили тут у 9-му кроці і який містить статтю Новий матеріал, створену в минулому уроці, а сама стаття під назвою Новий матеріал знаходиться в категорії Події, яка була створена ще раніше. Іншими словами, Joomla зберігає всі ці дані і в наступному уроці ми їх таки виведемо на сторінки нашого сайту.

Для створення пункту меню потрібно:

натиснути на кнопку «Створити»та перейти на сторінку "Пункт меню".

На ній представлено чотири види пунктів:

• внутрішнє посилання

• зовнішнє посилання

• роздільник

• псевдонім

–У вигляді шаблону блогу категорії.

Сторінку, що відкрилася, можна умовно розділити на 5 вкладок: «Подробиці» , «Параметри - Основні» , «Параметри – Розширені» , «Параметри – Компонент» , «Параметри – Система» .

Вкладка «Подробиці». Поля:

• Заголовок- Назва пункту меню

• Псевдонім- псевдонім пункту меню латинським шрифтом

• Показати в- прив'язати пункт до певного меню

• Батьківський елемент- вказати батьківський елемент пункту меню

• Опубліковано- показати/приховати пункт меню

• Доступ- вказати, хто має доступ до цього пункту меню

• Відкривати у- у якому вікні відкриватиметься пункт меню

Вкладка «Параметри – Основні». Поля:

• Категорія

• Опис- Показати/приховати опис категорії

• Картинка опису- Показати/сховати картинку категорії

• На всю ширину- вказати кількість статей, що відображаються на всю ширину області контенту

• Вступ- вказати кількість статей, які показують лише вступний текст

• Колонки- вказати, у скільки колонок буде збудовано матеріали

• Посилання- вказати кількість матеріалів, які будуть відображені у вигляді посилань унизу сторінки

Вкладка «Параметри – Розширені». Поля:

• Порядок категорій- Сортувати за категорією

• Сортування- Вказати порядок, в якому будуть розміщуватись матеріали

• Порядок для мульти колонок- упорядковує матеріали по колонках

• Розбиття на сторінки- показати/приховати підтримку пагінації

• Результати розбиття на сторінки- Показати/приховати результати пагінації

• Показати посилання на стрічку- Показати/приховати посилання RSS-стрічка

Вкладка «Параметри – Компонент». Поля:

• Показувати посилання на закритий контент- Показати/приховати матеріали для неавторизованого користувача

• Показувати текст заголовка- Показати/приховати заголовок

• Заголовок як посилання- Використовувати заголовок як посилання на сам матеріал

• Показувати вступний текст- Показати/сховати вступний текст

• Назва розділу- Показати/приховати розділ, до якого належить матеріал

• Назва розділу як посилання- виводити текст розділу як посилання на цей розділ

• Назва категорії- Показати/приховати категорію, до якої належить матеріал

• Назва категорії як посилання- Виводити текст категорії як посилання на цю категорію

• Ім'я автора- Показати/приховати автора

• Дата та час створення- Показати/приховати дату створення

• Дата та час останньої зміни- Показати/приховати дату зміни

• Показувати навігацію- Показати/приховати таблицю навігації за матеріалом

• Посилання докладніше…- Показати/приховати посилання «Докладніше»

• Голоси/Рейтинг статті- Показати/приховати рейтинг матеріалу

• Іконки- Показати/приховати іконки PDF, друку, E-mail

• PDF значок- Показати/приховати кнопку PDF. Дозволяє користувачеві сайту завантажити версію матеріалу у PDF-виді

• Піктограма друку- Показати/сховати кнопку «Друк». Дозволяє відразу відправити на друк документ, що переглядається користувачем

• Значок E-mail- Показати/сховати кнопку E-mail. Пересилає відвідувача до форми листа для зв'язку

• Хіти- Показати/приховати хіти матеріалу

• Показувати в RSS- Показати в RSS вступний текст або повний текст матеріалу

Вкладка «Параметри – Система». Поля:

• заголовок сторінки- Показати текст для відображення зверху сторінки

• Показати заголовок сторінки- Показати/приховати заголовок

• Суфікс класу сторінки- додається до назв CCS - класів сторінки

• Зображення меню- помістити картинку поряд із елементом меню

• SSL увімкнено- Використовувати/не використовувати SSL для посилання

-У вигляді шаблону списку категорії(при цьому відображатимуться всі статті категорії у вигляді посилань).

Поля:

• Категорія- Вибрати категорію, до якої належить пункт меню

• Посилання- Вказати кількість статей, що відображаються як посилання

• Заголовки таблиці- Показати/приховати заголовки таблиці

• Колонка дати- Показати/приховати стовпчик дати

• Формат дати- Вказати формат дати, що відображається

• Фільтр- показати/приховати фільтр

• Поле фільтра- Вказати, до якого поля повинен застосовуватись фільтр

Матеріал:

-У вигляді стандартного шаблону матеріалу(Статична сторінка з одним матеріалом. Інші статті на сторінці не відображаються.)

Сторінка ідентична шаблону блогу категорії, за винятком вкладки «Параметри – Основні». Поля:

• Виберіть матеріал- Вибрати статтю

-Шаблон надсилання матеріалу(тільки авторизованим користувачам з правами не нижче автора), в якому за допомогою текстового редактора можна написати статтю на сайті та надіслати.

На головній:

-шаблон блогу матеріалів на головній.

Дозволяє виводити матеріал на головній сторінці лише у формі блогу. (Виводяться всі матеріали, у яких зазначено пункт "відображати на головній").

В архів:

-у вигляді списку матеріалів в архіві(Відображає статті, які були заархівовані та шукаються за датою

Розділ:

-У вигляді шаблону блогу розділу

У вигляді стандартного шаблону розділу(при цьому будуть відображатися всі статті розділу у вигляді посилань).

Кнопка «Змінити тип»дозволяє змінити тип пункту меню.

За допомогою кнопок на верхній панелі можна:

- Кнопка. Викликати в новому вікні сторінку опису по вікну "Створення пункту меню".

- Кнопка. Закрити вікно створення пункту меню без збереження змін. Натисніть «Скасувати».