Tag Archives: Wordpress

Предметная визуализация

Включение модулей для работы кеширования в WordPress Super Cache

Автор: Рудюк С . А.
https://corp2.net

E-Mail: rs@corp2.net

Для корректной работы кеширования в компоненте WordPress WP Super Cache необходимо включить такие модули Apache:

Включаются они простым указанием симлинка с папки /etc/apache2/mods-available в папку /etc/apache2/mods-enabled.

Автор: Рудюк С . А. https://corp2.net

Разработка и создание сайтов, интернет-магазинов, веб-приложений, порталов, лэндингов, мобильных приложений (Киев)

Плагин для WordPress Rus-To-Lat

1

Rus-To-Lat это плагин транслитерации русских ссылок. Некоторые веб-мастера предпочитают использовать русские урлы. Мол, так выглядит красивее, да и поисковики давно уже научились понимать такие ссылки и красиво их подчеркивают в результатах поиска. Но недостатки русских ссылок перевешивают их достоинства. Попробуйте, например, скопировать русский урл и вставить его в любой текстовой редактор. Ссылка вида http://www.testwp.ru/привет-мир.html превратится в набор символов http://www.testwp.ru/%D0%BF%D1%80%D0%B8%D0%B2%D0%B5%D1%82-%D0%BC%D0%B8%D1%80.html. Делиться с кем-либо такими ссылками не очень то удобно.

Такая ситуация возникает из-за того, что по спецификации ссылки не могут содержать русские символы. Они должны быть закодированы последовательностью символов – каждый русский символ заменяется на 6 латинских символов. Например, русская буква «а» превращается в «%D0%B0«.

Помимо неудобств с копированием таких ссылок могут возникнуть и другие проблемы. Зачастую, многие плагины для WordPress, использующие технологию AJAX не учитывают возможность того, что в ссылках могут быть русские символы и из-за этого начинают работать некорректно.

Отсутствие плагинов транслитерации в блоге обязательно вызовет проблемы и со многими плагинами, работающими с файлами. Они тоже зачастую не учитывают возможность того, что названия файлов в блоге могут содержать русские символы. Например, популярный плагин обеспечения безопасности WordPress File Monitor в принципе отказывается понимать русские символы. И поверьте на слово – таких плагинов очень много.

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

Скачиваем плагин по ссылке в конце страницы и устанавливаем его:

1 Распаковываем архив.

2 Копируем папку rustolat в /wp-content/plugins/.

3 Заходим в админку блога на вкладку «Плагины» и активируем плагин.

У плагина есть лишь одна настройка, которую вы можете найти в меню «Настройки\RusToLat«. Это настройка стандарта транслитерации:

 

2

Советую использовать стандарт ISO 9-95, так как он более соответствует сложившимся в рунете правилам транслитерации. Однако, при всем уважении к стандартам ISO и ГОСТ, мне не нравится, как они переводят на латиницу русскую букву «Х». ГОСТ заменяет ее на «KH», а ISO на латинскую «X». Не знаю, что общего в произношении русской буквы «Х» и латинской «X», поэтому я обычно заменяю «X» на «H» и «x» на «h», мне кажется это более правильным.

Чтобы это сделать откройте файл rus-to-lat.php в папке плагина и  отредактируйте его следующим образом:

Теперь, когда вы будете создавать записи в своем блоге или заливать файлы с русскими названиями, плагин автоматически будет их транслитерировать. Но плагин не станет изменять уже существующие русские ярлыки в вашем блоге. Вы должны их изменить вручную. Для этого достаточно лишь удалить старый русский ярлык, нажать кнопку «OK» и плагин автоматически создаст новый ярлык, произведя транслитерацию русского заголовка записи.

В такой особенности плагина кроется, как его недостаток, так и его достоинство. Если вы не хотите менять уже существующие ссылки в блоге, то вы должны использовать именно плагин Rus-To-Lat. Если же вам необходимо поменять в блоге кучу ярлыков в уже существующих записях, то советую использовать плагин Cyr-To-Lat, который делает это автоматически при своей активации. У плагина Cyr-To-Lat, кстати, много и других достоинств и обычно в качестве плагина транслитерации я рекомендую использовать именно его. Но только не в случае, когда вы хотите оставить старые ярлыки без изменения.

 


