Как найти нужный код в шаблоне WordPress?

логотип WordPressШаблонов для WordPress очень много, но врядли хоть один из них сможет полностью удовлетворить вас. Поэтому возникает желание что-то заменить. Но как это сделать?
Для начала нужно найти элемент в программном коде.

Ищем элемент в коде

Рассматривать все мы будем на конкретном примере.
В браузере Opera ( я пользуюсь именно им) есть замечательный плагин Dragonfly. Легче один раз показать, чем рассказывать чем он полезен.

Открываем в Опере страницу шаблона, где находится «проблемный» элемент.
Правый клик по свободном месту на странице -> «проинспектировать элемент» (можно нажать Ctrl+Shift+I )
Наводим мышку на блок поиска и щелкаем левой клавишей.

Плагин показывает, где в коде находится контейнер, отвечающий за выбранный элемент и css стили примененные к нему.

Этот пример может показаться глупым. Ведь блок называется Search-bar. При просмотре файла шаблона — мы бы с легкостью нашли его. Но ведь может оказаться не все так очевидно. К тому же плагин показывает название css файла ( их очень часто бывает несколько : отдельно для блоков, отдельно для шрифтов и т.д.), более того он показывает номер строки с которой взят тот или иной параметр.

Остается найти в файле header.php этот блок и удалить.
Еще один плюс DragonFly — возможность визуального изменения таблицы стилей. Это очень удобно, когда вы пытаетесь подобрать цвет шрифта или его размер. Не нужно по 100 раз пере сохранять css файл. Подогнали в Dragonfly, а потом в точности прописали в таблице стилей. Экономит уйму времени.

Надеюсь, после прочтения этой статьи у вас не возникнет вопросов Как найти тот или иной элемент в коде, вы полюбите Dragonfly и будете его использовать.

no comments

Leave me comment

пять × 4 =