Главная Часть 1. Создание блога Глава 3. Дизайн Урок 142. Как уникализировать шаблон WordPress? Практика!

Урок 142. Как уникализировать шаблон WordPress? Практика!

уникальный шаблон wordpress

Привет!

Недавно был на бирже фриланса, и обнаружил, что люди не знают, как уникализировать шаблон. Ладно, это не страшно, страшно то, что за такую услугу фрилансеры берут до 8 тысяч рублей! В этой статье Вы увидите, что уникализация шаблона - вещь очень простая, и тут не за что платить такие деньги. Прибавьте к ним еще пару тысяч и за такую цену Вам с нуля сверстают шаблон psd. Тобишь готовый макет. Так что оно того не стоит.Итак, для начала небольшое введение. Зачем нужно уникализировать шаблон? Время идет, техника развивается, дороги строятся (только не в России), а поисковые системы (далее ПС) продолжают модернизироваться. Точнее разработчики их продолжают модернизировать. Так вот, красивой выдачей уже никого не удивишь. Новыми крутыми фильтрами тоже. Поэтому разработчики пошли дальше - они научили ПС размышлять относительно кода на Вашем сайте.

Теперь ПС помимо контента смотрит еще и на html код и делает выводы. Например, если ссылка намеренно скрыта (зеленая ссылка на зеленом фоне), вроде она есть, но пользователю ее не видно. Так вот, ПС это дело начали понимать, и фильтровать такие ссылки.

поисковый робот wpguru.ru

Относительно шаблона - ПС смотрит на названия тех или иных блоков (речь идет о блоках

, блочная верстка), и если 80% названий или больше совпадают с еще каким-то сайтом (сайтами), то ПС делает вывод, что шаблон взят из паблика. То есть, не уникальный, а публичный - берите кто хотите.

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

блоков. Основные (header, footer, sidebar) и тд можно оставить. А вот второстепенные лучше заменять. К второстепенным относятся названия, которые были придуманы кем-то одним, а затем пошли по всему интернету.

Например, у всех точно есть header, footer и подобные названия. Но вряд ли у многих будут совпадать названия каких-либо уникальных элементов. Допустим я решу сделать какую-нибудь интересную кнопку и назову ее "my_first_button". Скорей всего это название будет уникально. И это хорошо! Но если вдруг появится человек 100 с такой кнопкой, у которой такое же название - вся уникальность теряется. Поэтому очень желательно самим давать названия второстепенным элементам.

Конечно, это базовая уникализация, на самом деле, если Вы хотите на все 100% уникализировать шаблон, то придется сменить все цвета, картинки и так далее. По-моему, это лишнее. Цвета могут совпасть даже на разных шаблонах, поэтому этот параметр не является важным. Картинки да, желательно сменить. Не все, конечно, а те, которые возможно. Например, логотип конечно, сменить надо. А вот фоновую картинку, картинку, которая обтекает сайдбар (в некоторых шаблонах такое есть), такие картинки можно оставить.

Вот все, что я визуально изменил на этом блоге:

изменения на блоге wpguru.ru

Логотип, надпись "лучшие уроки", там стандартно что-то было написано, вроде "топовые записи". И, вместо стандартных двух изображений соц сети (если кто видел этот шаблон в интернете, тот знает) вставил форму подписи на RSS.

Приступаем к самому интересному. Уникализировать шаблон я буду на примере моего блога. Как раз недавно его закрыл, из-за смены дизайна. Буду предоставлять скриншоты где и что я менял. Поехали!

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

Как Вы помните, тема состоит из 6-ти основных файлов: header.php, index.php, single.php, page.php, footer.php, sidebars.php. Открываем каждый файл по очереди. Начнем с хедера, то есть, с шапки. Открываем файл Вашим любимым редактором, я пользуюсь Dreamweaver'ом. И да, откройте также style.css файл. В нем ведь тоже названия предстоит нам менять.

Вот перед нами открытый файл header.php:

header.php wpguru.ruВ нем можно изменить много чего. Логотип я уже менял недавно. Раньше он выглядел так:

Сейчас же, как видно на картинке, он выглядит так:

Суть та же, названия разные! Смотрим на картинку, я хочу изменить название container.

Изменю я его, например, на container_sa. Вообще я решил, что всем названиями буду просто приписывать _sa. От SlyArt. Можете сделать также, можете вообще вместо container написать trash или еще что. Фантазия Ваша здесь ограничена лишь латинским алфавитом.

Теперь сам процесс изменения. Поменяли в header.php название блока, идем в файл style.css и ищем старое название: containerНашли:

container wpguru.ru