Источник: http://www.wordpressplugins.ru/critical/rustolat.html

Разработка и создание сайтов, интернет-магазинов, веб-приложений, порталов, лэндингов, мобильных приложений (Киев)

SEO оптимизация WordPress

Несмотря на огромную популярность WordPress, этот движок, не оптимизированный под современные требования поисковых систем, вполне способен загнать под фильтр новый сайт, даже несмотря на размещаемый там качественный контент. Стандартная настройка CMS приводит к появлению множества дублей на сайте: один и тот же текст может повторяться самой статье, в «архиве», на странице категории и т.д. Добавьте к этому HTML-код, полный «мусора», комментарии, где каждый желающий может оставить ссылку на любой сайт или дорвей, и вы поймете, почему все большее число новых сайтов на WordPress попадает под фильтр.

SEO-оптимизация и внесение изменений в WordPress могут быть организованы двумя способами: 1) вносить все необходимые изменения непосредственно в PHP-файлы движка, 2) использовать для этого плагины.

Недостаток правки PHP-кода заключается в том, что практически каждое обновление CMS «сносит» все внесенные изменения, и их приходится заново прописывать «ручками», что может потребовать немалое количество времени. Однако чрезмерное количество плагинов отрицательно сказывается на работе CMS, так как каждый из них подключается через так называемые «хуки» (ловушки), что со временем приведет к значительным «тормозам».

Самый простой способ внести необходимые изменения в WordPress – это правка PHP-файлов, входящих в состав шаблона. Все файлы одной темы находятся в одноименной директории, которую можно легко перенести с одного ресурса на другой или же сохранить на свой компьютер.

В данной статье мы рассмотрим простейшие способы оптимизации WordPress под поисковые системы.

Как создать главную страницу на WordPress

Создание главной страницы WordPress позволяет избежать дублирования имеющихся на сайте статей, представленных в виде анонсов записей. Расположенный на главной странице статичный, не меняющийся текст – это возможность заточить «морду» ресурса под основные ключевики, необходимые для продвижения.

Чтобы создать статичную главную страницу на WordPress, проделайте следующее:

1. В админ-панели перейдите заходим на вкладку Страницы и создайте или отредактируйте имеющуюся там страницу.

2. Перейдите по адресу Параметры -> Чтение. В списке под названием «На главной странице отображать» выберете «Статическую страницу», и в выпадающем меню «Главная страница» укажите, какую именно статью вы хотите сделать главной. Сохраните изменения.

Настройка ЧПУ в WordPress

Настроить человеко-понятные адреса страниц в WordPress можно средствами самого движка: никаких дополнительных плагинов устанавливать не требуется. Для этого переходим на вкладку Постоянные ссылки и в Общих настройках выбираем пункт Произвольно, после чего прописываем туда следующий шаблон: /%postname%-%post_id%.html.

Для автоматического перевода названий статей на транслит, следует установить плагин RUS-to-LAT.

Есть мнение о том, что каждая страница web-ресурса должна оканчиваться расширением .htm или .html, иначе поисковые системы будут воспринимать ее как директорию. Для того чтобы добавить к страницам расширение .html, используем небольшой плагин Page_Htm со стандартной установкой и без дополнительных настроек.

Теперь закомментируем в файле /wp-includes/post.php несколько строк, чтоб обеспечить переносимость страниц между разделами.

Установка кода Sape на WordPress

Для того чтобы подключить блог на WordPress к бирже продажи ссылок Sape, необходимо использовать плагин iMoney, который позволяет осуществить все необходимые настройки быстро и просто.

Прежде всего, следует скачать плагин с сайта разработчика или официального блога WordPress. Полученный zip-архив следует закачать в специальную папку. Затем в панели администрирования блога следует перейти на вкладку управления плагинами и выбрать там команду «Добавить новый». В появившейся вкладке выберете команду «Загрузить» и, кликнув по кнопке «Обзор», выберете сохраненный zip-архив с плагином iMoney (распаковывать архив не нужно) и нажмите на кнопку «Установить».

На странице появится ссылка «Активировать плагин», нажимаем на нее, чтобы начать работу с iMoney. После этого плагин начнет свою работу.

Переходим в раздел «Параметры» и выбираем там раздел iMoney, чтобы перейти к настройкам плагина. Перед нами появится список настроек дополнения, среди которых будет необходимый нам раздел Sape, где следует указать уникальный VID, полученный нами на бирже ссылок.

Чтобы узнать свой VID, следует скачать на бирже папку с PHP-кодом для установки на сайт. Название, представляющее собой длинный код из букв и цифр, — это и есть искомый VID. Вставляем его в соответствующее поле плагина iMoney.

После этого iMoney предложит вам создать на хостинге специальную папку, необходимую для работы кода Sape. Для этого жмем на кнопку «Create».

Для выбора размещения продаваемых ссылок, активируйте соответствующие разделы в настройках: Before Content Links (перед статьей), After Content Links (после статьи), Sidebar Links (в колонке возле статьи). Также вы можете активировать раздел Sape context для продажи ссылок непосредственно из статьи. Все остальные настройки следует выполнить в панели Sape.

Карта сайта на WordPress

Одним из преимуществ движка, привлекающих к WordPress множество пользователей, является огромное число плагинов, позволяющих выполнить самые разнообразные задачи. К подобным задачам относится создание карты сайта, которое необходимо для того, чтобы находящиеся на сайте записи и статьи были, во-первых, легко доступны поисковым роботам, а во-вторых, не вызывали путаницы у посетителей, которым необходимо найти ту или иную информацию.

Все плагины для создания карты сайта на WordPress подразделяются на два типа: для создания XML-файла, облегчающего индексацию сайта поисковым роботам, и для создания HTML-карты, которая позволяет разместить все материалы на расстоянии двух-трех кликов от главной страницы, а также создает удобную и понятную структуру сайта.

Для создания XML файла обычно используется наиболее известный плагин Dagon Design Sitemap Generator, который имеет множество настраиваемых параметров, а также удобен и понятен в использовании.
Инсталляция плагина Dagon Design Sitemap Generator является полностью стандартной. Необходимо ввести его название в соответствующее поле в админ-панели и подтвердить его установку.

После активации плагина в списке Параметры появится дополнительный пункт DDSitemapGen, где расположены настройки плагина. Чаще всего ничего, кроме используемого языка, менять там не нужно. Однако при желании вы можете настроить количество ссылок на странице, параметры отображения количества комментариев, даты и других данных, относящихся к записи или странице.

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

Чтобы поисковый робот мог найти XML-карту, расположенную в корне сайта, следует указать адрес ее расположения в файле robots.txt. Однако обычно поисковые роботы и сами находят этот файл, если поместить его в корне сайта и назвать sitemap.xml.

Вы можете указать в настройках плагина, ссылки на какие именно элементы web-ресурса необходимо разместить в карте. Многие владельцы сайтов не размещают в sitemap.xml ссылки на категории и другие служебные страницы наподобие архивов, календаря и ряда других, указывая там только адреса страниц и записей.

Подобные настройки зависят исключительно от структуры сайта.


Источник: http://seo-praktika.com/seo-optimizaciya-wordpress.html

Разработка и создание сайтов, интернет-магазинов, веб-приложений, порталов, лэндингов, мобильных приложений (Киев)

Мета тэги в WordPress

Description и Keywords

Одним из наиболее частых вопросов, с которыми сталкиваются web-мастера и SEO-оптимизаторы, работающие с Wordcodess, — это добавление в данную CMS META тэгов Description и Keywords. Как правило, большинство новичков, не желая особо разбираться в возможностях движка, а также тратить время на то, чтобы изучать его код, ограничиваются установкой одного из расширений, тем более что количество seo плагинов для Wordcodess исчисляется десятками. Наиболее известным среди них является All in One Seo Pack.

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

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

Во-вторых, практически все плагины создают дополнительные подключения к SQL-базе, что приводит к дополнительной нагрузке. На малопосещаемых сателлитах это будет незаметно, однако, если вы планируете создать известный проект с большим количеством трафика, об оптимизации работы CMS следует задуматься заранее.

В-третьих, создание МЕТА тэгов так, как делает All in One Seo Pack и другие ему подобные плагины, гораздо рациональнее осуществить при помощи возможностей самого Wordcodess, на основе которых все подобные расширения и работают.

И наконец, в-четвертых, все существующие в настоящее время плагины для создания META тэгов Description и Keywords не позволяют автоматизировать работу по их заполнению. Таким образом, каждый раз при создании очередной статьи вам придется обдумывать и текст, который вы вставите в Description, и ключевые слова. Зачем тратить на это время, если гораздо удобнее и проще предоставить эту задачу CMS?

Создание мета тэгов Description и Keywords в Wordcodess без использования плагинов

Способ № 1. Заполнение мета тэгов каждый раз при создании новой статьи.

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

После этого под областью для ввода основного текста появятся настройки для произвольных полей.

Для создания нового поля нажмите на кнопку Добавить произвольное поле. Далее в графе Имя впишите слово description, а в графе Значение — описание статьи, которое вы хотите включить в соответствующий мета тэг. Сохраните получившуюся запись или страницу.

После того, как вы выполните данные действия, на каждой странице у вас появятся соответствующее поле для ввода Meta Description.

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

Теперь осталось только вывести содержание дополнительных полей в соответствующем месте HTML-страницы. Для этого в используемом шаблоне открываем файл header.php и вставляем после код

Способ № 2. Автоматизация создания мета тэга Description

Данный способ также не вызовет у вас никаких затруднений: вам надо будет только скопировать приведенный ниже код в соответствующее место PHP-файла.

Открываем header.php и в самый верх файла перед всем его содержимым вставляем следующий код:

Для вывода Description в HTML-коде страницы вставляем в header.php:

При желании вы можете усовершенствовать приведенный код, добавив в Description название домена, важные для продвижения ключевые слова, дату написания поста, номер телефона и другую информацию.

Какой из способов работы с Description в Wordcodess выбрать, зависит только от вас. Кому-то кажется необходимым написание уникального авторского описания к каждой статье, другие же web-мастера могут предпочесть сэкономить свое время и полностью автоматизировать создание мета тэгов.


Источник: http://seo-praktika.com/cms-wordpress-meta-tags-description-plagin.html

Разработка и создание сайтов, интернет-магазинов, веб-приложений, порталов, лэндингов, мобильных приложений (Киев)

Убираем ограничение на количество ключевых слов в WordPress

Автор: Рудюк С . А.
https://corp2.net

E-Mail: rs@corp2.net

При задании ключевых слов я столкнулся с ограничением в 200 символов на поле Keywords. Это создавало большое количество неудобств, т.к. не давало должным образом определить ключевые слова для статей.

Начал изучать данный вопрос. Смотрю структуру базы данных, как оказалось, это поле — не ограниченной длины:

СтруктураТогда, стало понятно, что проблема в исходном коде. После анализа программного кода и плагинов, я обнаружил, что за вывод ключевых слов в моем случае отвечает плагин Custom Metas. И в настройках его можно указать тот размер, какой нам необходим:

Размер ключевых слов в WordPressАвтор: Рудюк С . А. https://corp2.net

Разработка и создание сайтов, интернет-магазинов, веб-приложений, порталов, лэндингов, мобильных приложений (Киев)

Автоматичне додавання копірайту до всіх постів на блозі WordPress

Захотілось, щоб до кожного посту додавався копірайт автора. Почав писати програмний код… Тут, вирішив перевірити, а вдруг таке вже є в плагінах…
Опа! Є!
Плагін називається Copyrighted Post.

Після вставлення Ви можете його налаштувати в пункті Настройки — Чтение.
Ось мої налаштування:
А ось, як воно виглядає на сайті:

 

Знову все зробилось без програмування… Скоро забуду що таке PHP 🙂

Автор: Рудюк С . А. https://corp2.net

Разработка и создание сайтов, интернет-магазинов, веб-приложений, порталов, лэндингов, мобильных приложений (Киев)

3D визуализация и дизайн

Реалізація багатомовності в WordPress

Одну і ту же задачу можна виконати декількома шляхами.

Розглянемо шляхи локалізації в системі WordPress:

1. Створення сайтів-клонів на різних мовах. Цей шлях буває досить корисним, особливо якщо Ви бажаєте створити різний контент на різних мовах. Але якщо Ви хочете синхронно перекладати статті на різних мовах може виникнути “розсихронізування”. Також такі сайти досить складно адмініструвати. Користувачам потрібно буде реєструватись заново на кожному з цих клонів. І програмні частини (плагіни, дизайни і так далі) потрібно буде правити стільки разів, скільки у Вас сайтів…

2. Використання багатосайтовості + плагінів перекладу.
Дуже корисний шлях, що доповнює попередній пункт, але в якому відсутні перелічені недоліки. В цьому випадку, використовується можливість багатосайтовості системи WordPress. Щоб включити такий режим, потрібно буде зробити деякі дії по налагодженню конфігураційних файлів Wordpres, htaccess а також встановленню плагіна перекладу.

В цьому випадку сайт на різних мовах працює на одному екземплярі системи WordPress. Як результат, Вам нема необхідності програмувати програмний код для кожного з сайту, налаштовувати дизайни для кожного
сайту. А команди автоматичного перекладу текстів позволяють пришвидчити переклад тексту за допомогою первинного машинного перекладу.

Цей спосіб найбільш вдалий для багатомовних сайтів, якщо Ви володієте мовами, що використовуються на сайті та бажаєте досягти більш-менш коректного перекладу.

3. Переклад за допомогою плагина скрипта від Google.
Компанія Google реалізувала механізм перекладу будь-якого сайту. Щоб реалізувати переклад цим способом Вам необхідно зайти на сайт Гугла. Взяти звідти деякі скрипти для перекладу та вставити в свій сайт.

4. Переклад за допомогою плагіна для перекладу Google.
Звичайно, для програмістів, що не володіють мовами програмування буде досить складно вставити скрипти по перекладну від Google, тому є чудовий плагін, що робить цю роботу автоматично, даже без заходу на сайт Ґуґла
:).

Цей щлях перекладу чудовий для тих, хто хоче за декілька хвилин переласти свій ресурс а також для тих, хто не володіє тими мовами на які хоче перекласти.

Недолік цього способу:
– Не завжди коректний машинний переклад.
– Переклад може займати декілька секунд (це відчувається при переході зі сторінки на сторінку).

Разработка и создание сайтов, интернет-магазинов, веб-приложений, порталов, лэндингов, мобильных приложений (Киев)

Налаштування Nginx – PHP-FPM для роботи багато-сайтовості в WordPress

По замовчуванню, WordPress працює в одно-сайтовому режимі. Якщо Ви бажаєте включити багато-сайтовість, то зробіть наступні дії:

1. Відкрийте файл wp-config.php. В нього додайте програмний код:

2. Налаштуйте мережу. Для цього, зайдіть в Administration > Tools > Network Setup (Инструменты — Установка сети).

3. WordPress вам повідомить скрипт, призначений для роботи в Apache2.

Скрипт для додавання в wp-config.php (він підходить як для нашого випадку, так і для Apache2).

Скрипт для Apache2, який потрібно додати в файл .htaccess в корні сайту (не підходить для варіанта Nginx, бо від не виконує ці файли :))

Для зв’язки Nginx — PHP-FPM необхідно вставляти інший скрипт в налаштування домену Nginx. Цей скрипт різний в залежності від вибраної Вами схеми багато-сайтовості WordPress.

Скрипт для Nginx для багато-сайтового WordPress, що використовує підкаталоги:

Скрипт для Nginx, що використовує багато-доменність для WordPress:

Разработка и создание сайтов, интернет-магазинов, веб-приложений, порталов, лэндингов, мобильных приложений (Киев)

Додавання посилання на Ваш сайт в кінець тексту, що з нього копіюється

Чи знаєте ви про те, що копіювання і вставка становить 82% від всіх дій, пов’язаних з поширенням контенту в мережі — приблизно в 4.5 рази більше, ніж використання соціальних кнопок?
Саме така тенденція була виявлена рекламним гігантом 33across / Tynt за допомогою дослідження, виконаного в кінці 2012 року.
Можливо, вам здасться це цікавим. Однак як використовувати цю інформацію на практиці? Як застосувати це до свого сайту?
Чи стикалися ви коли-небудь з такою ситуацією, що при копіюванні частини тексту з веб-сайту і вставки його в поштове повідомлення, в файл, на форум або на свій власний сайт, раптово в самому кінці тексту з’являлася зворотнє посилання, яка вказує на джерело?
Досить цікава можливо, вірно? І, як ви могли подумати, досить продуктивна в плані SEO.
Я знайшов декілька способів це зробити на сайті WordPress.
1 спосіб. Додайте наступний скрипт в файл functions.php вашої теми:

Якщо ви використовуєте різні сервіси для скорочення URL, замініть get_permalink на wp_get_shortlink.
2 спосіб. Спосіб, що був опублікований на http://habrahabr.ru/post/101763/
Ви створюєте файл java-скрипту:

Підключаєте його до вашого сайту. И вставляєте скрипт в текст суйту:

Опції оброблювані плагіном:

Опція Опис
htmlcopytxt Що додавати до бувера, що копіюється. Приймає html
minlen Мінімальна довжина тексту, що виділяється. Приймає int
addcopyfirst Додавати htmlcopytxt в початок буферу обміна або в кінец. true/false

3 спосіб. Спосіб для ледачих 🙂

Згадаємо, чим добрий WordPress ? Тим, що можна робити сайти майже без програмування, бо вже написана велика кількість плагінів. Як виявилось, такий плагін є!
І не один!
Зайдіть в плагіни. Наберіть в пошуку copy. І побачите величезну кількість таких плагінів:

 

Тут Ви побачите плагіни, що забороняють копіювати інформацію, продивлятись код та інше. Також, серед них є той плагін, що нам потрібен: Append Link on Copy.
Подібних плагінів — декілька. Тому, якщо він Вам не сподобається — можете вибрати інший :). І роботи — на пару хвилин…

Разработка и создание сайтов, интернет-магазинов, веб-приложений, порталов, лэндингов, мобильных приложений (Киев)

Постраничная навигация WordPress с помощью WP-PageNavi

Установка и настройка WP-PageNavi и стилей к нему

1. Скачайте последнюю версию WP-PageNavi.

2. Распакуйте и загрузите на сервер папку с файлами плагина в директорию wp-content/plugins, используя бесплатный ftp клиент FileZilla.

3. Активируйте его, в списке плагинов он идет под именем «список страниц».

4. Теперь необходимо заменить стандартный код для постраничной навигации в шаблонах index.php, archive.php и search.php темы WordPress на новый:

Стандартный код постраничной навигации WordPress выглядит примерно так:

От темы к теме вид кода может несколько меняться, поэтому ищите конструкцию, содержащую строчки next_posts_link и previous_posts_link.

Как только замените код, плагин WP-PageNavi начнет работать. Все настройки плагина на русском языке и доступно расписаны, поэтому разобраться с ними не составит труда. Располагаются они в разделе «Плагины» — «список страниц».

WP-PageNaviЧтобы настроить внешний вид, необходимо отредактировать файл со стилями плагина WP-PageNavi — wp-pagenavi/pagenavi-css.css. Для этого перейдите в раздел «Плагины» — «Редактор», выберете в качестве плагина для изменения WP-PageNavi и найдите списке файл с разрешением .css.

wp-pagenavi-css

Конечно, чтобы настроить стили постраничной навигации вам необходимо знать хотя бы основы CSS. Чтобы не терять время на его изучение (хотя рано или поздно вам придется изучить как минимум html и css) можно воспользоваться плагином WP PageNavi Style, который предоставляет уже готовые стили на любой вкус.

Устанавливается плагин WP PageNavi Style стандартно, ничего прописывать в теме для него не нужно. Только скачайте последнюю версию с WordPress.org. После активации создается новый одноименный раздел в панели администратора WordPress.

Рассмотрим основные настройки, их немного.

Опция Select StyleSheet позволяет переключится между существующими стилями (existing styles) и возможностью сформировать их самому (custom).

WP-PageNavi-Style

Выбор стилей очень большой, даже глаза разбегаются. Особенно красиво выглядят стили на CSS3. Думаю, каждый найдет что-то интересное для себя. После выбора визуального оформления постраничной навигации, задайте ее расположение — Align Navigation: left — слева, rigth — справа и center — по центру.

Теперь рассмотрим, какие опции предоставляет нам раздел Custom

WP-PageNavi-Style-Options

  • Heading Color — цвет заголовка, не обязательно знать html код цвета, достаточно кликнуть на поле и визуально его выбрать;
  • Background Color — цвет заднего фона;
  • Active / Current Background Color — задней фон кнопки текущей страницы (активной);
  • Font Size — размер шрифта;
  • Link Color — цвет ссылки;
  • Link Mouse Hover / Active Color — цвет ссылки при наведении на нее курсора мыши;
  • Link Border Color — цвет границы кнопки с номером страницы;
  • Link Border Mouse Hover/Active Color — цвет границы, при наведении на кнопку курсора мыши;
  • Align Navigation — выравнивание на странице: по центру, по левому или правому краю.

Не забудьте сохранить измененные настройки WP-PageNavi Style — Save Settings
.

WP-PageNavi не работает

Сталкивался я и с тем, что плагин WP-PageNavi не работает.

1. Плагин WP-PageNavi не активируется. Скорее всего вы используете особо продвинутую тему, в которой уже используется нумерованная постраничная навигация. Добавьте на блог несколько статей, чтобы увидеть используемую по умолчанию навигацию на блоге. Скорее всего она выполнена в стили используемой темы и менять в ней ничего не надо. Если не понравилась — почистите шаблоны темы от кода постраничной навигации, тогда плагин WP-PageNavi должен активироваться.

2. WP-PageNavi на главной странице работает некорректно — не переключаются страницы, выдаются ошибки или содержание страниц не изменяется. Это опять же связано с используемой темой WordPress.

Откройте на редактирование шаблон index.php и найдите код, который отвечает за вывод записей:

Замените его на следующий код:

Проверьте работоспособность WP-PageNavi.

3. Если и это не помогло, то можно воспользоваться альтернативным плагином — WP Page Numbers.

Плагин WP Page Numbers

Установка плагина WP Page Numbers аналогично рассмотренной выше установки WP-PageNavi, только используется несколько другой код:

Настройки плагина располагаются в разделе «Параметры» — «Page Numbers».

Page-Number-ThemesWP Page Numbers предоставляет на выбор 5 стилей оформления постраничной навигации WordPress. Конечно, по сравнению с многообразием стилей WP-PageNavi Style это выглядит скудно, но темы универсальные и прекрасно подойдут для большинства блогов.

nastroyki-Page-Number

Из остальных настроек я только заменил значения «Page» на «Страница», а предлог «of» на «из».

Плагин Number My Post Pages

Последний плагин в моей подборке называется Number My Post Pages и предназначен для создания постраничной навигации внутри одной записи. Он пригодится вам в том случае, если объем материала на странице блога очень велик, и его лучше представить постранично для удобства читателя.

1. Скачайте плагин Number My Post Pages.

2. Распакуйте архив и перекиньте папку с файлами плагина на ftp в директорию wp-content/plugins.

3. Активируйте плагин Number My Post Pages.

4. Добавьте в шаблоны single.php и page.php используемой темы WordPress следующий код:

Как вы понимаете, код следует добавлять в том месте, где хотите видеть постраничную навигацию. Скорее всего после кода, отвечающего за вывод контента страницы:

Чтобы разбить содержание статьи на страницы следует воспользоваться тегом:

тег nextpage

Настройки плагина Number My Post Pages проживают по адресу «Параметры» — «Number Post Pages».

Number-Post-Pages

  • Text for Number of Pages — текст для числа страниц.
  • Show the «Text for Number of Pages» — показывать или нет «текст для числа страниц».
  • Number of pages after the current page — число страниц после текущей страницы.
  • Number of pages before the current page — число страниц до текущей.
  • Text for next page — текст кнопки для перехода на следующую страницу.
  • Text for previous page — текст кнопки для перехода на предыдущую страницу.
  • Use default stylesheet — использовать ли стандартную тему.
  • Show Dropdown — так называемый дробдаун, который выводит список всех номеров страниц.
  • Always Show Navigation — всегда показывать навигацию, даже если содержание статьи не разбито на страницы.


Источник: http://fairheart.ru/wordpress/osnovy-sozdaniya-bloga/postranichnaya-navigaciya-na-bloge-wordpress-plaginy-wp-pagenavi-style-wp-page-numbers-i-number-my-post-pages.html

Предметная визуализация