Как украсить блог на WordPress

Добрый день, читатели блога FairHeart.ru! В этой статье я расскажу о том, как украсить блог. Я собрал самые лучшие плагины для WordPress, которые позволят украсить ваш блог современными визуальными эффектами. Конечно, главное — это содержание. Посетитель заходит на блог в поисках интересующей его информации, но ведь важно еще и красиво преподнести эту информацию. Только не стоит перебарщивать — во всем нужно знать меру.

Визуальные эффекты для картинок

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

• WP Lightbox 2 — очень простой плагин для лайтбокса (lightbox).
• NextGEN Gallery — просто комбайн для работы не только с картинками, но и с другими медиа файлами. Прекрасно подходит для добавления на блог красивых галерей и альбомов. Так же поддерживает возможность создания лайтбоксов, но несколько сложнее, чем это можно реализовать с помощью плагина WP Lightbox 2.
• WordPress Content Slide — красивый и простой слайдер. Очень быстро настраивается и легко добавляется на страницы блога.

Плагин Special Text Boxes — красивые заметки для WordPress

Скачайте Special Text Boxes, распакуйте архив и загрузите папку с файлами плагина на сервер в директорию wp-content/plugins, используя бесплатный ftp клиент FileZilla. После активации плагина, для его настроек появится отдельный пунк в меню админки WordPress — «Подсветка текста».

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

Второй раздел настроек называется «Стили». В нем представлены все стандартные стили оформления текста. Их вполне хватит, чтобы красиво оформить заметки, предупреждения и другой полезный текст, который следует выделить из общей массы.

Если стандартных стилей вам не хватает, то можно создать новый стиль, используя третий и последний раздел настроек плагина с характерным названием «Новый стиль». Создание нового стиля сводится к настройки его цветовой гаммы и иконок. Только не забудьте заполнить поле «Ярлык» — ID для данного стиля, с помощью которого потом и будет выводится специальный текст на страницы блога. При этом используйте только латинские буквы.

Как добавить специальный текст на блог:

1. Чтобы добавить его в записи и страницы блога, используя визуальный редактор WordPress, воспользуйтесь новой кнопкой:

Если вы предпочитаете использовать HTML редактор, то воспользуйтесь следующим кодом:

[stextbox id="info"]Это текст заметки[/stextbox]

Используемый стиль оформления текста, определяется параметром id.

2. Special Text Boxes добавляет новый виджет в WordPress под названием «Специальный текст»:

1. Заголовок — данный пункт характерен для всех виджетов.
2. Поле для ввода текста.
3. Индикатор блока — определяет стиль оформления текста.
4. Выполнить как код PHP — поставьте галочку напротив этого пункта, если вы вводите код PHP и хотите, чтобы на блоге был выведен результат его выполнения.
5. Последние пункты настроек виджета определяют на каких страницах блога, он будет виден.

Page Peel — эффект загнутого уголка страницы

Когда я делал свой первый в жизни сайт, то использовал чистый html и только для одной цели пришлось добавить несколько строчек кода на php: чтобы уголок страницы был красиво загнут. Тогда мне это казалось очень красивым визуальным эффектов даже не смотря на то, что сайт тормозил из-за него, да и сам уголок работал очень коряво. Чтобы добавить этот уголок на WordPress не придется вставлять какой-то дополнительный код, достаточно воспользоваться простым плагином Page Peel.

Плагин устанавливается стандартно, после его активации сразу же отредактируйте настройки, которые располагаются в разделе «Параметры» — «Page Peel Options».

1. Page Peel Ad URL — URL адрес страницы, которая откроется после клика на уголок.
2. Page Peel small image URL — адрес маленькой картинки размером 75 на 75 px, которая видна до наведения на уголок курсора мыши.
3. Page Peel big image URL — адрес большой картинки размером 500 на 500 px, которая появляется после наведение на уголок курсора мыши.

Конечно, самое главное в настройках Page Peel именно изображения. Маленькая картинка выполняет функцию приманки, которая должна привлечь и заинтересовать читателя, а большая заставить его нажать на баннер. Эти две картинки следует поместить в папку wp-content/plugins/page-peel на сервере, тогда достаточно будет сменить их имена в конце адреса указанного по-умолчанию.

Simple Counters — красивая подписка на RSS ленту новостей блога и Twitter

Еще одним украшением вашего блога на WordPress могут быть счетчики подписчиков на RSS ленту новостей и Twitter, создаваемые плагином Simple Counters. Что отличает эти счетчики от других подобных? Они всегда на веду и просто приковывают к себе взгляд пользователя — так и манят подписаться. Но все-таки советую, размещать счетчики на своем блоге только тогда, когда наберется достаточное количество подписчиков. И это чисто психологический момент — никто не хочет подписываться на то, на что другие не подписались. Стадное чувство. Может и грубо звучит, но так оно и есть.

Скачайте Simple Counters, перекиньте папку с его файлами на сервер в каталог wp-content/plugins и активируйте его. Настройки в админке WordPress проживают по адресу «Параметры» — «Просто счетчики». Все они полностью на русском языки и каждая опция хорошо описана.

Три раздела настроек Simple Counters:

1. Основные.

Чтобы счетчики заработали, необходимо указать URL адрес ленты новостей блога, который вы получили после добавления RSS канала на сервис FeedBurner, а также учетную запись в Twitter'е.

2. Бейджик.

Эти опции служат для настройки внешнего вида счетчиков — позиция на странице, цвет шрифта, границы и градиента. Кроме того, можно поменять сами картинки — есть новогодние версии, которые лежат в папке плагина simple-counters/images.

3. Подсказки.

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

Как украсить меню блога

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

Здесь же я расскажу о другом интересном плагине, который добавляет картинки к пунктам меню блога.

Category and Page Icons — добавление иконок для пунктов меню

Скачайте Category and Page Icons, распакуйте архив и загрузите его содержимое на сервер в папку wp-content/plugins, активируйте через админку WordPress. Для своих настроек плагин создан отдельный раздел Icons.

В разделе «Параметры» необходимо указать размер иконок. Папку для их хранения на сервере можно и не менять.

В папке плагина img содержаться несколько иконок, но на них смотреть страшно. Лучше скачайте новые и красивые из интернета. Найти их просто — на запрос «скачать иконки для сайта» Google или Яндекс выведют огромное количество предложений.

Новые иконки следует добавлять только через раздел настроек «Icons» — «Add / Delete icons», плагин автоматически загрузит их на сервер и конвертирует в нужный размер. Если картинки в ручную перекинуть на сервер, Category and Page Icons их просто не увидит. Не забудьте удалить оригинальные изображения, чтобы они не занимали место на ftp, которого и так всегда не хватает.

Теперь остается только задать для каждой категории и страницы свою иконку. Для этого используйте вкладки Assign icons to Pages и Assign icons to Categories. Иконки добавляются в сами ссылки, поэтому будут очень ровно и красиво смотреться.

Кроме всего выше рассмотренного, обязательно не поленитесь добавить на блог хлебные крошки (Breadcrumb NavXT), которые помимо красоты и удобства служат для дополнительной перелинковки страниц, и постраничную навигацию (плагин WP-PageNavi или WP Page Numbers).

На этом на сегодня все. Спасибо за внимание! Берегите себя.