Редактирование шаблона WordPress

Октябрь 7, 2013Август 5, 2015 Seosko 17 комментариев wordpress, ссылки

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

4 шага для редактирование шаблона WordPress

Файлы шаблона WordPress
Расстановка WordPress тегов h1, h2, h3, div,p
Как убрать ссылки WordPress
Перевод шаблона
Редактируем заголовки в сайдбаре

1. Файлы шаблона WordPress

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

Header.php – Этот файл отвечают за верхнюю часть блога(шапку) в нём как раз сменим логотип и настроим код название сайта.
Sidebar.php – Этот файл отвечает за вывод рубрик, меток, свежих записей, виджетов и тому подобное.
Index.php – Этот файл отвечает за главную страницу блога.
Single.php – В этом файле выводятся информация всех записей. блога.
Archive.php – Выводит архив на блоге.
Search.php – Поиск страниц по вашему сайту.
404.php – редирект, если страница, на которую пытались перейти не найдена, то переводит на отдельную страницу вашего сайта.
Page.php – Показывает информацию статистических страниц сайта.
Footer.php – подвал вашей темы, нижняя часть. Там чаще всего ненужные ссылки, которые надо либо удалить, либо закрыть от индексации.
Style.css – Файл отвечающий за стиль вашей темы. То как она выглядит.

Вот как эти файлы расположены, если посмотреть на стандартную тему WP.

2. Расстановка wordpress тегов h1, h2, h3, div,p

В этом шаге придётся полазить в кодах для расстановки wordpress тегов. Вы не переживайте, с этим сможет справиться каждый. И займёт это не более 5 минут. И не стоит пропускать этот пункт, ведь он один из важнейших в редактирование шаблона WordPress.

1. Редактирование заголовка шаблона WordPress.

В стандартных шаблонах wordpress, заголовок блога в тегах h1 или h2 для блога это не правильно. Потому что человек ищет решение проблемы, а не сайт. Поэтому дорабатываем тему. При этом делаем так, что бы главная страница осталась под тегом h1. А на остальных не дублировалось. Заходим в панель администратора > внешний вид > редактор> header.php Находим код заключённый в тег h1, скорее всего вы найдёте что-то типо этого

[php]&lt;h1&gt;&lt;a href="&lt;?php bloginfo (‘url’); ?&gt;"&gt;&lt;?php bloginfo (‘info’); ?&gt;&lt;/a&gt;&lt;/h1&gt;[/php]

Теперь нам следует заменить, копируйте код который ниже и замените всю строчку начиная от <h1> до </h1> вот на это

[php]&lt;?php if (is_home ()){ ?&gt;<br />&lt;h1&gt;&lt;?php bloginfo (‘info’); ?&gt;&lt;/h1&gt;<br /><br />&lt;?php } else {?&gt;<br /><br />&lt;p&gt;&lt;a href="&lt;?php bloginfo (‘url’); ?&gt;"&gt;&lt;?php bloginfo (‘info’); ?&gt;&lt;/a&gt;&lt;/p&gt;<br /><br />&lt;?php } ?&gt;&lt;span style="font-size: 13px; line-height: 19px;"&gt;[/php]

После этого найдите файл style.css (стили) он находится всё в той же панели где вы нашли header.php. В style.css нужно найти стили, которые прописаны для контейнера. Выглядеть будет на подобие этого Теперь вы должны изменить несколько h1 на p и добавляем в #header-title p в конце строчку margin:0; Выглядит это так Теперь можете порадоваться, у вас правильный заголовок блога, поздравляю!

2. Редактирование заголовка статей

Процедура редактирования заголовка статей будет чем-то похоже на редактирование заголовка блога. Обычно в скаченных темах, в статьях стоит заголовок в теге h2 и ещё одна ошибка это то, что заголовок даёт ссылку на себя, что является не правильным! Надо найти файл single.php, он находится в той же панели, где вы нашли header.php и style.css Заходим и ищем тег h2 Примерно такой

[php]&lt;h2&gt;&lt;a href="&lt;?php the_permalink() ?&gt;" rel="bookmark" title="Permanent Link to &lt;?php the_title_attribute(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;[/php]

Заменяем его на

[php]&lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;/h1&gt;[/php]

