Как сделать шаблон WordPress уникальным? (Часть 2)

   Приветствую Вас, уважаемые подписчики и посетители сайта Tipsite.ru!

   Это вторая часть статьи «Как сделать шаблон WordPress уникальным и неповторимым?».

   Если Вы еще не прочитали первую ее часть, то обязательно сделайте это.  В той статье я подробно рассказывал о том, как изменить внешний вид сайта, то есть поменять оформление и картинки. Но не менее важно поменять и «внутреннюю начинку шаблона», ведь поисковые роботы смотрят не только на красивые картинки! Поэтому, не будем терять времени и за дело!

   Переименовать изображения темы. Запускаем FileZilla, подключаемся к серверу и в уже знакомой нам папке «images» будем менять названия всех картинок. Например, файл, который я редактировал, назывался «hdr», а теперь он будет называться, например, «hdrtest».

   Такую же процедуру проделываем и с остальными картинками. ВНИМАНИЕ! После этого обязательно открываем «Редактор» в панели управления сайтом и переходим в style.css. Здесь также нужно прописать измененные названия картинок там, где они используются. Чтобы по-быстрому найти, что нам нужно изменить нажимаем кнопку F3 и в появившейся строке поиска пишем название картинки, которую мы переименовываем. И вот мы видим подсвеченные желтым цветом места кода, где встречается нужное нам название.

   Сейчас нужно поменять только одну часть кода, отвечающего за вывод картинки: было «background: url(images/hdr.jpg) center 0px no-repeat;», а теперь станет «background: url(images/hdrtest.jpg) center 0px no-repeat;». Жмем кнопку “Обновить файл” и проверяем работоспособность сайта. Если нигде не ошиблись, значит, все будет работать и можно таким же образом переименовать остальные картинки.

   Переименовать стили, дивы и классы. Вот эта часть самая трудоемкая и придется попотеть, чтобы справиться с ней. Но, как говорится, было бы желание! В качестве примера я поменяю на своем сайте <div id=”hdr”> на <div id=”makushka”>. Перво–наперво необходимо открыть папку с нужной темой через FileZilla, после чего копируем все файлы темы в отдельную папку на своем компьютере.

   Затем нужно одновременно открыть все эти файлы с помощью Notepad ++. Чтобы значительно облегчить себе задачу, жмем Ctrl+F для вызова поисковой панели. Переходим во вкладку «Заменить» и в строке «Найти» пишем название того дива, который нужно поменять (в примере это <div id=”hdr”>), а в строке «Заменить на» – новое название (<div id=”makushka”>).

   Жмем «Заменить все во всех открытых документах», сохраняем все файлы и заливаем обратно на сервер через ту же FileZilla. Теперь нам опять понадобится вкладка «Редактор» в панели управления сайтом и затем style.css. Мы уже тут «ковырялись», помните? Опять нажимаем F3 и пишем в поисковой строчке «hdr» (без кавычек, конечно). Все подсвеченные желтым цветом места кода (hdr) меняем на «makushka» (это в моем случае).

   Обновляем файл, после чего  проверяем работоспособность сайта. Таким же образом можно поменять остальные дивы, классы или стили. Необязательно менять их все! Достаточно будет и половины.    

   Изменить цветовое оформление сайта. Открываем уже хорошо знакомый нам файл style.css, который содержит в себе информацию о цветовом оформлении сайта. Каждый цвет имеет свое числовое обозначение и чтобы его изменить, достаточно сменить последнюю цифру в этом обозначении.

   Например, #929290 – это серый цвет, а вот #929292 – тоже серый, но немного с другим оттенком. Человеческий глаз это различие не видит, а вот поисковые роботы обязательно увидят. 

   Если в процессе уникализации у Вас появились вопросы или трудности, тогда пишите об этом в комментариях – будем разбираться. Подписывайтесь на обновления Tipsite.ru, чтобы не пропустить публикацию новых статей. Если данная статья была Вам полезна – поделитесь ею с друзьями. Нажмите на одну из кнопочек чуть ниже! Спасибо за внимание и до связи!