Меняем на .container_sa. Сохраняем и заливаем эти файлы обратно на сайт. Чтобы убедиться в том, что изменения прошли, откроем исходный код. Я открою его благодаря плагину firebug для firefox. Вы же просто можете открыть исходный код и нажать: "найти". В поле поиска вводите container_sa , ну или какое имя Вы там задавали. И находим.

wpguru.ru

Как видим, и сам div изменил название, и в колонке справа видим, что для него работает одноименный стиль, который мы меняли в файле style.css.

Думаю здесь весь процесс ясен. Как уникализировать шаблон понятно. Просто надо как можно больше названий изменить. Можно НЕ менять следующие названия: header, footer, content, wrapper. Ну и некоторые другие. Потому что они и так используются на 99.9% сайтов в интернете. Я думаю, что ПС не обращают внимания на эти названия, потому что в этом нет смысла. Даже если Вы сейчас закажете тысяч за 30 себе дизайн на блог, в нем 100% будут фигурировать эти названия. Так как они общие среди вебмастеров.

Как быть с названиями блоков, у которых в файле style.css несколько значений? Я специально подготовил для этого следующий код:

Что-то тут

Что-то там

Это в html. Зачем я прописал в нем теги h1 и p? Сейчас узнаете. Вот как выглядят стили для этого кода:

Теперь мы меняем название kyky на что-нибудь другое. Например, на content. Сначала меняем див:

Что-то тут

Что-то там

Теперь переходим к стилям. Как Вы видели, их там аж 3 штуки. Вообще стилей неограниченное количество может быть с одним и тем же названием. Просто они касаются разных вещей. Вот, например, стиль #kyky h1 касается только лишь текста, который выделен в тег

и все. Больше он ничего не затрагивает. Но при изменении названия в диве, эти названия надо также заменить! Выходит у нас вот что:

В некоторых редакторах, где есть функция "Поиск и замена", можно сразу же вставить первое название и вставить другое название, на которое нужно заменить первое. Так работа пойдет куда быстрее. НО! ВАЖНО! Обратите внимание, там должна быть функция вроде: "Точное совпадение слова". Если ее нет - лучше не заменяйте таким способом.

Дело в том, что у Вас могут быть два дива:

 

Как видите, оба дива совершенно разные, отвечают за разные вещи. Но оба имеют название "content". И вот когда Вы воспользуетесь функцией быстрой замены, редактор может подумать, что Вам вообще все слова "content" надо заменить на что-то другое, и заменит их в обоих дивах. Это приведет к тому, что сайт будет некорректно работать. Поэтому мой Вам совет - меняйте вручную!

Теперь Вы знаете, как уникализировать шаблон! Согласитесь, ничего сложного нет? И вот за это люди платят до 8 тысяч. А фрилансеры с видом профессионалов вешают лапшу на уши клиентам своим, говоря что уникализация шаблона - это очень сложная и долгая операция, займет дня 3, и будет стоить не дешево.

Каждый зарабатывает как может, но мне кажется, что мошенничать в таких легких вещах - очень нагло. Наглее только брать 2 тысячи рублей за изменение картинки одной на другую.

 

Полезные статьи Вам на почту!

Нас более 700 человек!

Комментарии

Desh
0

Хороша статья 🙂 Давненько уже больших не было) А главное - все по делу. Скажи, а что со slyart.ru? Почему до сих пор выключен? 2 дня уже как)

15.12.2013
Sly
0

Эта статья заняла меньше времени на написание, чем предыдущие, которые раза в 2 меньше 🙂 Парадокс. SlyArt закрыт пока я там привожу все в порядок. Надеюсь завтра завершу работы.

15.12.2013
Desh
0

Может тебе там помочь с работой?

17.12.2013
Sly
0

Не, я тексты все заново оптимизирую, плюс сессия же. Потому и долго так все 🙂

18.12.2013
Артем
0

Привет, Олег. Статья как всегда хороша 🙂
На счет цветов согласен, можно оставить, а вот картинки слышал, что нужно менять все до одной, чтоб все все все картинки были уникальны.

15.12.2013
Sly
0

Здарова. Спасибо)
Насчет картинок, чем больше заменишь - тем лучше. В идеале, конечно, лучше заменить все. Но если их не заменять, ничего страшного не будет, т.к. в основном поисковики опираются именно на код. Картинки они еще плохо умеют просматривать и искать схожие. Они берут там цвет из разных частей картинки и исходя уже из этих данных ищут подобные. Поэтому пока что можно быть спокойными)

17.12.2013
Dmitry
1

Добрый день. Вы пишите - "ПС делает вывод, что шаблон взят из паблика..." - откуда вообще взялась такая информация. Можно ссылку на источник?

30.12.2013
Sly
0

День добрый! Информацию получал от сеошников, которые обитают на Webmasters.ru. Там это давно известный феномен.

30.12.2013
Dmitry
0

