А ля переделкино, кастомизируем паблик

кастомизируем тему wordpress

Тем для WordPress в сети можно отискать огромное множество на любой вкус и цвет, но все они как Вы понимаете доступны не только для Вас, но и для такого же огромного множества пользователей сети желающих как и Вы иметь свой блог. Поэтому в сети существует куча одинаковых на первый взгляд по внешнему виду блогов, различающихся только установленными кнопками разных сервисов, счетчиками и текстовым наполнением. А каждому пользователю, даже новичку естественно хочется иметь свой, неповторимый не только статьями, но и по внешнему виду блог. Кроме того распространенный ( пабликовый дизайн ) негативно влияет и на публику блога, которая не видит в таком блоге чего то нового, и в большинстве случаев, даже не пытается что то прочитать. Есть также мнение, что пабликовый дизайн затрудняет и поисковое продвижение блога (SEO).

Выходов из этого положения существует несколько: — можно заказать дизайн блога для себя лично, на Ваш вкус и цвет, но за это нужно будет заплатить, и заплатить немало, а потом еще и натянуть (сверстать) нарисованный дизайн на тему wordpress;

- Можно выбрать и купить уже готовый шаблон WP, опять же он будет стоить дороговато

- тему для wp можно изменить до неузнаваемости — то есть кастомизировать под себя, свой вкус и желания. Способ этот самый простой, и поэтому каждый начинающий wordpress блоговод рано или поздно его использует.

Расскажу как пришел к этому я на примере самого первого своего WP блога, довольно таки удачного кстати.

Естественно для того чтобы хоть что то сделать нужно иметь некотрые познания в html, css, и вообще структуре построения сайта. Знания эти у меня имелись, и до wp я довольно долго экспериментировал с DLE. Единственное что меня пугало, это разница в верстке WP и DLE, как в кодировке так и в различных php функциях вставляемых в wp тему. Но ковыряя тему wp шаг за шагом, выискивая ответы на свои вопросы, я понял что изменить тему WP ничем не сложнее чем в DLE, а в некоторых случаях даже проще.

Итак первоначально я выбрал подходящую тему WP, которая подходила мне по расположению отдельных элементов и немного по цветовой гамме. Первые мои разборки получились не совсем то что надо, о них кстати можно почитать тут. Но на основе опыта, следующая тема переделалась именно так, как я и хотел, на ней не осталось и следа от паблика и вышло все довольно таки симпатично и тематично. Итак, тему я взял — colorbold — довольно таки гибкая и распространенная по сети тема с 4 цветовыми гаммами( этим она меня и привлекла ). Вот так она выглядела :

тема для wp colorbold

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

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

Дальше пошел сверху вниз, убирая все лишнее и мне не нужное. Текстовые файлы найти не сложно, если конечно они не закодированы. Просто открываем по порядку файлы темы редактором (кому какой нравится, я использую Adobe Dreamweaver ), копируем текст который нам не нужен с самого сайта, жмем Ctrl + F и вставляем этот текст в поисковую строку редактора, жмем найти и удаляем, либо меняем на то что нам надо.

Редактируем wp тему

Главное при этом не удалять с текстом нужные php функции типа:

<a href=»<?php bloginfo(‘url’); ?>/»>Главная</a></li> <?php wp_list_pages(‘title_li=’) ?>

отвечающие за вывод меню, категорий или комментариев. Я делал все по порядку, сначала убирал лишний текст, но если не нужный текст находился в ненужном мне блоке, отделенном своим цветом или положением, я просто менял текст на «УБРАТЬ БЛОК1, 2, 3″ и так далее, чтобы было видно потом где и какой блок мне мешает и куда его деть.

После чистки текстов и надписей приступил к чистке блоков, мне нужно было убрать например блок RSS в правом углу, в headere шаблона. Открыл файл шляпы шаблона, нашел там «УБРАТЬ БЛОК1″

<div id=»header»>
<a href=»<?php bloginfo(‘rss2_url’); ?>» title=»RSS» class=»rssTag»>Убрать блок 1</a>

не кода картинки, которую нужно было убрать полез в css по class=»rssTag» и <div id=»header»> нашел этот самый блок и удалил его вообще

удалил блок в css

А после удалил и

<a href=»<?php bloginfo(‘rss2_url’); ?>» title=»RSS»>Убрать блок 1</a>

В верстке я как видите тоже не особо разбираюсь, но разобрался таки…

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

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

Все можно писать посты, комментировать и использовать блог на полную. Естественно в процессе ведения блога появлялись новые задачи по дизайну, например расширилось верхнее меню и стало коряво выводится. Все это решалось опять же с помощью google или Яндекса. Так как благодаря тому что сообщество WP просто огромное, на любой вопрос ответ можно найти в считанные секунды.

Итог моего ковыряния — блог старлея, сейчас довольно таки популярен в своей тематике, а получилось собственно вот что:

Блог старлея об армии

Согласитесь, совсем не похожа на ту что было в исходнике. Вот для примера вам еще одна переделка стандартного кубрика (Тема wordpress при начальной установке — стандартная) стоит на блоге у сео блондинки, там тоже мало что осталось от стандартной темы.

Так что, главное начать разбираться, скажу я Вам, а после все приложится, тем более с wordpress в интернете всегда есть кому помоч.

 

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Вы можете оставить комментарий, или сделать трекбек с вашего сайта.

Добавить комментарий

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.

Яндекс.Метрика