Постраничная навигация с номерами страниц

знайти доповнення для WordPress, шаблони, обговорення помилок вирішення їх.
Відповісти

Topic author
Vpoltave
Адміністратор
Адміністратор
Повідомлень: 710
З нами з: 16 серпня 2013 23:18

Постраничная навигация с номерами страниц

#1

Повідомлення Vpoltave »

Постраничная навигация с номерами страниц - Wordpress

Открываем файл functions.php который находиться по адресу: корень сайта /wp-content/themes/twentyeleven (twentyeleven или другая ваша тема)

Добавляем код в начало:

Код: Виділити все

// Постраничная навигация с номерами страниц
function navigation() {
global $wp_query, $wp_rewrite;
$pages = '';
$max = $wp_query->max_num_pages;
if (!$current = get_query_var('paged')) $current = 1;
$a['base'] = str_replace(999999999, '%#%', get_pagenum_link(999999999));
$a['total'] = $max;
$a['current'] = $current;
$total = 0; //1 - выводить текст "Страница N из N", 0 - не выводить
$a['mid_size'] = 2; //сколько ссылок показывать слева и справа от текущей
$a['end_size'] = 5; //сколько ссылок показывать в начале и в конце
$a['prev_text'] = '« Предыдущая '; //текст ссылки "Предыдущая страница"
$a['next_text'] = 'Следующая »'; //текст ссылки "Следующая страница"
if ($max > 1) echo '<div>';

echo $pages . paginate_links($a);
if ($max > 1) echo '</div>';
}
// Постраничная навигация с номерами страниц
Далее нужно добавить тег который выведет постраничную навигацию
Открываем файл index.php , находиться он по адресу: корень сайта /wp-content/themes/twentyeleven (twentyeleven или другая ваша тема)

Вставляем код (тег):

Код: Виділити все

<!-- .navigaciya --><?php navigation(); ?>
Вставлять в тему twentyeleven после кода :

Код: Виділити все

<?php endwhile; ?>
(29-й строки)

Сохраняем, и обновляем страницу клавишами Ctrl + F5 (чтоб страница обновилась на 100% и кеш)

Если вы удивили номерки (нумерация появляется когда есть больше 10 постов)

Далее будем делать нумерацию красивой .

Открываем файл style.css находиться он по адресу: корень сайта /wp-content/themes/twentyeleven (twentyeleven или другая ваша тема)

и добавляем код в конце файла :

Код: Виділити все

.page-numbers {

background: #418bff;
color: #fff;
padding: 4px 10px;
font-size: 11px;
border-radius: 3px;
}
background: #418bff; - цвет заливки кнопки
color: #fff; - цвет текста
padding: 4px 10px; - высота и ширина кнопки
font-size: 11px; - размер текста
border-radius: 3px; - радиус закругления

Проявляйте фантазию и ваш сайт будет прелестным)


Відповісти