Спасибо. Ох уж эти сеошники 🙂

30.12.2013
Sly
0

а думаете они не правы? 🙂 Мне кажется, что это чистая правда, ведь могут поисковики углядеть, что ссылка с фоном сливается, и занизить эффект от этой ссылки. Значит по-любому могут и определить уникальность тех или иных картинок и кода)

30.12.2013
Dmitry
1

Если откровенно, то я думаю насчет картинок - это преувеличение, а насчет уникальных шаблонов - так и вовсе, простите - заблуждение. По сути, одна из двух главных фишек wordpress вообще, это создание сайтов на основе одинаковых шаблонов. Так, что теперь их все в выдаче опускать? Контент - вот главное всегда было и будет. Даже если допустить, что когда ни будь поисковые системы и смогут оценивать уникальность и тем более, дизайн сайта, то наверняка такая оценка будет иметь самый низкий приоритет среди всех остальных. Но я думаю, до этого еще очень далеко. Вообще говоря, подкинули отличную идея для статьи 🙂

30.12.2013
Sly
-1

Понимаете в чем дело, поисковику надо понять, что перед ним: СДЛ или ГС? Оценивать сайт приходится по многим факторам, в частности и по шаблону. Почему по шаблону? Здесь уже это все происходит из-за саттелитов и дорвеев. Как Вы знаете, эти сайты генерируются пачками, и у всех один и тот же шаблон. Чтобы более точно определить ГС, поисковиков и научили выискивать одинаковые шаблоны.
В Вашем комментарии, определенно, присутствует логика. Контент остается и по сей день самым главным фактором, определяющим место в выдаче. Возможно, даже, главнее чем ссылочная масса.
Однако не стоит упускать из виду, что существуют и критерии, по которым поисковик будет оценивать 2 совершенно одинаковых, по качеству, сайта. Вот одним из таких критериев и является "уникальность шаблона".
В моей статье я не говорю о том, что если у Вас стоит неуникализированный шаблон, то борьба за выдачу уже проиграна. Нет. Я просто рассказывают об одной из фишек, которая позволит Вам совсем немного продвинуться еще вперед. Представьте, что борьба за место в выдаче - война. А вещи, вроде, ссылочной массы, уникальности контента и уникальности шаблона - лишь сражения. Чтобы победить в войне необходимо выиграть как можно больше сражений. И, если Ваш шаблон уникален, то можете считать, что очередное сражение выиграно.
А вообще даже чисто по логике можно посмотреть - почему такая услуга, как "уникализация шаблона" приобретает все большую популярность? Еще в 2012-м я помню, почти никому не нужна была данная услуга, никто не заморачивался особо. А в нашем, 2013 году, на рынке фриланса все больше можно встретить проектов по данной теме. Значит действительно, сеошинки правы 🙂
Рад, что подкинул Вам идею для написания статьи, также буду очень рад ее прочитать 🙂

30.12.2013
Егор
0

Так шаблоны не из паблика на WordPress так-же ро сути сделаны одинакого в плане названий стилей.
Насчет качественного контента согласен на все 100%.

Кому за 8 кило рублей уникализировать шаблон 🙂 :):)

09.12.2014
Dmitry
1

Останемся при своих мнениях 🙂 Кстати, те самые сеошники далеко не единого мнения на сей счет. Для меня очевидно главное - если владелец WP сайта совершенно серьезно озаботился его уникализацией (я не про дизайн конечно), то скорее всего, заняться ему больше стало ну совсем больше нечем.

30.12.2013
Sly
0

В чем-то Вы, конечно, правы, но да, как Вы и сказали - останемся при своих мнениях 🙂

30.12.2013
Рита Молчанова
0

Олег, спасибо за статью. Все понятно. Но я хочу чтобы шапка блога плавно переходила в фон. Вижу красивые сайты. И мне тоже захотелось. Но информации нет. И там логотип и моя подпись. Аляпистые хедеры приелись. Многие курсы предлагают. Нужно учить. Все это нужно и понятно, что можно сделать. Но длинно много и не по теме. А ведь действительно просто все. Некоторые свойства поменять и добавить куда надо. Но какие конкретно? Примеров нет. Я изучаю и Html и СSS базовые знания есть. А вот запомнить все эти свойства пока не получается. Помогите.

20.05.2015
Sly
0

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

23.05.2015
Johoonno
0

и это все? просто переименовать атрибуты

24.09.2015
Sly
0

Если рассматривать уникализацию для поисковика, то да. Будет лучше еще и картинки заменить. А если вообще уникализировать хотите - тогда, как я и писал, меняете цветовую гамму, несколько блоков местами, если есть необходимость, обязательно все изображения, или, хотя бы, большую часть, да в принципе все.

24.09.2015

Оставить комментарий

Поделиться