Получайте секретные материалы проекта на свой E-Mail:

Уникализация шаблона WordPress — все намного проще

Здравствуйте, дорогие читатели! Сегодня мы поговорим о уникальности Вашего блога. А именно о том, как сделать бесплатный шаблон уникальным. Задаете себе вопрос: Как уникализировать шаблон WordPress? Тогда ответ Вы найдете прямо здесь и сейчас... Приступаем!Как уникализировать шаблон wordpress

Хотелось написать эту статью еще вчера, но не получилось... Снова подвел интернет! Опять стал работать с длительными прерываниями. Вчера не работал весь день, как и тогда целую неделю (об этом я писал здесь).

Не удачный вчера был день, и это был мой день рождение. Да, кстати вчера у меня было день рождение и мне исполнилось 16 лет. Как не хочется в это верить, хочется оставаться таким, как есть, а не стареть. Вчера проснулся утром и сказал себе: «Ну что ж, с днем рождения тебя, старик» 🙂

Хочу похвастаться, мне подарили новый телефон с ОС Android, а это значит, что не смотря на «выкрутасы» моего интернета, я смогу заходить на свой блог и следить за ним! Т.е. отвечать на вопросы, советовать, спрашивать и даже возможно постараюсь писать там небольшие статьи.

Ну да ладно, давайте же перейдем ближе к делу — к уникализации шаблона WordPress. Что это вообще такое и зачем нужно?

Уникальность контента — эту фразу Вы видите и слышите на каждом блоге про SEO. Ведь действительно первым делом необходимо писать правильные уникальные статьи. А также слышите, что рекомендуется иметь индивидуальный дизайн. Дабы выделиться среди толпы. Но не только!

Уникальность шаблона, это еще один фактор построения отношений с поисковыми системами. Т.е. как с контентом, уникально — добро пожаловать, не уникально — прощайте! И что же делать? Неужели необходимо делать заказ профессиональному дизайну и верстальщику, чтобы те сделали уникальный дизайн? Отнюдь, если нет денег можно обойтись по-другому...

Нужно самому вручную сделать свой дизайн не похожими на другие, т.е. уникализировать шаблон worpress. Не знаете, как это? Не беспокойтесь! Дочитав данную статью до конца Вы все поймете.

Как уникализировать шаблона WordPress

1. Шапка

Первым делом нужно изменить шапку вашего шаблона. Для начала создайте шапку или закажите у фрилансера, после чего установите ее. Делается это, или кодом в файле style.css или в настройках темы. 

Если в файле style.css, то следует зайти в него по адресу

http://site.ru/wp-content/themes/название темы/style.css

Находите там строку (или что-то похожее на нее)

background-image: url ('images/header.jpg')

И меняете путь к своей картинки!

2. Переименовать изображения

В папке images хранятся все изображения, используемые в дизайне. Следует переименовать их на свои, например было logo.jpg можно написать logotip.jpg и т.д. После чего не забывает поменять названия с файлах стиля (style.css). Для этого заходите в файл (говорил ранее) ищите строку с предыдущим названием изображения и меняете на свое.

И так делаете со всеми изображениями. Работа трудоемкая и требует терпения, поэтому будьте готовы!

3. Классы и стили

Также как и во втором случае, это трудоемкая работа. Наша задача переименовать все классы, стили, дивы  и изменить немного цвета.

Например было .img а вы напишите .images (это в файле style.css) и естественно в файлах .php вместо <div class="img"> будет <div class="images">

Для этого открываем все файлы из темы в текстовый редактор Notepad++ находим классы, стили, дивы и переименовываем их в ручную. После чего необходимо поменять это же в файлах .php для этого (когда открыты все файлы .php) нажимаем клавишу CTRL+F, переходим во вкладку «Найти и заменить» и вводим старое название класса в строку «Найти» и новое в строку «Заменить». После чего нажимаете заменить во всех документах. И так с каждым классом, точнее не с каждым... но постарайтесь изменить хотя бы 50%

Теперь цвета: в файле style.css находим код какого-нибудь цвета и немного меняете его. Например было #ff0000 и Вы вводите #ff0003 После чего сохраняете и цвет немного меняется... на взгляд, а на самом деле уже другой код. А значит придраться ПС не к чему.