Теперь надо зайти в файл style.css и найти стиль должен быть похож на это Меняем выделенное с h2 на h1 и сохраняем. Теперь у вас правильные заголовки статей, что даёт большой плюс! Можно так же сделать оптимизацию в сайдбаре, если будет интересно, то допишу это в статье! Плюсом будет, что у вас уберутся из сайдбара теги h2,h3 тем самым уберутся лишние ключевые слова.

3. Как убрать ссылки WordPress

Если вы убираете ссылки WordPress, есть риск повредить тему т.к чаще всего они являются закодированными и в ссылки невозможно вставить свой текст. В таких случаях приходится раскодировать и лишь, потом удалять. Поэтому рассмотрим 2 варианта, когда лишние ссылки убираются легко и когда надо раскодировать. Что бы узнать какой у вас вид ссылок в этом вам поможет плагин Theme Authenticity Checker (TAC). После установки зайдите в темы, если около темы есть надпись, Theme ok — значит в теме нет зашифрованных кодов. Encrypted Code Found! – есть зашифрованные коды. Static Link (s) Found… – количество найденных ссылок.

После определения ссылок, смотрите в шаблоне в какой части сайта они расположены. Как правило, они в самом низу. Если так, находим файл footer.php (подвал). Всё в той же панели, где вы заходили в header.php

1. Ссылки не закодированы

Если ссылка простая без <div id> , то можете смело удалять и пропускать пункт с удалением ссылок. Если содержит <div id> приведу пример

[php]&lt;div id="seosko"&lt;a href="http://seosko.ru" target="_blank"Сео продвижение сайтов, блоггинг&lt;/a&gt;&lt;/div&gt;[/php]

то для удаление нужно будет найти ссылку в function.php Удалять ссылки следует одновременно из footer и function поэтому рекомендую скачать тему на компьютер и там в файлах удалить эту ссылку из 2ух файлов footer.php и function.php

2. Закодированные ссылки

Закодированные ссылки выглядят примерно так Phsasuqjs13Jspasjd… ( это обычно не связные буквы,цифры) найти будет не трудно. Что бы узнать, что это за ссылки вам потребуется. Декодер, которой дешифрует ссылки вот он webpeppers просто вводите туда закодированную ссылку, он вам выдаст нормальный текст, этот текст, вставляем вместо закодированной ссылки в файл wordpress, где была закодированная ссылка, и сохраняете изменения, потом удаляете ссылку и опять сохраняете.

4. Перевод шаблона

Что бы перевести шаблон на уровне профи, потребуется отдельная статья про это. Здесь же вы найдёте, метод для начинающих. Держитесь, так как это уже последний пункт в редактирование шаблона WordPress. Здесь Покажу сам принцип действия. Для перевода скачайте сразу notepad ++, через него удобно смотреть что можно заменить в кодах, а что нет.
1.Скачайте свою тему на компьютер
2.Откройте файл через notepad++ Вот пример на файле archive.php то что выделяется чёрным цветом, можем переводить спокойно. 3.После перевода в файле, находим в верхнем меню кодировку и ставим преобразовать в UTF-8 без BOM. 4.Сохраняем файл. Если у вас квадратики значит тема не поддерживает кириллицу. Либо файл был сохранен не как UTF-8 без BOM. Поэтому прошу вас быть предельно аккуратным с переводом шаблона.
Задавайте вопросы, если что-то непонятно или хотите уточнить детали. Тем самым вы поможете в редактирование мануала. Надеюсь у вас на редактирование шаблона WordPress ушло не более 5-10 минут!

5. Редактируем заголовки в сайдбаре

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

1. Редактирование файла style.css

Внешний вид > Редактор > style.css (обычно находится в самом низу справа под заголовком «Стили»). Добавляем такие строчки как на картинки в рамке, делается это ближе к концу самого файла и делайте 1 в 1.
Обратите внимание, что 24px — это размер заголовка, кроме этого вы можете прописать цвет, толщину и даже анимацию!

2. Замена заголовков h2 или h3 на p или div

Заменяем заголовки в файле вашей темы functions.php (theme functions или функции сайта). Находим собственно сам заголовок. В моём случая, я просто заменил h3 на p class=»widgettitle», а закрытие h3 просто на p.
Иногда сама функция сайдбара другая, но строки всегда остаются такими же для замены.

(голосов: 2, в среднем: 3,00 из 5)