TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Зробіть меню навігації верхнього рівня недоступним у Weebly

3

Weebly пропонує просту платформу для створення сайтів, яка може бути не корисною, як для більшості користувачів. Наприклад, упорядкування сторінок у необхідному порядку – це біль у Weebly, і зробити навігаційне меню верхнього рівня недоступним за замовчуванням неможливо. Поки Weebly дозволяє змінювати вихідний CSS, ми можемо зробити це можливим, додавши простий CSS -код до основного CSS -файлу “main_style.css". У цій статті ми обговоримо, як зробити меню навігації верхнього рівня недоступним для натискання на веб -сайті Weebly .

Структура навігації верхнього рівня

Перш ніж продовжити, необхідно зрозуміти основну структуру навігаційного меню Weebly. Клацніть правою кнопкою миші на меню на опублікованому веб -сайті та виберіть опцію «Перевірити» або «Перевірити елемент», щоб відкрити консоль розробника у своєму веб -переглядачі. Коли ви наводите курсор на кожне меню навігації верхнього рівня, ви можете побачити відповідні класи CSS. Кожне меню навігації верхнього рівня ідентифікується класом CSS, таким як “.wsite-nav-1”, “.wsite-nav-2 ″”, “wsite-nav-3 ″ тощо, де 1 зазвичай є сторінкою” Мотика ” .

Зробіть меню навігації верхнього рівня недоступним у Weebly

Пошук класу CSS для верхнього навігаційного меню Weebly

Цифри можуть змінюватись залежно від вашої теми та записувати клас CSS навігаційного меню, яке потрібно зробити, щоб його не можна було натискати. Припустимо, що ви хочете, щоб друге меню навігації не можна було натискати, а відповідний клас CSS-".wsite-nav-2".

Тепер перейдіть до редактора коду Weebly у розділі «Тема> Редагувати HTML / CSS> Активи> main_style.css» і додайте наступний код CSS.

.wsite-nav-2 { pointer-events: none; }

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

.wsite-nav-2 a:active { pointer-events: none; }

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

Weebly має різну структуру навігації на мобільних сайтах, і, натиснувши верхнє меню, знову відобразиться список пунктів меню, включаючи верхнє меню. Це дозволяє відкрити посилання на верхнє меню, якщо воно містить вміст, але в нашому випадку ми повинні видалити це посилання зі списку. Отже, додайте наступний CSS у свій файл “main.less”:

.wsite-menu-master-item { display: none !important; }

Після додавання всіх кодів CSS це може виглядати приблизно так:

Зробіть меню навігації верхнього рівня недоступним у Weebly

Зміна CSS у Weebly

Збережіть зміни та опублікуйте свій сайт.

Приховування найпопулярніших сторінок навігації від пошукових систем та користувачів

  • Приховати найпопулярніші сторінки навігації від пошукових систем, що не дозволить пошуковим системам сканувати порожні сторінки. Ви можете зробити це, поставивши прапорець «Приховати цю сторінку від пошукових систем» у розділі «Додатково» для кожної сторінки верхнього рівня.
  • Пам’ятайте, що користувачі все ще можуть отримати доступ до сторінок, безпосередньо ввівши URL -адресу в адресному рядку веб -переглядача. В ідеалі налаштування 301 переспрямування має вирішити цю проблему, на жаль, Weebly не дозволяє встановлювати переспрямування для активних сторінок. Отже, ви не можете заборонити користувачам отримувати доступ до сторінок через адресний рядок.

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі