Один из нас, читателей, недавно спросил нас, как мы добавили цифровую страницу на страницу блога WPBeginner. Темы для WordPress и многие другие темы показывают ссылки на страницы, добавляя старые сообщения и ссылки на самые последние сообщения в нижней части страниц архива WordPress. Тем не менее, есть много сайтов WordPress, которые используют числовые страницы, такие как WPBeginner. По нашему опыту, страница с номерами более проста в использовании, привлекательна и SEO. Самые продвинутые структуры тем WordPress, такие как Genesis, имеют встроенную функциональность для добавления номеров страниц. В этой статье мы покажем, как добавить номера страниц в вашу тему WordPress. Цель состоит в том, чтобы заменить самые древние и самые последние ссылки на страницы в нижней части страниц архива номерами страниц, по которым легко перемещаться.
Существует два способа добавления номеров страниц в вашу тему WordPress. Первый способ – добавить страницы с номерами вручную в зависимости от стороннего плагина. Поскольку эта статья относится к категории тем и предназначена для дизайнеров новых тем, сначала мы покажем ручной метод. Или второй способ – использовать существующий сторонний плагин для добавления номеров страниц. Мы рекомендуем этот метод для всех нас, пользователей DIY.
Вручную добавьте номера страниц в шесть тем WordPress
Во-первых, мы покажем, как вручную добавлять номера во все ваши темы WordPress. Isso принесет пользу тем опытным пользователям и пользователям, которые изучают или разрабатывают темы или которые не хотят зависеть от стороннего плагина. Давайте начнем с добавления кода или кода, который будет следовать ни одному файлу functions.php do seu tema.
Примечание. Этот код взят из Genesis Framework, который мы используем на нашем сайте. Если вы используете Genesis, вам не понадобится этот код или плагин.
função wpbeginner_numeric_posts_nav () {
if (is_singular ())
Возвращает;
глобальный $ wp_query;
/ ** Прерывание выполнения только 1 страница *
if ($ wp_query-> max_num_pages max_num_pages);
/ ** Добавить на текущую страницу в матрицу * /
if ($ paged> = 1)
$ links () = $ paginated;
/ ** Добавить страницы к текущей странице или вокруг нее в матрицу * /
if ($ paged> = 3) {
$ links () = $ paged – 1;
$ links () = $ paged – 2;
}
if (($ paged + 2) ‘. “n”;
/ ** Ссылка дает предыдущий постажем * /
if (get_previous_posts_link ())
printf (‘
‘”n”, get_previous_posts_link ());
/ ** Ссылка на первую страницу, больше эллипсов, если необходимо * /
if (! in_array (1, $ links)) {
$ class = 1 == $ нумерация страниц? ‘class = “active”‘: ”;
printf (‘
«n», $ class, esc_url (get_pagenum_link (1)), «1»);
if (! in_array (2, $ links))
Jogou Fora ‘
«;
}
/ ** Ссылка на текущую страницу, плюс 2 страницы в любом адресе, если необходимо * /
заказ ($ ссылки);
foreach ((массив) $ ссылки, такие как $ ссылка) {
$ class = $ paged == $ link? ‘class = “active”‘: ”;
printf (‘
‘”n”, $ class, esc_url (get_pagenum_link ($ link)), $ link);
}
/ ** Ссылка на последнюю страницу, больше эллипсов, если необходимо * /
if (! in_array ($ max, $ links)) {
if (! in_array ($ max – 1, $ links))
Jogou Fora ‘
«„П“;
$ class = $ paged == $ max? ‘class = “active”‘: ”;
printf (‘
‘”n”, $ class, esc_url (get_pagenum_link ($ max)), $ max);
}
/ ** Ссылка дает следующий постажем * /
if (get_next_posts_link ())
printf (‘
‘”n”, get_next_posts_link ());
Jogou Fora. ” «П»;
}
Нет WPBeginner, мы используем этот код для разбивки номеров на этих страницах файла (например, блог nosso или страница категории учебника WordPress). Или чтобы этот код был извлечен или количество страниц и подготовить список с закладками из пронумерованных ссылок. Чтобы добавить isso к шести моделям, вам нужно будет добавить следующий тег модели в index.php, archive.php, category.php и в любую другую файловую модель страницы для вашей темы.
Теперь у нас есть список пронумерованных страниц, нам нужно создать этот список. Мы хотим, чтобы список появился в блоке, где активная страница выделена другим фоном. Для fazer isso мы идем впереди и добавляем или следуем файлу style.css вашей темы:
.navigation li a,
.navigation li a: pairar,
.navigation li.active a,
.navigation li.disabled {
cor: #fff;
оформление текста: нэнхума;
}
.navigation li {
дисплей: инкрустация;
}
.navigation li a,
.navigation li a: pairar,
.navigation li.active a,
.navigation li.disabled {
фоновый кор: # 6FB7E9;
Райо да Борда: 3 пикселя;
курсор: понтейро;
preenchimento: 12px;
preenchimento: 0,75rem;
}
.navigation li a: pairar,
.navigation li.active a {
фоновый кор: # 3C8DC5;
}
Вот оно У нас есть список числовых страниц в теме, которая кажется оптимальной.
Добавить цифровую страницу не WordPress с помощью WP-PageNavi
Теперь мы собираемся дать вам представление о том, как добавить номера страниц, а не тему WordPress, используя существующий плагин WP-PageNavi. Прежде всего, вам необходимо установить и активировать плагин WP-PageNavi. Depois de ativar или плагин, идет в Настройки »PageNavi определить настройки плагина.
На странице конфигурации плагина вы можете заменить конфигурацию текстовой страницы и количество страниц, которые должны быть удалены. Однако конфигурация родительского узла должна работать для большинства двух сайтов.
На следующем этапе вам нужно добавить тег модели, а не тему WordPress. Это идет, чтобы вставить тему, и я нашел строки самой старой страницы и самые последние шаблоны страниц архива: index.php, archive.php и другие архивы архивной модели. Добавьте следующий тег модели, чтобы заменить предыдущие теги previous_posts_link и next_posts_link.
Вы можете добавить или снять фрагмент wp_pagenavi, он появится на числовой странице:
Если вы хотите изменить внешний вид стиля чисел, а не wp-pagenavi, вам нужно будет перейти на Настройки »PageNavi, Снимите флажок, чтобы использовать Использовать pagenavi-css.css e salve в качестве альтернативы. Агора идет на Плагины »Редактор, Для выбора или плагина для редактирования неизвестного меню выберите WP-PageNavi и не нажимайте кнопку «Выбрать». Или редактор загрузит файлы плагина в прямую боковую панель. Нажмите на pagenavi-css.css, чтобы открыть нередактор и скопировать или архивировать содержимое.
Тогда я должен идти в Внешний вид »Редактор я не согласен с pagenavi-css.css нет arquivo style.css do seu tema. Теперь вы можете изменить цветовую схему или стиль здесь. Либо мотив, который мы копируем или дополняем с помощью плагина для таблицы стилей или во избежание потери изменений стиля, вы можете обновить или подключить. Вот немного измененная версия номеров страниц, проверьте ее для использования и измените не для вашей темы.
.wp-pagenavi {
очистить оба;
}
.wp-pagenavi a, .wp-pagenavi span {
кор: #FFF;
оформление текста: нэнхума;
фоновый кор: # 6FB7E9;
вышивка: сплошная 1px # B2D1E5;
preenchimento: 5px 5px;
поле: 2px;
}
.wp-pagenavi для: passar или mouse, .wp-pagenavi span.current {
Cor на борту: # E9F2F9;
фоновый кор: # 6FB7E9;
}
.wp-pagenavi span.current {
интенсивность да фонте: негрито;
фоновый кор: # 3C8DC5;
}
Ass предположим, что это будет:
Как всегда, вы должны экспериментировать или CSS. Или цель должна быть или соответствовать числовой странице в красочном оформлении вашего сайта, чтобы она сочеталась с появлением элемента, размещенного очень близко.
Мы надеемся, что эта статья была добавлена и отображена на странице чисел, а не в вашей теме WordPress. Какой метод вы предпочитаете использовать? Você gosta из числовой страницы Вы предпочитаете предыдущую навигацию / интегрированный интегрированный? Deixe-мы знаем, скажи нам abaixo.
