Настройка новой темы WordPress. Часть №1

WpMen - Настройка шаблона WordPressПривет всем, как у вас дела? Надеюсь после прочтения этого урока ваше настроение станет значительно лучше, потому что мы сегодня поговорим на такую тему, как настройка шаблона WordPress сайта. Напомню, что в прошлом уроке мы с вами выбрали шаблон и установили его на WordPress сайт. Теперь переходим к следующему шагу…

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

Настройка шаблона WordPress. Часть №1.

Ну что-ж, давайте перейдем непосредственно к делу. Сегодня я планирую показать вам с чего начать настройку шаблона. И в первой части, я решил удалить все лишнее, и просто прибраться в своей новой теме, для своего  блога.

Как вы могли заметить, это всего лишь ПЕРВАЯ часть, следовательно далее, скорее всего через уроки, что бы немного разбавить обстановку, я буду публиковать следующие статьи по настройке и монетизации темы. Не пропустите, подпишитесь на RSS!!!

Удаление сторонних ссылок.

remove_linkПервым делом, что я делаю после того, как установлю шаблон — это удаляю сторонние ссылки. Как это обычно бывает, сайты распространители ставят ссылки на свой сайт, обычно в подвале. То есть в самом низу…

Спустившись вниз, вы можете легко заметить эти 2, ненужные мне ссылки. Да, я выражаю огромную благодарность сайту, который помог мне найти этот шаблон, но все же, ставить бесплатную ссылку на него не рационально.

WpMen - Удаляем ненужные ссылки с подвала сайта.

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

Плагин TAC – Удаляем ненужные ссылки с сайта.

А этот плагин называется Theme Authenticity Checker (TAC). И так, для чего же он нужен? С помощью данного плагина мы сможем увидеть все ссылки на сторонние ресурсы, которые встроены в шаблон. Плагин абсолютно прост в управлении.

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

Как работать с Theme Authenticity Checker (TAC)?

WpMen - Удаляем вредные ссылки Theme Authenticity Checker  (TAC).Прежде всего, давайте убедимся, что шаблон уже установлен на вордпресс, в противном случае идем сюда. Далее открываем плагин на странице: “Внешний вид” => “TAC”.

Вот перед вами открылась страница управления плагином. Здесь вы видите список ваших шаблонов. Там, где, под шаблоном, в зеленом поле написано “Theme Ok!”. Значит, что тема абсолютно нормальная, и удалять сторонние ссылки не придется.

Если около темы написано то же самое, но в соседнем поле показывается: “3 Static Link(s) Found…”. Это в моем случае, у вас может быть 3, 2, 4 ссылки, впрочем сколько угодно. Нажимаем на кнопку “Details”.

WpMen - Как пользоваться плагином Theme Authenticity Checker  (TAC)?

Появляется поле, с информацией о этих ссылках. Давайте посмотрим, первая ссылка ведет на сайт распространителя, туда, где я скачал шаблон. Ссылка находится в файле footer.php, то есть это подвал сайта (что где находится рассказывал в этом уроке), это та самая ссылка, которую я показал на картинке чуть выше Подмигивающая рожица.

WpMen - Как удалить вредную ссылку с сайта?

Давайте удалим ее, идем в “Внешний вид” => “Редактор” => “Footer.php”. Если вам будет удобнее, вы можете открыть данный файл с помощью NotePad++. Лично я изменю тут, в стандартном редакторе.

Но перед тем как делать какие-то изменения в коде, рекомендую сначала сделать бэкап сайта. Если что-то пойдет не так, вы всегда сможете восстановить данные из резервной копии ;-)

Открываю Footer.php в двух вкладках, почему в двух? Для безопасности, если вдруг отредактируемое мне не понравится, я просто нажму обновить во второй нетронутой вкладке, где установленные прошлые данные.

И так на странице Footer.php нахожу нужный мне сайт, и просто его удаляю. После чего конечно же нажимаю “Обновить”. Бегу смотреть на сайт, все ли нормально отображается, есть ли желаемый результат Широкая улыбка

WpMen - Удаление ненужной ссылки с подвала сайта .

Как видите, ссылка пропала, но бывает так, что после того, как мы удалим ненужную ссылку, шаблон изменяется, ломается, отображается некорректно. Давайте для пущей верности проверим наши действия на плагине ТАС Подмигивающая рожица

WpMen - Результат работы удаления ненужных ссылок с footer.php

Как видите, осталось 2 ссылки, из бывших трех. Следующие 2 ссылки – это ссылки для социальных сетей Twitter и RSS ленты, которые находятся в header.php  Которые нужно просто подправить под себя (Вписать свою ссылку), и как я обычно делаю, заключить в тег nofollow, но об этом чуть позже Подмигивающая рожица.

WpMen - Результат работы плагина  TAC.

Прибираемся в сайт баре новой темы.

WpMen - Уборка в Сайт баре вашего сайта.Продолжим друзья, сейчас я вам покажу как прибраться в сайт баре. Что такое sidebar ? Это боковая колонка вашего сайта. Подробнее смотрите на картинке слева. Как обычно случается, Sidebar оказывается главным путеводителем по вашему блогу.

Он должен быть максимально наполнен информацией, но как в такой узкий блок вместить много информации? Прежде всего его нужно привести в презентабельный вид.

По картинке выше, вы можете заметить, что в моем сайт баре почему-то два поиска, я сначала был в недоумении, но потом догадался в чем причина. Дело в том, что редактировать содержимое Боковой колонки можно двумя способами – это через редактор, в файле sidebar.php, или в разделе виджеты.

Я больше предпочитаю виджеты, по этому удаляю содержимое боковой колонки в sidebar.php и составляю все заново в виджетах. Давайте этим и займемся.

Переходим в раздел “Внешний вид” => “Редактор” => “Sidebar.php”. Смотрим, данный файл у меня выглядит как:

<div class="sidebar">
<div class="about-me">
<div class="about-me-content"><!--img src="wp-content/themes/darkoOo-theme/images/me.gif" alt="About me" /-->
<h3>Об авторе</h3>
Разместите здесь вводный текст - о себе, о блоге. Вставьте свой аватар, не забудте указать несколько ключевых слов. Отредактировать этот текст - в файле sidebar.php. Не забудте после редактирования сохранить файл в кодировке UTF-8.

</div>
</div>
<div class="advertising">
<h3>Реклама</h3>
<img alt="Advertising" src="wp-content/themes/AzSands-theme/images/advertising.gif" /> <img alt="Advertising" src="wp-content/themes/AzSands-theme/images/advertising.gif" /> <img alt="Advertising" src="wp-content/themes/AzSands-theme/images/advertising.gif" /> <img alt="Advertising" src="wp-content/themes/AzSands-theme/images/advertising.gif" />

</div>
<div id="search">
<h2>Поиск</h2>
</div>
<ul>
<ul>
<li id="calendar">
<h2>Календарь</h2>
</li>
</ul>
</ul>
<h2>Рубрики</h2>
<h2>Архивы</h2>
<h2>Страницы</h2>
</div>

Для того, что бы оставить поле пустым, и управлять Боковой колонкой с помощью виджетов, тоя очищу ненужные поля. Вот что у меня получилось:

<div class="sidebar">
<div class="about-me">
<div class="about-me-content">

<!--img src="wp-content/themes/darkoOo-theme/images/me.gif" alt="About me" /-->
<h3>Об авторе</h3>
Разместите здесь вводный текст - о себе, о блоге. Вставьте свой аватар, не забудте указать несколько ключевых слов. Отредактировать этот текст - в файле sidebar.php. Не забудте после редактирования сохранить файл в кодировке UTF-8.

</div>
</div>
<div class="advertising">
<h3>Реклама</h3>
<img alt="Advertising" src="wp-content/themes/AzSands-theme/images/advertising.gif" /> <img alt="Advertising" src="wp-content/themes/AzSands-theme/images/advertising.gif" /> <img alt="Advertising" src="wp-content/themes/AzSands-theme/images/advertising.gif" /> <img alt="Advertising" src="wp-content/themes/AzSands-theme/images/advertising.gif" />

</div>
</div>

Как видите я удалил такие разделы, как поиск, рубрики, которые я могу поставить через виджеты. Если вы что-то сделали не правильно, или вам что-то не понравилось, вы все можете вернуть назад, вписав обратно все данные которые были установлены изначально.

Теперь переходим в раздел “Внешний вид” => “Виджеты” и перетаскиваем нужные разделы из “Доступные виджеты” (слева), в “Боковую колонку 1” (справа), у вас она может называться по-другому.

WpMen - Создаем сайт бар с помощью раздела виджеты.

На этом все, вы большой молодец, дорогой читатель. Ждите, очень скоро вы увидите Вторую часть настройки шаблона. А сейчас, рекомендую вам подписаться на рассылку статей, и прочесть статью о том как настроить wordpress. Это очень важно для меня Подмигивающая рожица… Обязательно настройте страницу ошибки на своем сайте…

Спасибо за внимание, до новых встреч…

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *