Вітаю! Вважаю цей пост цікавим і важливим, але він, на жаль, канув в архіви. Тому вирішив дати йому нове дихання.
Сьогодні мова піде про те, як можна створити вкладки (таби) в самому пості. Така фішка може вам стане в нагоді, якщо на одній сторінці потрібно розмістити багато інформації.
Отже, в двох словах, що це таке.
Взагалі в Рунеті активно застосовувати таби почали порівняно недавно, років зо два тому. Втім не тільки таби, а й «розумні кошика», акордеони, галереї та інші фішки. для роботи яких потрібна бібліотека jQuery або js скрипти.
Тому, звичайно, для реалізації подібних ідей необхідно підключати саму бібліотеку jQuery, але я б рекомендував це робити тільки тому, хто вирішив щільно працювати з нею, так як додаткові скрипти - це зайвий доважок на блозі.
У нашому випадку ми скористаємося простим плагіном postTabs.
2. Разархівіруйте, закачайте плагін на хостинг в папку з плагінами.
3. Далі. Заходимо в адмінку, знаходимо плагін, активуємо його у вкладці "Додатки"
3. В адмінці в меню «Параметри» знаходимо пункт posttabs.
4. Заходимо в настройки плагіна. Тут основна частина налаштувань - це кольорове оформлення вкладок:
- колір контурів
- колір тексту і фону в активній вкладці
- колір тексту фоновий колір в неактивній
- те ж саме - при наведення
- вирівнювання вкладки
Так що ви зможете підігнати колір під дизайн свого блогу. Під час цих маніпуляцій, праворуч в інтерактивному вікні ви зможете бачити, як зміняться колір вкладок.
Читайте також: Як створити перший сайт
Загалом, нічого складного немає. Далі.
Інші настройки postTabs
Наступні настройки у мене стоять в позиції «Never» і «Hide-Show Tabs». Скажу чесно, я не розбирався з ними, так як за замовчуванням всі працює прекрасно, тому не бачив сенсу копатися в інших налаштуваннях. Кому цікаво, поексперіментіруете, буде про що писати.
Скажу тільки що «Display TOC» - це свого роду додаткова навігація.
Наприклад, пункт «At the end of the post, after everything», якщо його включити, буде виводити після тексту посилання на таби. Це зручно в тому випадку, якщо текст у вкладці довгий, і для того, щоб було зручно перейти на наступну без скролінгу, після тексту показуються додаткові посилання на таби.
Як створити вкладки на сторінці
Весь подальший текст буде знаходиться в цій вкладці. Потім написати в квадратних дужках [] інший tab: назва 2 вкладки. Наступний текст потрапить до другого вкладку і т.д.
Наприклад: [tab: ще одна вкладка] текст.
З недавнього часу я відключив цей плагін, тому, вибачайте, не можу продемонструвати вам його в дії.
Ось кілька аргументів на користь застосування вкладок-табів:
- Великий за обсягом матеріал можна компактно розмістити
- Виберіть виглядають цікаво, вони додають різноманітності.
- З їх допомогою можна організувати додатковий матеріал по темі.
- Вони працюють без перезавантаження сторінки.
Найбільш часто таби-вкладки зустрічаються:
- У сучасних інтернет-магазинах, коли додаткова інформація по товару відкривається не в окремому вікні, а тут же, без перезавантаження сторінки.
- На wordpress, в деяких шаблонах також реалізовані таби в сайдбарі, в додаткових матеріалах і т.д.
- В адмінці, як я вже говорив, часто-радом.
- У новинних блогах.
Читайте також: Як зайти на "в Контакте" або Яндекс через браузер Тор
Продаж статей через Текстсейл! - Копірайтингом я почав заробляти і це те, що приносить мені дохід і по сей день!
Доброго вам дня.
Ось стоїть таке завдання. Хочу зробити сторінку типу словника або енциклопедії. В ідеалі бачу це трьома рівнями табів.
Перший цифри 0. 9, другий латинські букви ну і третій кирилиця.
Спробував зробити з момощью плагіна postTabs, але виходить нісенітниця повна. Зараз це виглядає ось так: fitness.hall.by/wiki/
Робив [tab]. [Tab: END] потім писав текст і знову робив [tab]. [Tab: END] але в підсумку все збивається в одну стрічку табів і всілякі дурниці.
Якщо зможете підкажіть будь ласка, чи можна за допомогою цього плагіна зробити кілька стрічок табів або все - таки треба дивитися в бік скриптів на js?
Спробуйте без [tab: END]
Просто [tab: 1] текст. Потім [tab: 2] текст [tab: 3] текст. І так далі.
Мені здається, ви саме цей момент зробили неправильно, якщо писали [tab]. [Tab: END]
Так, саме так я і робив: [tab: 1] «текст. Потім [tab: 2] текст [tab: 3] текст. І так далі". Для того щоб закрити стрічку табів використовується конструкція [tab: END]
Потім я думав що можна вставити ще один блок [tab: 1] текст. [Tab: 2] текст [tab: 3] текст [tab: END]
Але замість того щоб зробити дві стрічки wordpress видав одну.