! Запросто с WordPress - доступная ручная работа по правилам оптимального интернета
...здесь Ваша реклама.?.
Здравствуйте !
написано: — 
отредактировано: 2018-04-24
издатель:  в теме: HTML-CSS-PHP всякое полезное  реплики: 2 комментария
 
Запросто с WordPress - студия ATs media fashion Reception WordPress golden

Как сделать открытую ссылку в Табе неактивной? (некликабельной)

…пост будет очень простой коротенький…

Сегодня изучать cms Вордпресс в связке с шаблоном становится всё более немодным! скачивают какие-то бесплатные темы, рихтуют под свои требования… и запускают скороспелые проекты в свет … а уж в процессе (по мере поступления) решают те или иные возникшие вопросы. Не знаю: правильно это, или не правильно — развивать проекты без определённых стартовых знаний… но как бы там ни было, и уж коли возникают вопросы, их следует решать.

Нынче (как говорит моя практика) всё больше стараются делать информативные сайты, в том смысле что помещают куда-то в сайдбары достаточно много информации… и, экономя полезное место, комплектуют информацию посредством таб-виджетов, например.

Возникает вопрос: как сделать ссылку Таба неактивной: т.е чтобы при переходе по ссылкам — «открытый таб» (ссылка) становилась неактивной…


 

 

 

Как сделать ссылку в открытом Табе неактивной

 

 

 

Иногда именно в такой постановке задают вопрос начинающие сайтовладельцы! А однажды — админ какого-то поварского сайта — попросила сделать ей для этих целей плагин.

 

Вряд ли стоит, решая такие простые вопросы, создавать (и звучит как-то смешно — создавать)) плагин…

 

 

 

показанный ниже вариант, скажем так, относится к визуальным! потому что работаем в данном случае с css, а не с php.  (о решении php в следующий раз)

 

 

 

Решение достаточно просто! …потребуется всего-то только отыскать в активном шаблоне сайта файл стилей… style.css и не побояться немного поработать!

 

 

 

Итак: нужно отыскать класс css в который завёрнуты ссылки табов.

 

Как это сделать?

 

 

Открываем «консоль для разработчиков» F12 … далее наводим курсор на требуемое окошко (кнопку) таба и… смотрим имя требуемого нам класса.

 

Смотрите стили CSS именно того Таба который в данный момент активен (т.е на который кликнули/перешли)…

 

Смотрите внимательно что к чему; копируете имя селектора… затем — в шаблоне — в файле стилей (через поиск) отыскиваете требуемый…

 

 

Предположим (для примера), у нас будет такой селектор (а следовательно, класс): .tabs-widget-current — всё что нам нужно, так это добавить к этому классу свойство pointer-events:none — оно и сделает ссылку таба неактивной…

 

 

.tabs-widget-current{pointer-events:none}

 

 

Возможно даже добавить для усиления важности свойства pointer-events:none!important — это на тот случай, если используете дочернюю тему, либо какой-то сторонний плагин табов!…

 

Чтобы не засорять существующий в шаблоне класс стилей, советую организовать отдельный одноимённый селектор… (для некоторых случаев это целесообразнее)

 

 

.tabs-widget-current{pointer-events:none !important}

 

 

 

В финале работ получится примерно так, если смотреть свойства CSS в панели разработчиков (в браузере).

 

 

 

ссылка в Табе неактивная

 

 

 

 

Ключевая фраза в селекторе current — обычно отработка табов используется именно в этой css-html связке. Именно по этой примете и ищите!

 

И ещё: помните, в большинстве приличных шаблонов (или плагинов) используются какие-то визуальные эффекты активного/не активного ТАБА — изменение цвета текста ссылки, величины и пр. — то есть обрабатывающие неактивное состояние ссылки таба селекторы css нам в данном случае и нужны!

 

Подобно нынешнему варианту деактивируют ссылки меню и пр. (избавляются от циклических ссылок)

Но, в случае с меню, уже будем работать с файлом функций шаблона functions.php — это, как и говорил, в следующих статьях)

 

 

 

А пока — всё!..

 

 

 

Как эпилог полезного:

 

…как закрыть ссылки комментаторов сайта в AJAX? (форма комментирования)

Как найти и убрать на сайте циклические ссылки?

 

 

 

…если что не ясно, пишите… задавайте вопросы в коммах…

 

 

 


На этом занавес представления опускается…
…на рампы пыль печальная ложится…

 

 


Благодарности)) и вопросы в комментариях - помогу… в чём дюжу
А также Вы можете просто:
Нажатия на кнопочки определяют Ваше высокое гражданское сознание
 ! самое читаемое:
   Создаём плагин — добавочный файл функций — my-functions.php   Включаем обслуживание gzip сжатия файлов на хостинге и в htaccess   Как перевести сайт на https — сертификат ssl — шифрование   Как самостоятельно установить в Notepad++ плагин Compare   Как добавить свой новый (второй) сайт в Яндекс Директ   Как к статье добавить блок ссылок на похожие по теме записи сайта   Продвижение контентом или нужно настраивать сайт — валидный код шаблона..?   Ускоряем сайт: основные кэш и gzip правила .htaccess которые нужно знать   Подключение jQuery библиотеки от CDN Google — рационально!..   Уже в этом году WordPress потребует от пользователей протокол HTTPS   Как выбрать хостинг — пошаговые инструкции (обзоры 4 хостингов) — нюансы модного ssl сертифицирования   Как исключить вывод (выборочно) поста с главной страницы сайта — регулировка в админке   Как добавить ссылки на самые комментируемые по времени посты в сайдбар или на страничку   Шаблон RealMik 4.0.2 — создать сайт на wordpress с максимальной выгодой для начинающего блогера
↔ перетаскивайте ленту ↔
ещё статьи по теме:

смотреть ещё статьи в теме HTML-CSS-PHP всякое полезное
меточная навигация:


Комментарии © 2 к статье: Как сделать открытую ссылку в Табе неактивной? (некликабельной)

  1. Спасибо, то что нужно.
    сейчас об этом мало пишут уже… А я искал и нашёл.

    Ответить - Александр

    • пожалуйста…

      Ответить - Михаил

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Внимание! Обязательные поля помечены *

  отныне доступен плагин: privacy-policy ©

  необходимо принять правила конфиденциальности и пользовательского соглашения *
Яндекс.Метрика