Уникализируем шаблон самостоятельно или как меня развели на 1000 рублей! Как уникализировать 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> будет <div>
Для этого открываем все файлы из темы в текстовый редактор Notepad++ находим классы, стили, дивы и переименовываем их в ручную. После чего необходимо поменять это же в файлах .php для этого (когда открыты все файлы .php) нажимаем клавишу CTRL+F, переходим во вкладку «Найти и заменить» и вводим старое название класса в строку «Найти» и новое в строку «Заменить». После чего нажимаете заменить во всех документах. И так с каждым классом, точнее не с каждым... но постарайтесь изменить хотя бы 50%
Теперь цвета: в файле style.css находим код какого-нибудь цвета и немного меняете его. Например было #ff0000 и Вы вводите #ff0003 После чего сохраняете и цвет немного меняется... на взгляд, а на самом деле уже другой код. А значит придраться ПС не к чему.
4. Левые ссылки, надписи и прочий хлам
И напоследок пройдитесь по всем .php файлам и поищите «левые» ссылки и «левые» надписи. Если таких нет (что очень странно), то ничего не делаете. Если же есть, удаляете их или меняете на свои.
Для проверки «левых» ссылок существует плагин TAC. Он не только определяет количество чужих ссылок, но и помогает удалить их. Об этом плагине в скором времени собираюсь написать статью, поэтому ждите, она выйдет приблизительно на следующей недели. Советую подписаться, а то забудете!
5. Все
Вот мы и покончили с вопросом Как уникализировать шаблон WordPress раз и навсегда! Было трудно? Скорее всего нет, просто ушло много времени и нервов. Но это того стоит! Будьте уникальными в глазах поисковых систем.
Если же хотите быть уникальными и запоминающими для посетителей, то советую все же заказать себе уникальный дизайн. А если Вы сами Вебдизайнер, это еще лучше! Чего же Вы ждете? Сядьте и нарисуйте себе «мега-опупенный» дизайн и наймите верстальщика.
Как Вам статья? Много нового узнали? Вообщем, как всегда, приветствую комментарии! На этом у меня все, Всем пока!
С уважением, Томский школьник!
Карта сайта
С уважением, Константин Белан.
Рубрика: Настройка блога
- 5
- 4
- 3
- 2
- 1
Рабочая 634570 Россия, Томская обл., г. Томск, +7 952 160 36 17
Сделайте мне приятно - нажмите на любую из кнопок: Подпишитесь на обновления блога и будьте в курсе всех новых статей seokos.ru
Как уникализировать шаблон wordpress? | Блог Короткова Николая
Всем доброго времени суток!
Ни для кого не секрет, что поисковые системы любят уникальность! Они любят и ценят уникальный контент, уникальные изображения, уникальный дизайн и само собой, уникальный шаблон, о чем в данной статье и пойдет речь.
Я больше чем уверен, что 95% блоггеров — новичков на начальном этапе ведения блога используют бесплатные шаблоны, которые можно найти в свободном доступе в интернете. А это значит, что уникальность такого шаблона равна нулю! И сегодня я вам расскажу, как уникализировать шаблон wordpress самостоятельно.
Я и сам до сих пор пользуюсь бесплатным шаблоном, который давно хочу поменять. Даже не поменять, а заказать индивидуальный дизайн и верстку с нуля. Пока что я не могу осуществить свою мечту в силу недостаточных финансовых возможностей, но я обязательно включу этот пункт в цели на 2014 год! А пока, к делу.
Как уникализировать шаблон wordpress
Прежде чем мы приступим к рассмотрению темы нашего поста, хотелось бы рассказать небольшую предысторию всего этого. Как я уже сказал, денег на индивидуальный дизайн у меня пока нет, а изменить свой блог и сделать его хоть немного не похожим на другие, все же очень хотелось! И вот я стал искать информацию в интернете, как уникализировать шаблон wordpress.
На самом деле, информации по этому поводу в сети предостаточно. Все что я буду рассказывать дальше, не сделает ваш шаблон уникальным на 100%, но все же признаки уникальности для поисковых систем в нем будут присутствовать. Итак, я нашел несколько подходящих статеек по этому поводу и стал их изучать. В принципе, суть у них у всех была одинакова, только изложено по разному.
Изучив статьи, было ясно одно, что придется внимательно «ковырять» файлы шаблона, что не всегда по душе многим веб мастерам из-за боязни натворить чего-то лишнего. Но у меня правка шаблона не вызывала абсолютно никакой паники, т.к. основы HTML и СSS я немного изучал. Но все же, я не совсем силен в кодах, да и не очень люблю я это дело, копаться в файлах шаблона.
Поэтому, я решил повременить с самостоятельной уникализацией и попробовать поручить данную работу человеку, который в этом хорошо разбирается, т.е. фрилансеру. Надеюсь, все знают кто такой фрилансер? Фрилансер — это человек, имеющий определенный навык в каком-либо деле, которому можно поручить выполнить ряд работ за оговоренную сумму. Простыми словами, внештатный работник.
Найти таких людей можно на специализированных ресурсах, одним из которых является Free-lance.ru. На этот ресурс я и обратился за помощью в надежде, что за порученную мной работу попросят не очень много денег. Ведь работа заключалась лишь в правке кодов всех файлов шаблона, с целью сделать их уникальными.
Сразу хочу сказать, что ресурс очень стоящий и в трудных ситуациях вполне может стать вашим единственным помощником. Если вы захотите поручить какую-либо работу фрилансеру, вам необходимо будет перейти на сайт и зарегистрироваться в качестве работодателя. А дальше создать и опубликовать проект с подробным описанием вашей проблемы или той работы, которую вы не хотите делать сами.
Я так и сделал. Опубликовал задание, которое назвал «Уникализация шаблона». Текст сообщения был примерно следующего содержания:
Здравствуйте господа фрилансеры!Возникла необходимость уникализировать бесплатный шаблон под поисковые системы (адрес блога blogiseo.ru). Поисковики ценят уникальность, и поэтому хочется максимально приблизить бесплатный шаблон к уникальности (изменить и почистить коды, поменять стили, цвета и т.д.). В предложении, прошу указать примерное время выполнения задания и ценовой диапазон (например, от ... руб.).С уважением, Николай Коротков
После того, как задание опубликовано остается только ждать, когда начнут поступать предложения от фрилансеров. На самом деле ждать приходится совсем не долго. В течение получаса на мое задание откликнулось пять человек. Двое из них предложили за свои услуги 5000 рублей и 2-3 дня работы. Один товарищ написал, что сделает все за 3-4 дня, и стоимость будет варьироваться от 3000 рублей. Конечная сумма будет известна после всех уточненных нюансов.
Другой фрилансер посоветовал мне вообще сверстать шаблон с нуля, т.к. ковыряться в кодах бесплатных шаблонов не благодарное дело. Сначала меня заинтересовало данное предложение, но после уточнения стоимости все желание сразу же отлегло, стоимость его услуг составляла 400$-500$. В общем, предложенные цены меня совсем не воодушевляли, и все попытки снизить их ни к чему не привели, фрилансеры твердо стояли на своем.
Я не был готов расстаться с такой суммой, и в итоге в голове промелькнула мысль, что все это я затеял напрасно. Однако последний участник тендера, предложивший взяться за работу за 3000 рублей, был настойчив и попросил дать свои данные для общения тет-а-тет. На вопрос зачем? Эта сумма меня не устраивает? Он сказал, что мол договоримся! Ну хорошо, подумал я, почему бы и нет?
Я скинул ему свои данные от Skype, и буквально через минуту мне было предложено добавить нового пользователя в контакты под ником Kucher. Началась переписка... Он мне стал рассказывать, что у них (по разговору я понял, что он работает не один) в арсенале имеется множество шаблонов, оптимизированных и уникализированных под поисковые системы, и он буквально за 2-3 часа установит мне любой понравившийся на блог.
Время выполнения данной работы меня насторожило, но он продолжал запудривать мне мозги... Скинул на рассмотрение 2 шаблона, чтобы я выбрал из них наиболее подходящий. Я ему пишу в ответ, что за 2000 рублей, а на некоторых сайтах и дешевле, можно купить готовый шаблон с пожизненным его обслуживанием...
В ответ получаю встречное предложение, в котором тот соглашается сделать всю работу за 2000 рублей. Эта сумма уже более менее подходила мне и не так серьезно била по моему карману. Он продолжал говорить, что после сделки, я также смогу в любое время дня и ночи обращаться к нему по любому вопросу, связанному с шаблоном, и он готов будет устранить все мои замечания за считанные минуты.
Плюс ко всему, если в дальнейшем мне понадобятся его услуги, он возьмется за них, предоставив хорошую скидку! Ну что же, подумал я, с этого и нужно было начинать! Посмотрев шаблоны, я вспомнил, что в сети уже встречал похожие темы оформления. На вопрос: «Что ты мне подсовываешь туфту?», — был дан ответ, что дизайн и верстка шаблона это две разные вещи... Картинки, иконки, фон и прочее можно в любое время изменить. Ну допустим...
Дальше он мне начал рассказывать, что у него есть хорошие дизайнеры, которые за 2000—3000 рублей нарисуют для моего ресурса уникальный авторский дизайн, согласно всем моим пожеланиям. Этот факт я также не оставил без внимания и взял себе на заметку. Не буду углубляться во все подробности разговора, сама суть вам ясна, поэтому нет смысла рассказывать все до мелочей...
В общем, как вы наверное догадались, я согласился. Но прежде чем мы продолжили наше общение, я задал ему простой вопрос:
— Где гарантии того, что ты меня не на дуришь?
Ответ был следующий:
— Деньги перечислишь после того, как работа будет выполнена! А чтобы ты меня не обманул, я вошью в шаблон индексируемую ссылку на свой сайт, которую уберу после оплаты! Отлично! Этот аргумент для меня оказался очень весомым, ведь мне даже не нужно было вносить предоплату!
Далее мы обсудили, какие данные от моего ресурса ему будут необходимы. Такими оказались логин и пароль от административной панели wordpress. Я написал товарищу, чтобы тот подождал, пока я изменю их (о том, как этосделать я писал здесь), чтобы после всех проделанных работ вернуть все на место. Он любезно согласился.
Помимо смены логина и пароля, я на всякий случай сделал резервные копии всех файлов и базы данных и уже через 10 минут скинул ему по скайпу логин (admin) и пароль (12345). В ответ получил сообщение о начале работы, — сейчас время 22:00 в 00:00 все будет готово!
Ну ни фига себе, подумал я, вот это скоростной чувак, ну что же, пусть работает... А сам в это время немного расслабился, развалившись в кресле с ноутбуком, и стал наблюдать за происходящим, время от времени обновляя блог, чтобы видеть изменения. Через минуту в шапке блога появилась большая надпись белого цвета: «Ведутся работы над сайтом». Может кто-то из вас помнит этот момент? Это было буквально пару месяцев назад.
Еще через пару минут была изменена шапка блога, потом футер, сайд бар и т.д. Все происходило довольно быстро, и моей радости не было предела, что буквально через пару часов для меня и всех моих посетителей предстанет новоиспеченный ресурс с уникальным шаблоном... Но счастье мое было не долгим. Примерно через час в скайпе появилось сообщение от моего избранца, что «ТОП комментаторов», установленный в сайд баре моего ресурса, не хочет «дружить» с этим шаблоном...
И что? — спросил я у него. В ответ он мне написал, что данный виджет имеет исходящие ссылки на сторонние ресурсы комментаторов, которые вредят продвижению сайта... В общем, начал учить меня, как нужно правильно продвигать блог 
. Его слова меня немного рассмешили, и пришлось останавливать товарища, дав ему понять, что он должен заниматься своими делами, а не лезть туда, куда его не просят.
В итоге он понял, что виджет «ТОП комментаторов» для меня очень важен и с грустью в строках написал, что сейчас попробует все исправить. Я даже дал ему подсказку, что блок комментаторов выводится с помощью кода, о котором я рассказывал в этой статье. В общем, он не учел того момента, что я использую на блоге сторонние скрипты и коды, отвечающие за некоторые полезные фишки моего ресурса.
Дальше стало еще интересней. Он загрузил обратно мой старый шаблон и тупо стал копировать в него шапку, футер, фон и т.д. с якобы оптимизированного шаблона, доставшегося мне в качестве уникализированного. Я тут же возмутился, сказав ему: «Ты что творишь? Зачем ты все это делаешь?». Он мне написал, что перенесет все с уникального шаблона на мой действующий.
Я немного опешил и задал ему еще один вопрос: «А в чем тогда будет заключаться уникальность шаблона? Тупо в картинках, которые и уникальными не назовешь?» Он сказал что нет, давил на то, что поменяет и код шаблона... Время уже было час ночи, хотелось сильно спать, и я попросил его отложить всю работу на завтра, но товарищ ответил, что осталось совсем недолго и через 10 минут все будет готово. Я конечно усомнился, но согласился еще немного подождать.
Периодически обновляя ресурс, я наблюдал, как горе — фрилансер лепит из двух шаблонов откровенное Г... Все было настолько коряво и не красиво, что мне хотелось плюнуть на все и сказать, чтобы он вернул все на место, а сам шел куда подальше с его профессионализмом, но я не такой человек и за проделанную работу всегда плачу заслуженные деньги! Мне его с одной стороны было немного жаль, и я решил подождать пока он все закончит. А вдруг человек образумится...
Спустя 10 минут в скайпе появилось сообщение, что все готово, а следом за ним номер WMR — кошелька с припиской перечисляй деньги сюда. Посмотрев на проделанную работу, и сравнив коды старого шаблона, я не увидел разницы, кроме корявых изображений. Это уже была наглость с его стороны, и я стал откровенно на него наезжать... Еще раз задал вопрос «Так в чем же заключается уникальность?», — он ответил, что поменял кое какие коды, что мол я ничего в этом не понимаю и даже в пример привел мне какой-то участок кода непонятно откуда взятый...
Хорошо, — сказал я. Но помимо кодов есть еще куча замечаний и я начал их перечислять:
- отсутствует постраничная навигация;
- счетчик liveinternet стал не кликабельным;
- в сайд баре все криво и совершенно не соответствуют цвета блоков моим ожиданиям;
- и т.д.
В общем, написал я порядка 15-16 недочетов, которые меня абсолютно не устраивали и еще раз попросил отложить все до завтрашнего дня, т.к. на часах уже красовалась цифра 2 часа ночи! А мне в 6:30 вставать на работу. Но товарищ был неугомонным и снова попросил 10 минут на исправление ошибок, ссылаясь на то, что все дело в стилях и недочеты легко устраняются.
Хотелось уже на столько сильно спать, что даже лень было печать ему сообщение и я в последний раз согласился подождать 10 минут, написав ему в ответ «ОК». Спустя 10 минут все замечания вроде бы были устранены, но все же цвета фона и некоторых блоков меня совсем не устраивали... И тут меня, видимо из-за сонного состояния, постигла бредовая идея перечислить ему 1000 рублей.
В сообщении я написал ему следующее:
— Давай сделаем так, я завтра с утра еще раз свежим взглядом посмотрю, что ты там натворил. Напишу тебе все свои замечания, ты их устранишь и после этого я перечислю тебе твои деньги!
А дальше, добрая моя душа добавила приписку:
— А что бы ты не переживал что я тебя обману, давай я перечислю тебе половину оговоренной суммы, т.е. 1000 рублей, а завтра, по завершению работы, вторую половину. Товарищ любезно согласился, еще раз скинув номер своего WMR — кошелька. После того, как деньги были перечислены, в туже секунду горе — фрилансера унесло из скайпа как волной, не сказав даже — «До завтра»... Ну думаю, ладно, человек тоже понервничал и наверное сильно устал.
Перед выходом из Skype я даже не успел сказать ему, чтобы он удалил на время из шапки надпись: «Ведутся работы над сайтом». Пришлось самому это сделать, благо я знал как. После этого, я на всякий случай поменял логин и пароль, выключил компьютер и подойдя к кровати мгновенно вырубился, не успев даже прикоснуться головой к подушке. На утро, как обычно я приехал на работу и за чашечкой кофе стал со свежей головой просматривать вчерашнюю картину.
Снова накатал около 10 замечаний и стал ждать, когда фрилансер появится в скайпе и продолжит свою работу. Договорились мы на утро, время не уточнялось. Когда стрелки часов перевалили за 12 часов дня, отобедав и с хорошим настроением придя в свой кабинет, я снова открыл окно программы Skype. И щелкнув по контакту Kucher, программа сообщила мне, что этого человека нет в вашем списке контактов:
Вот и уплыла моя тысчонка вместе с Kucherom, — подумал я в тот момент, и как выяснилось дальше, оказался прав. Я, конечно не теряя надежды, попытался снова добавить его в список контактов, но как вы понимаете, все мои действия были напрасны. Ну что же, сам виноват, как говорится, не делай добро... Дальше я сделал еще одну попытку разыскать его и перешел на сайт Free-lance.ru, но и там система сообщила мне, что данного пользователя нет на сайте.
Вот пип...пип...пии...пиии, ругнулся я на недобросовестного человека, но уже ничего не поделать. Ну думаю, да подавись... Вечером, вернувшись домой я еще раз проверил скайп и сайт Free-lance.ru, в надежде, что все еще можно исправить, но увы. Дальше пришлось исправлять все косяки за этим засранцем. Мало ли, что он там понаделал... В общем, пришлось восстанавливать все файлы и папки из резервной копии, и в итоге ко мне вновь вернулся обратно старенький шаблон.
Перед удалением, типа актуализированного шаблона, предоставленного мне в качестве замены, я решил проверить, нет ли похожей темы в интернете. Набрав в поиске Яндекс название темы, поисковик любезно выдал мне несколько сайтов, предлагающих скачать такой же шаблон абсолютно бесплатно. Скачав его, я не поленился сравнить коды всех файлов скачанного шаблона, с кодами предложенного мне в качестве актуализированного.
И что вы думаете? Я не нашел ни единого отличия ни в одном файле... Вот я дурень, — подумал я еще раз про себя, — почему же мне сразу не пришло в голову сравнить шаблоны? Ну теперь уже ничего не поделаешь, как говорится, поезд ушел... Долго этот случай мне не давал покоя, не столько из-за денег, сколько из-за собственной наивности и невнимательности... Ну, на ошибках учатся.
Где-то через недельку, я все же застал этого негодяя на Free-lance.ru и попытался вежливо объяснить ему, что он поступил нехорошо. Но этот пииии...пии...пип не откликнулся на мои слова, и установил на мои сообщения игнор. Сервис позволяет пользоваться такой функцией, дабы избежать навязчивости оппонента:
В итоге, немного погоревав, я удалил нехорошего пользователя из своих контактов! Вот такая вот предыстория друзья! Надеюсь, она вас не утомила? Давно собирался об этом написать, но руки все не доходили, а тут еще приболел как назло, поэтому долго и не писал в блог, за что прошу меня извинить.
Так что, если вы все-таки решитесь воспользоваться услугами фрилансера, не стоит доверять первому встречному. Удостоверьтесь в его компетенции, посмотрите отзывы, портфолио и обязательно заключайте «Безопасную сделку», которую предоставляет сервис:
Так вы сбережете свои нервы и кровно заработанные деньги! Итогом всей этой истории, как вы понимаете, стало самостоятельное изучении информации и правка кодов и изображений, с целью их уникальности. И сейчас я покажу вам, как уникализировать шаблон wordpress самостоятельно. Перед редактированием не забываем сделать резервное копирование файлов, папок и базы данных!
Как уникализировать шаблон wordpress самостоятельно
1. Первое, что я бы посоветовал вам сделать с бесплатно скачанным шаблоном, это изменить фон и изображения шапки и подвала. Очень удобен в этом плане многофункциональный графический редактора Adobe Photoshop. Если вы не умеете пользоваться данной программой, то придется научиться или заказать дизайн у профессионального дизайнера, что многим не всегда по карману!
Возможно, как-нибудь я напишу отдельный пост, посвященный азам Adobe Photoshop после изучения которого, каждый сможет изменить стандартные изображения своего ресурса. Подпишитесь на обновления блога и вы не пропустите все самое интересное.
Чтобы начать редактировать изображения вам понадобится перейти в папку с темой вашего блога. В каждой теме присутствует еще одна папка, которая в основном всегда носит название images. В ней и хранятся рисунки фона, изображений и иконок, которые желательно поменять. Но кроме этого измените и сами названия изображений. Например, было menu, напишите menushka или что-то в этом роде.
Только не забывайте вносить изменения и в файл style.css. Данный файл отвечает за все стили вашего блога и хранит пути до изображений с их названиями. Иначе изображение отображаться не будет. Я сделал это следующим образом:
И точно также поступаем со всеми имеющимися изображениями.
2. Второе, что необходимо сделать, это переименовать стили, классы и дивы в файлах вашего блога. Сейчас покажу, как это делается. Сразу предупреждаю, что работа довольно кропотливая и требует усидчивости и внимательности, поэтому не каждый новичок решится за нее взяться. Но в принципе сложного ничего нет, главное запастись терпением. Итак, приступим.
Для наглядности покажу на конкретном примере. Сейчас я поменяю во всех файлах <div> на <div>:
Для этого перейдите в папку с темой вашего блога и скопируйте все файлы к себе на компьютер, в отдельную папку. Для удобства используйте ftp — клиент filezilla, о нем я писал здесь. Дальше, откройте все файлы одновременно с помощью бесплатного текстового редактора notepad ++.
Следующим шагом, нажмите сочетание клавиш CTRL+F для вызова панели поиска, в появившемся окне перейдите во вкладку «Заменить» и впишите в строку «Найти:» название того дива, который необходимо поменять, в нашем случае это header. А в строку «Заменить на:» впишите новое название, в моем случае shapka. После чего жмете «Заменить все во всех Открытых Документах» и редактор подсветит вкладки файлов красным цветом, в которых произошли изменения:
Сохраните измененные файлы и с помощью все того же ftp — клиента переместите в папку с темой вашего ресурса с заменой. Далее проверьте работоспособность блога, обновив его, если все нормально работает, продолжайте редактировать документы.
Если по каким-то причинам изменение повлечет за собой сбой, значит данный див, стиль или класс оставьте без изменения. Таким вот способом постарайтесь поменять названия большинства дивов, классов и стилей вашего ресурса, тем самым сделав их уникальными.
3. И последнее, что позволит еще немного уникализировать шаблон, это сменить все имеющиеся цвета ресурса (поля, вкладки, рамки, виджеты и т.д.). Для этого вам понадобится отредактировать файл style.css, который хранит в себе все стили вашего шаблона. У каждого цвета, есть свой код, который вам и нужно будет немного изменить.
Допустим бардовый цвет имеет код #990000 изменив его на код #990002 он так и останется бардовом, но немного сменит оттенок, который человеческому глазу будет не заметен, а вот для поисковиков это уже будет совсем другой цвет:
Для удобства смены оттенков подойдет все тот же редактор Adobe Photoshop, но не все умеют им пользоваться, да и программа не бесплатная, хотя если хорошо поискать... Но можно воспользоваться и абсолютно бесплатной программой, которая носит название ColorMania, скачать ее можно на этой странице. Пользоваться ей очень просто и сейчас я продемонстрирую основные моменты. После установки программы, вам будет доступно следующее окно:
- В программе предусмотрена функция изменения кода цвета с предварительным просмотром.
- Изменением цвета можно управлять, двигая ползунки (Red, Green, Blue, Brightness). Тем самым вы можете наблюдать, как будет меняться цветовой диапазон той области, которую вы меняете. После подбора необходимых оттенков, скопируйте код цвета в файл style.css, взамен старого.
- Вы можете подобрать цвет, прямо из палитры цветов.
- Удерживая левой кнопки мыши инструмент пипетка, и двигая по экрану, можно наблюдать, как меняются цвета. Таким образом, можно узнать любой цвет и его код. Данная функция иногда бывает очень полезной.
Вот теперь, пожалуй, все. На сегодня, это все способы, которые мне известны. Надеюсь, что мой пост для вас был полезен и теперь вы знаете, как уникализировать шаблон wordpress самостоятельно. Я же желаю вам, чтобы вы никогда не попадали в похожие ситуации. Будьте внимательны! На этом все, пока и до новых встреч!
Как вам статья? Возможно вы знаете, как еще можно уникализировать шаблон wordpress? Жду ваших комментариев!
С уважением, Николай Коротков
blogiseo.ru
Как уникализировать шаблон Wordpress
Шаблон или тема оформления тоже играет свою роль в раскрутке сайта. Некоторые утверждают, что уникальность используемой на сайте темы не имеет значения, однако хочу вас заверить, что это совсем не так. Поисковики не любят не уникальный контент, почему они должны любить не уникальные шаблоны? Я не говорю что это влияние тотально, но оно есть.
Большинство начинающих и не только веб-мастеров используют готовые шаблоны WordPress, то есть берут темы из паблика. Каждая паблик тема прекрасно известна ПС, ибо её уже использует масса сайтов и ничего хорошего в этом нет. Выбирая шаблон, стоящий ещё на тысяче сайтов, мы даём веский повод поисковым системам заведомо относиться к нашему сайту как к некачественному, ну или примерно так. К тому же и сами пользователи не испытывают доверия к сайтам, которые выглядят шаблонно одинаково. Широкий выбор шаблонов для Joomla предлагает сайт TOP Joomla, находящийся по адресу http://top-joomla.ru/ имеющий богатый выбор тем на любой вкус.
Одно дело, если вы создаёте качественный СДЛ, в развитие которого планируете вкладывать определённые средства, тогда экономить на шаблоне просто глупо (в этом случае никто обычно и не экономит на шаблоне), и совсем другое дело, когда вы создаёте простенький сайт, либо сателлит, либо у вас просто нет бюджета на свою тему.
В этом случае нам нужно уникализировать шаблон самостоятельно. Это будет, конечно, не полная уникализация, но всё же намного лучше, чем ничего. Как видят шаблон сайта поисковые системы? Они видят его как определённый набор файлов с php, html, css кодом, а также элементов дизайна в виде картинок. Эти файлы мы и будем уникализировать.
Что нам нужно менять в шаблоне:
Стили CSS и классы Как правило, стили шаблона находятся в style.css. Мы должны сменить имена стилей на свои. Допустим, в style.css прописан стиль .post – меняем его на .forpost, не забывая в соответствующих файлах шаблона сменить класс, исправив
<div>на
<div>Это трудоёмкая задача, поэтому можно ограничиться переименованием части стилей и классов.
Так же меняем в css шрифты и цвета. Если кардинально менять тот или иной цвет нет желания — достаточно просто немного уникализировать его. Если вместо #E1F3EE вы, к примеру, пропишете #E1F3ED (то есть измените одну букву или цифру на соседнюю в алфавите) – цвет почти не изменится, но для поисковиков он уже будет уникален применительно к данной теме. Стоит также поменять шрифты и их размеры.
Изменение блоков в шаблоне Меняем расположение блоков (просто местами, тот что был выше ставим ниже в коде и т.д.)
Названия картинок Все картинки, используемые темой, обычно хранятся в папке images, переименовываем их, не забывая сменить названия картинок и в тех файлах темы, где они используются. Часто в папке images находятся лишние изображения, не используемые темой, их попросту удаляем.
Очищаем тему от хлама Убираем ненужные исходящие ссылки с темы и всё остальное, что нам кажется лишним.
comp-on.ru
Уникализация и стандартизация шаблона сайта
Приветствую, друзья. Я уверен что 98.5% читающих эту статью используют на своих сайтах либо стандартные шаблоны из бесплатных репозиториев либо же купленные премиум-шаблоны (или «купленные» на файлообменниках =)), а значит данный пост будет вам полезен.
Дело в том, что у всех этих шаблонов есть как минимум одна общая черта — помимо вас, ими наверняка пользуются еще несколько тысяч человек. И чем красивее и функциональнее шаблон, тем больше таких же эстетов, которые вместе с вами скачали и установили его на свой сайт.
Таким образом, вы вступаете в ряды обладателей вебсайтов, с одинаковым кодом и похожим оформлением. И даже если в шаблоне имеется возможность выбирать стили оформления и настраивать их под себя, все равно это не решает всех проблем.
А проблемы есть — ведь поисковые роботы сканируют ваше электронное детище до последнего символа, как и миллион других сайтов, заносят инфу в свои базы данных, и за счет сложных алгоритмов находят совпадения. В основном это используется для поиска ворованного контента и вычисления автоматически генерируемых дорвеев, но и для позиций сайта это не пойдет на пользу однозначно.Вебмастера и оптимизаторы расходятся во мнениях, насколько большое значение уникальность шаблона и кода имеет для поисковых систем, но то что она играет свою роль это 100%.
За последние пару лет я сделал штук 15 сайтов для личного пользования и не меньше пол сотни для заказчиков, и успел заметить интересную штуку — чем проще и древнее шаблон, тем лучше и быстрее новый сайт начинает ранжироваться в поиске. С тяжелыми, загруженными функционалом премиум-шаблонами поисковый робот так же тяжело и медленно разбирается. Поэтому при выборе шаблона на красоту и наличие множества (ненужных вам) функций стоит обращать внимание в последнюю очередь.
Премиум шаблон мчится в топ Яндекса Так вот, что бы помочь вашему сайту выделиться из толпы своих собратьев, вовсе не обязательно в спешке искать фрилансера, который сделает уникальный дизайн и верстку — можно внести кое-какие изменения самому, а что именно и как, читайте ниже.
1. Стандартизация шаблона
Прежде чем приступать непосредственно к уникализации, рекомендую для начала свой сайт подогнать под стандарты, которые только поощряются поисковиками.
Первым делом сделайте обязательный бекап всех файлов сайта и базы данных и спрячьте его в безопасное место)
1.1 Подгоняем код шаблона под стандарты html 5
Для владельцев современных шаблонов этот пункт может не пригодиться, ибо они почти все на html5. Однако проверить отдельные моменты все же стоит.
Я не буду расписывать все различия и стандарты этой структуры, тем более что я не спец в этом. Информации в интернете много, кому интересно можете начать с вики. Расскажу лишь что смысл наших операций сводится к следующему:
а). Заменить устаревший доктайп и мету на новые стандарты. К примеру был :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
сделать нужно простой и легкий:
<!DOCTYPE html>
В вордпрессе он находится в файле header.php
б). Заменить элементы div основных блоков сайта на их специальные тэги. Например, был блок для шапки сайта <div id = "head"> а заменили на тэг <header>, был <div> а заменили на <footer>.
Подробный список таких тэгов с описанием можете посмотреть здесь http://htmlbook.ru/html/type/html5
в). Подправить CSS стили, которые после этой операции наверняка съедут. Просто находим идентефикатор для старого обозначения блока и заменяем его на имя нового тэга, например #head на header без решеток или точек.
Что бы было проще ориентироваться вот вам стандартный шаблон страницы по правилам HTML5:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content="Описание сайта"> <meta name="keywords" content="ключевики, через, запятую"> <title>Названия сайта</title> <link rel="shortcut icon" href="favicon.ico"> <link rel="stylesheet" href="css/style.css" media="screen"> <link rel="stylesheet" href="css/print.css" media="print"> <link rel="stylesheet" href="css/mobile.css" media="handheld"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> <!--[if IE]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> <![endif]--> </head> <body> <!--шапка --> <header> <h2><a href="#">Site Title</a></h2> <!--меню навигации --> <nav> <ul> <li><a href="#">Главная</a></li> <li><a href="#">О сайте</a></li> <li><a href="#">Контакты</a></li> </ul> </nav> </header> <!--секция для основного контента --> <section> <!--запись --> <article> ... </article> <!--сайдбар --> <aside> ... </aside> </section> <!--футер --> <footer> ... </footer> <script type="text/javascript"> </script> </body> </html>- Если вы используете WordPress то мету можете не трогать, тайтл и дескрипшн как правило задаются в сеоплагинах или через php
- После всех правок не забудьте проверить сайт в валидаторе на наличие ошибок в коде http://validator.w3.org/
Для чего столько сложностей спросите вы? Все просто — подобная разметка является на данный момент самой новой из общепринятых стандартов, кроме того она семантически более понятна и предпочтительна для поисковых систем, нежели обычная верстка div`ами, следовательно поисковый робот быстро разберется в структуре вашего сайта. Это в свою очередь ускоряет индексацию и переиндексацию.
1.2 Разметка hCard
Следующий пункт будет особо полезен для тех, кто делает какие-то коммерческие проекты. Разметка hCard позволяет поисковым роботам быстро понимать контактную информацию с вашего сайта, использовать ее в сниппетах и добавлять в оф. каталоги.
Подробно и доходчиво о правилах разметки можете почитать в помощи Яндекса http://help.yandex.ru/webmaster/hcard/general.xml
Там ничего сложного.
По своему опыту скажу, такая разметка по всем правилам очень хорошо способствует продвижению региональных сайтов.
1.3 Микроразметка schema.org остальных элементов сайта
По сути, после первых двух пунктов, остальная микроразметка обычным блогерам уже не обязательна. Но если вы фанат или владелец сервиса\магазина и хотите что бы каждое предложение было размечено, то можете заглянуть сюда
http://help.yandex.ru/webmaster/schema-org/what-is-schema-org.xml
или сюда http://artabr.ru/schema-org-uslugi-nedorogo/
2. Уникализация шаблона сайта для поисковых систем
Ну что ж, пришло время заняться уникальностью нашего вебсайта. Первым делом стоит обратить внимание на код. Для этого нам понадобится Notepad++ (может что-то еще подойдет, не знаю, но я пользуюсь этим текстовым редактором и доволен вполне). Если у вас нет навыков работы с html и знания структуры шаблонов WordPress то лучше этот шаг пропустить =)
2.1 Уникализация кода
а). Что бы добавить уникальности нашему коду можно поменять названия различных идентификаторов тэгов и картинок. За исключением тех, которые мы подгоняли под HTML5 и микроразметки, конечно же =) По сути в остатке остается совсем немного.
Например был блок <div> меняем на <div>
Но тут есть два момента.
- Мы должны поменять все упоминания этого класса в стилях CSS с .balalaika на .dudka. Для этого пользуемся поиском с заменой в Notepad++
- После внесения изменений мы должны убедиться в работоспособности сайта и всевозможных плагинов и скриптов. К идентификатору тэга может привязываться работа какого-нибудь скрипта. Поэтому во время редактирования я советую в Notepad++ открыть во вкладках все основные рабочие файлы шаблона (php, js, css) и через массовый поиск искать оригинальное название идентификатора во всех открытых вкладках, затем сделать такую же массовую замену на новое значение. Такой маневр сэкономит кучу времени.
Советую менять по 1 идентификатору за раз, что бы не запутаться, если вдруг что-то перестанет работать. Как все отладили приступать к следующему.
б). Чистим мусор. Проставляем правильную структуру для заголовков. Заменяем тэги h2-h6 на <p> там, где они используются для обозначения не уникальных заголовков (например название менюшек, элементов сайдбара и т.д.)То что не используется — удаляется. Отключаем ненужные скрипты, удаляем лишние блоки и ненужные элементы оформления из кода.
в). Меняем местами в коде сайдбар и блок контента если нужно. А нужно это в тех случаях, когда блок с с сайдбаром находится в коде выше, чем блок с основным контентом — такое нередко встречается и это большая проблема.
г). Сверяемся с валидатором и устраняем ошибки.
Описание может показаться запутанным а работа сложной, но разобравшись и набив руку на все уйдет 30-60 минут.
2.2 Делаем уникальными картинки
Меняем стандартные картинки, которые используются в шаблоне для оформления. Как правило они находятся в папке /images или /img. Если вы владеете фотошопом то проблем не возникнет. В противном случае можно воспользоваться поиском и найти массу элементов оформления для сайта — картинки, иконки, целые наборы, их полно.
Если не хотите менять картинку то можно заменить хотя бы ее название (не уверен даст ли это какой-то эффект, но мало ли). Однако не забудьте потом во всех файлах шаблона так же заменить название, по аналогии с правкой идентификаторов в коде.
2.3 Меняем оформление сайта. Правка CSS
И наконец самая заметная часть работы — изменение внешнего вида элементов сайта посредством правки CSS.
Давным давно я писал ознакомительную статью на эту тему для новичков http://ruskweb.ru/wp/14-ya-stupenka-menyaem-dizayn-shablona-wordpress-rabotaem-s-css.html
Корректируем цвета, размеры, лишнее убираем, свое добавляем. Тут все ограничено лишь полетом вашей фантазии и навыками работы с CSS, а так же дизайнерским вкусом.
Для тех кто хочет по быстрому освоить краткий курс CSS рекомендую изучить бесплатный видеокурс от Попова http://p.cscore.ru. Там насколько я помню нет еще описания CSS3, но самое важное и нужное расписано отлично.
Надеюсь статья оказалась вам полезной и вы сумели добавить уникальности шаблону сайта, а так же подтянули свои знания html и css =)
ruskweb.ru