4. Левые ссылки, надписи и прочий хлам

И напоследок пройдитесь по всем .php файлам и поищите «левые» ссылки и «левые» надписи. Если таких нет (что очень странно), то ничего не делаете. Если же есть, удаляете их или меняете на свои.

Для проверки «левых» ссылок существует плагин TAC. Он не только определяет количество чужих ссылок, но и помогает удалить их. Об этом плагине в скором времени собираюсь написать статью, поэтому ждите, она выйдет приблизительно на следующей недели. Советую подписаться, а то забудете!

5. Все

Вот мы и покончили с вопросом Как уникализировать шаблон WordPress раз и навсегда! Было трудно? Скорее всего нет, просто ушло много времени и нервов. Но это того стоит! Будьте уникальными в глазах поисковых систем.

Если же хотите быть уникальными и запоминающими для посетителей, то советую все же заказать себе уникальный дизайн. А если Вы сами Вебдизайнер, это еще лучше! Чего же Вы ждете? Сядьте и нарисуйте себе «мега-опупенный» дизайн и наймите верстальщика.

Как Вам статья? Много нового узнали? Вообщем, как всегда, приветствую комментарии! На этом у меня все, Всем пока!

С уважением, Томский школьник!

Карта сайта

Белан Константин Сергеевич

С уважением, Константин Белан.

Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17
Добавить пост в избранныеПерейти к списку →
Сделайте мне приятно - нажмите на любую из кнопок:
Подпишитесь на рассылку блога и получайте новые статьи на свою почту
Количество комментариев к данной статье: 53
  1. 16 лет это уже достойно, я на 2 года старше 🙂

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

  3. Да иметь уникальный дизайн — это клево. Я сам для себя все делаю или перекапываю исходные коды. С днем Рождения тебя тезка. 😉

    • Константин, Спасибо, тезка!

  4. С Днём Рождения, Константин! Успехов тебе и исполнения всего задуманного! А у тебя получится, я уверена 😉

    • Людмила, Большое спасибо! и за поздравления и за пожелания! 🙂

  5. Ответить

    Константин, поздравляю с 16-летием!!!! Это супер — в твоем возрасте писать такие статьи, в которых я (ну по возрасту почти мама))) половину слов даже не поняла. Я так боюсь всех этих кодов... Особенно что на что менять, что куда вставлять... Если б работа на блоге ограничивалась только написанием статей, было б куда легче.

    • Наталия Хоробрых, Спасибо большое! Не нужно бояться «этих всех» кодов, нужно пробовать. Только, чтобы не испортить все, нужно сделать тестовый блог и на нем ставить эксперименты.

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

    • Александр, Спасибо тебе! Буду стараться. За пост не за что! Я знал, что для тебя он будет полезен 🙂

  7. Если этим заниматься, то главное не накосячить.

    Одну букву не напишешь, то блог кривым станет.

  8. С днём рождения! Желаю всего самого наилучшего!

    • Никита Рябин, Спасибо!

  9. Ответить

    Константин, с Днём рождения! Для своих 16 лет, Вы слишком умны, слишком способны, слишком умеете держать аудиторию! Желаю Вам, что бы в жизни всё было слишком и ещё немного. Будьте успешны! Вы многого добьётесь! 🙂

    • Марина, Спасибо Вам!

  10. Ответить

    С прошедшим), удачи в сети и в жизни.

  11. Тимофей:

    Если этим заниматься, то главное не накосячить.

    Одну букву не напишешь, то блог кривым станет.

    На ошибках учатся. Накосячишь раз, другой, смотришь и внимательнее стал. 😀

  12. Ответить

    Нормский пост, полезный! С прошедшим тебя! 🙂 недавно также день рождения был! Хочу тоже взять андройд) Присмотрел Htc one v, зашёл на форумы отзывы мягко говоря отрицательные)) Вот не знаю что делать, может кто чего знает про этот аппарат?

  13. Ответить

    С Днем Рождения! Пост классный, нужно будет заняться. Я многое уже поменяла, а тут благодаря тебе вспомнила что еще стили корректировать да на ссылки проверять... 😯 Совсем из головы вылетело!

  14. Ответить

    Как быть, когда в файле стилей, только адреса какие-то и ничего больше нет? То есть редактировать цвета шрифты и прочее через этот файл не получится. Встречали такое?

    • andreybm, Такого не может быть! Значит это не тот файл стилей, ищите другой

  15. andreybm:

    Как быть, когда в файле стилей, только адреса какие-то и ничего больше нет? То есть редактировать цвета шрифты и прочее через этот файл не получится. Встречали такое?

    Впервые про такое слышу. Такого просто быть не может, как-то же отображается шапка, задний фон, и так далее. Просто в некоторых шаблонах бывает несколько таких файлов. Смотри внимательнее.

  16. Ответить

    Поздравляю с прошедшим !

    В 32 года вспомнишь, как в 16 о старости думал — посмеешься 😀

    Насколько критична для посковиков уникальность шаблонов с полной сменой классов стиле?

    • alf2012, Спасибо! Уникальность шаблона не совсем критична для поисковиков, но все же лучше изменить... Мало ли в дальнейшем будет идти фильтр какой-то на счет дизайна и все не уникальные дизайны будут попросту скидывать в мусор

  17. Александр:

    andreybm:

    Как быть, когда в файле стилей, только адреса какие-то и ничего больше нет? То есть редактировать цвета шрифты и прочее через этот файл не получится. Встречали такое?

    Впервые про такое слышу. Такого просто быть не может, как-то же отображается шапка, задний фон, и так далее. Просто в некоторых шаблонах бывает несколько таких файлов. Смотри внимательнее.

    Это бывает. Значит в файле style.css импортируются другие файлы стилей из папки со стилями. Не все всё просто делают. 🙂

  18. Константин:

    Александр:

    andreybm:

    Как быть, когда в файле стилей, только адреса какие-то и ничего больше нет? То есть редактировать цвета шрифты и прочее через этот файл не получится. Встречали такое?

    Впервые про такое слышу. Такого просто быть не может, как-то же отображается шапка, задний фон, и так далее. Просто в некоторых шаблонах бывает несколько таких файлов. Смотри внимательнее.

    Это бывает. Значит в файле style.css импортируются другие файлы стилей из папки со стилями. Не все всё просто делают.

    Так я про это и говорю, должна быть отдельная папка или просто файлы, каждый из которых конкретно относится к чему-то, header footer и тд. А общий файл CSS указывает на них.

  19. Костян, с прошедшим тебя!!! Интересно это я в ВК пропустил, напоминание или же у тя не отмечена дата?

    Да и по поводу старика, насмешил конечно =) Рано об этом паришься =)

  20. Ответить

    Спасибо всем за отклик . Вы были правы. Таки есть там все стили. Но вот беда. Я лично привык что есть один файл style.css и все. А тут он тоже вроде бы один и там только непонятные ссылки. А дело все в том, что я редактирую всю тему через встроенный редактор вордпресс, который отображает всего один файл. А вот в папке уже лежит целая гора файлов, на которые ссылается основной файл стиля. Вообщем всем спасибо за помощь.

  21. Ответить

    Да 16 лет, только молодость и начинается, с прошедшим Костя 🙂

    По поводу статьи, то она несомненно крута, кстати таким дже образом и на dle уникализируется шаблон, правда робота кропотливая и требует внимания

  22. Ответить

    Согласен с тобой так на много проще!

    andreybm:

    Спасибо всем за отклик . Вы были правы. Таки есть там все стили. Но вот беда. Я лично привык что есть один файл style.css и все. А тут он тоже вроде бы один и там только непонятные ссылки. А дело все в том, что я редактирую всю тему через встроенный редактор вордпресс, который отображает всего один файл. А вот в папке уже лежит целая гора файлов, на которые ссылается основной файл стиля. Вообщем всем спасибо за помощь.

  23. Ответить

    Не совсем уникализация. Конечно внешний вид можно хорошо поменять. Но как это отразится на ПС и другие систему которые это все определяют по коду?

  24. Ответить

    Не задумывался раньше о том, что дизайн (в плане кода) нужно делать уникальным. Возьму на заметку и в будущем изучу эту тему 😉

  25. Ответить

    Приветствуем Уважаемого Томского Школьника!

    Константин,вразуми «гуманитария» (это не ругательство ), как поставить такую красивую картинку подписки по почте.

    Причем, не каждый раз ее «торкать», а, чтобы она прописалась в блоге.

    • Станислав, Это в ручную прописанный html-код изображения. Если не знаешь, как это сделать — напиши мне на почту

  26. Ответить

    Спасибо за интересный материал. Я сейчас как раз разбираюсь с тем как устроен Worpdress оказывается, что не так уж всё сложно как может показаться при первом просмотре исходного кода файлов шаблона.

  27. Хм, не в курсе была, что названия файлов и стили нужно менять. Со словом уникализация у меня была только одна ассоциация — это поменять внешний вид шаблона. Надо бы найти время и заняться этим...

    Костя, с прошедшим днем рождения тебя! Спасибо за материал! Действительно, очень полезные вещи пишешь.

    • Надежда Ковальская, Спасибо большое!

  28. Спасибо большое за советы! То что надо 😎

  29. Ответить

    Надо будет заняться уникализацией, но пока еще не все освоила, чтобы менять шапку. Вот наберусь немного опыта. Спасибо за советы

  30. Привет. Вот вопросик, как ты сделал в сайт баре меню «интересные статьи» с картинками, буду очень признателен если напишешь как?

    • Валентин, Это сделано вручную с помощью html-кода.

  31. Вообще, уникальный шаблон дает определенные плюсы владельцу блога. И со стороны посетителей, и со стороны ПС

  32. Ответить

    А меня хватило только на то, чтобы убрать ссылки, сменить шапку и фон)))

  33. Ответить

    я бы на вашем месте просто посоветовал заказать новый дизайн. и все вопросы сразу отпадают)))

  34. Слабая это уникализацыя, лучше полностью переверстать код, да и все равно шаб будет не уникален... Лучше собственный дизайн

  35. Виталий:

    Слабая это уникализацыя, лучше полностью переверстать код, да и все равно шаб будет не уникален... Лучше собственный дизайн

    Свой дизайн — это хорошо, но на него надо еще и свои деньги потратить, а они не у каждого имеются, особенно в начале блоговеденя. Так что для начала самое то, Костя прав.

  36. Для начала это хорошо. Слабая, но уникализацыя!

  37. Уважаемый Константин, безусловно очень полезная статья, но всё-таки для меня так и остался непонятным один момент, вы говорите что достаточно изменить распространённые названия классов и стилей типа header, footer и т.п. Но ведь это достаточно общепринятые названия, плюс некоторые товарищи постоянно толдычат про семантику, дескать поисковики должны знать где какой блок за что отвечает и ориентируется по коду они именно по названиям. Так что с этой позиции, стандартные, общепринятые названия есть +.

    К тому же они встречаются на многих сайтах, так что же по вашему ПС считают дизайн не уникальным только из-за одних одинаковых названий классов и стилей?

    Или же поисковики умеют различать именно сами изображения и насколько бы идентичными не были названия классов у разных сайтов, ПС всё равно поймёт, что дизайн различается?

    Вот этот момент как-то все авторы обходят стороной, а что вы думаете по этому поводу?

  38. Ответить

    Пока ещё боюсь так глубоко залезать в коды, нужно немного подучиться, освоиться.

    Но материал интересный, поскольку, оказывается, всё можно сделать самому совершенно по-новому, уникально!

    Спасибо, Костя, за полезную информацию!

  39. Ответить

    Я уникализирую так:

    1. Меняю картинку шапки.

    2. фавиконку.

    3. активирую и деактивирую css профили, отвечающие за цветовую схему.

    Всё.

  40. Ну, на этих выходных начну уникализирывать! Большое спасибо за пост.

  41. Ответить

    Здравствуйте!

    Статья познавательная

    в особенности для молодых блогов на WordPress

    в шаблонах данного движка действиетльно много внешних ссылок

    как в русских версиях, так и в иностранных

    это дело кропотливое и требует от автора внимательности...

    Спасибо за статью

    Если у вас есть возможность

    То прошу вас оставить комментарий на моем блоге ......

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