Тип меню список матеріалів в архіві

Попередня ◈ Наступна

Тип меню список матеріалів в архіві

Як я і обіцяв, починаючи з цієї статті, ми будемо знайомитися з різними типами меню в Joomla. І почнемо ми з самого першого - це "Список матеріалів в архіві".

Якщо Ви не знаєте, як створювати меню в Joomla. то прочитайте спершу відповідну статтю про це. Так само, якщо Ви не знаєте, як додати новий пункт в меню. то теж спочатку треба про це прочитати.

Тепер же давайте приступимо до розбору типу меню - "Список матеріалів в архіві":

Різні настройки зліва ми з Вами вже розглядали в статті: створення пункту меню в Joomla. А ось параметри, що знаходяться праворуч, розрізняються залежно від типу меню. І зараз ми з Вами познайомимося з параметрами для "списку матеріалів в архіві":

Як ми бачимо, є три блоки. Почнемо з блоку: "Параметри - Основні":

  • Порядок. Тут зі списку треба вибрати варіант сортування матеріалів при їх виведенні на сторінку.

Другий блок вже набагато більше. Але, тим не менше, даю опис всіх налаштувань:

Третій і останній блок - це "Параметри - Система":

  • Заголовок сторінки. Дуже важлива опція, в якій Вам треба поставити значення тега на сторінці, куди буде вести пункт меню.</li> <li>Показувати заголовок сторінки. Показувати чи ні заголовок сторінки не тільки в тезі <title>, але вже безпосередньо і в контенті сайту.</li> <li>Суфікс класу сторінки. Якщо Ви хочете зробити індивідуальний дизайн, то для попередження плутанини з іншими CSS-класами. Вам треба вказати унікальний суфікс, який Ви будете використовувати при оформленні сторінки.</li> <li>Картинка меню. Тут можна вибрати картинку, яка буде розташовуватися поруч з назвою пункту меню.</li> <li>SSL включено. Ця опція визначає: чи потрібно вимагати при переході по цьому посиланню захищеного з'єднання. У більшості випадків, треба залишати "Ігноріровть".</li> </ul> <p>Ось і розглянуті нами все настройки при створенні пункту меню типу: "Список матеріалів в архіві". У наступній статті я продовжу описувати цей процес, але вже з іншими типами меню Joomla.</p> <h4>Схожі статті</h4> <ul> <li> <p><a href="/articles/arhivi-materialiv-joomla.html">Архіви матеріалів joomla</a></p> </li> <li> <p><a href="/articles/jak-skopijuvati-z-arhivu.html">Як скопіювати з архіву</a></p> </li> </ul> </div> <div class="extra"> <div class="info"><a href="/articles/teorii-emocij-znachennja-emocii-v-profesijnomu-ta.html">Попередня</a> ◈ <a href="/articles/tehnologija-nanesennja-pokrittiv-nabrizkovi.html">Наступна</a></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>© Copyright 2016 - 2026 | Всі права захищені</p> <script> new Image().src = "https://counter.yadro.ru/hit?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script> </div> </footer> <style> #cookieNoticeOverlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px}#cookieNoticeBox{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Arial,sans-serif;text-align:center}#cookieNoticeBox h2{margin:0 0 14px;font-size:24px;line-height:1.25;color:#111}#cookieNoticeBox p{margin:0 0 22px;font-size:16px;line-height:1.5;color:#333}#cookieNoticeOk{display:inline-block;width:100%;max-width:240px;border-radius:12px;padding:14px 22px;background:#111;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-sizing:border-box;cursor:pointer}#cookieNoticeOk:hover{background:#333}body.cookie-notice-locked{overflow:hidden} </style> <div id="cookieNoticeOverlay"> <div id="cookieNoticeBox" role="dialog" aria-modal="true"> <h2>Cookie на сайті</h2> <p>Ми використовуємо cookie для коректної роботи сайту та покращення сервісу.</p> </div> </div> <script> (function(){var storageKey='cookie_notice_ok_until';var showAgainAfter=24*60*60*1000;var now=Date.now();function getAcceptedUntil(){try{return Number(localStorage.getItem(storageKey))||0}catch(e){return 0}} function setAcceptedUntil(value){try{localStorage.setItem(storageKey,String(value))}catch(e){}} if(getAcceptedUntil()>now){return} var overlay=document.getElementById('cookieNoticeOverlay');var okLink=document.getElementById('cookieNoticeOk');if(!overlay||!okLink){return} function showNotice(){overlay.style.display='flex';document.body.classList.add('cookie-notice-locked')} function closeNotice(){overlay.style.display='none';document.body.classList.remove('cookie-notice-locked')} okLink.addEventListener('click',function(event){event.preventDefault();setAcceptedUntil(Date.now()+showAgainAfter);var rawHref=(okLink.getAttribute('href')||'').trim();if(rawHref==='#'||rawHref===''){closeNotice();return} var targetUrl=new URL(rawHref,window.location.origin).href;window.open(targetUrl,'_blank','noopener,noreferrer');closeNotice()});overlay.addEventListener('click',function(event){event.stopPropagation()});document.addEventListener('keydown',function(event){if(overlay.style.display==='flex'&&event.key==='Escape'){event.preventDefault();event.stopPropagation()}},!0);showNotice()})() </script></div> </body> </html>