Полезные функции WordPress
Очень часто приходится допиливать уже готовую темe, чтобы получилась конфетка, как с точки зрения seo, так и юзабилити. В эту статью я буду добавлять полезные фичи, которые можно применить для усовершенствования темы на WordPress.
Содержание:
1. Вывод описания раздела в рубрике.
2. Вывод определенного блока только на главной.
3. Кнопка «Наверх», как Вконтакте.
1. Вывод описания раздела в рубрике.
Очень полезная штука, с точки зрения seo, поскольку в категориях вашего сайта будет выводиться уникальный текст, с описанием рубрики, который можно заточить под парочку СЧ запросов.
Шаг 1. В шаблон рубрик, вероятнее всего это файл archive.php, но может быть и category.php вверху (перед первым div`ом ) или внизу (после постраничной навигации) вставляем код:
1 2 3 | <?php if ( is_category() ) { ?> <p><?php echo category_description(); ?></p> <?php } ?> |
Шаг 2. В админке переходим в Записи -> Рубрики -> Изменить (на существующей рубрике либо создаем новую рубрику) и заполняем поле «Описание».
Все, теперь это описание выводится на странице рубрики в том, месте, где вы вставили его на Шаге 1.
Фишка: при таком варианте описание появляется в title ссылки, чтобы этого избежать, нужно найти шаблон, в котором выводятся рубрики, скорее всего это либо header.php, либо sidebar.php и там отыскать функцию wp_list_categories, и в ее параметрах прописать use_desc_for_title=0.
То есть придать следующий вид:
1 | wp_list_categories('use_desc_for_title=0'); |
Или же, если там уже присутствуют какие-либо параметры добавить к ним еще один:
1 | wp_list_categories('другие параметры&use_desc_for_title=0'); |
2. Вывод определенного блока только на главной странице.
Бывают случаи, когда в sidebar нужно вывести текстовый блок или картинку, но только на главной странице, что же, это не проблема для WordPress.
В файле sidebar.php на месте, где мы хотим видеть наш блок, мы добавляем код:
1 | <?php if ((is_front_page()) and (!is_paged())) { ?>сюда помещаем то, что нам нужно отобразить только на главной <?php endif; ?> |
Если же нужно вывести этот же блок только на страницах новостей, то мы добавляем следующий код:
1 | <?php if ((is_single()) and (!is_paged())) { ?>сюда помещаем то, что нам нужно отобразить только на страницах новостей <?php endif; ?> |
Тот же блок только на страницах:
1 | <?php if ((is_page()) and (!is_paged())) { ?>сюда помещаем то, что нам нужно отобразить только на страницах<?php endif; ?> |
3. Кнопка «Наверх», как Вконтакте.
Думаю, многим понравилась кнопочка «Наверх» Вконтакте, она удобная и, к примеру, я добавил ее на блог и на другие сайты тоже. Как же реализовать эту кнопочку?
Я нашел несколько способов, но приглянулся мне вариант от автора ShuBlog’а, который я слегка модифицировал внешне.
Шаг 1. Скачиваем архивчик, разархивируем и закидываем полученную папку себе в корень сайта.
Шаг 2. Прописываем в header.php перед код:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("jquery", "1.6.0"); </script> <script type='text/javascript' src='/js/jquery.upScrollButton.js'></script> <script> jQuery(document).ready(function() { jQuery( 'body' ).upScrollButton( { upScrollButtonText: 'Вверх', heightForButtonAppear: 900, scrollTopTime: 1500 } ); }); </script> |
Шаг 3. В файл style.css вставляем:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | a#move_up { position: fixed; top: 10px; left: 10px; width: 90px; height: 21px; display: none; text-align: center; font: 12px Verdana; text-decoration: none; color: #870b0e; background: url('http://ваш_сайт/js/up.jpg') no-repeat; padding-top: 3px; opacity: 0.9; filter: alpha(opacity = 90);} a#move_up:hover { color: #fff; background: url('http://ваш_сайт/js/upp.jpg') no-repeat;} |
Собственно все, можно поэксперементировать с оформлением, изменить дизайн кнопки в photoshop или же сделать просто прямоугольник с фоном. Кстати, исходник кнопки в архиве.
Приглашаю вас в свой паблик Вконтакте! Подписывайтесь.