Упрощенные изменения WordPress темы для лучшей работы с BuddyPress

Благодаря нововведениями по работе с темами в BuddyPress 1.7, а затем их улучшениям в последней на данный момент версии 1.8 значительно упростился процесс подготовки работы любой WordPress темы с вашей социальной сетью на BuddyPress.

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

Подготовка

  • Работаем на тестовой площадке
  • Создаем записи в блоге (если у вас их еще не было)
  • Устанавливаем BuddyPress и активируем его
  • В админке нас попросят изменить ЧПУ – меняем на /%postname%/
  • Ставим плагин BP Default Data
  • С помощью установленного только что плагина генерируем контент сети: заходим в Инструменты -> BP Default Data, на этой странице выделяем галочками сначала все пункты из первой группы и импортируем, а потом все из второй группы и тоже импортируем. Тем самым мы сгенерировали 25 пользователей и 45 групп, а также полноценную (почти) ленту активности (без ответов, только записи первого уровня). Причем у нас и текст, и видео будет в ленте. Также будет создана импровизированная переписка между пользователями и дружеские связи.
  • Устанавливаем и активируем bbPress (настраивать ничего не надо)

Приоритеты

Теперь надо определиться с тем, что мы имеем и хотим делать дальше:

  1. Использовать все, как есть
  2. Менять структуру шаблонов страниц

1. Используем и наводим блеск

В данном случае все очень просто. Заходим на следующие страницы (после дефиса – предполагаемая ссылка, у вас может быть иная):

  • лента активности (каталог) – /activity/
  • элемента одной активности (надо кликнуть в каталоге на дату публикования любой записи) – /members/slaffik/activity/458/
  • каталог групп – /groups/
  • создание группы
  • одна группа – /groups/next/
  • каталог пользователей – /members/
  • один пользователь (лучше всего на свой профиль) – /members/slaffik/
  • регистрация пользователя
  • страница активации пользователя
  • каталог форумов – /forums/

И начинаем методично просматривать все элементы (там где каталоги) и переходить по всем внутренним ссылкам (там где профиль пользователя, группы, форумы). Буду выявлены какие-то мелкие нарушения в отображении – для них и надо будет исправить css стили.

Исправление делается в самом простом варианте следующим образом:

  • Можно использовать любой бразуер, но для удобства советую запустить Firefox с установленным расширением Firebug
  • На проблемном участке верстки сайта нажимаете правой кнопкой мыши и выбираете пункт Inspect element with Firebug
  • Справа вы будете видеть стили элемента. Вам надо поиграть значениями, чтобы исправить отображение. Как? Учите css :)
  • Копируете CSS путь элемента, к которому надо внести изменения и вставляете его в style.css вашей темы. Если стиль, который вы хотите таким образом переопределить, содержит пометку !important – вам ее также придется не забыть потом дописать.
  • Сохраняете изменения и видите улучшенный вид вашего сайта :)

Есть разнообразные подводные камни в верстке ВР, но тут я вам особо ничего уже не подскажу – все делается методом проб и ошибок. Как самый простой пример – есть class="item-body", а есть аттрибут id="item-body" – и они встречаются на разных страницах. После изменения – перепроверяйте, как ваши правки подействовали на других страницах.

Теперь самое интересное – идете в меню установки плагинов и ставите BuddyPlug – это такой себе фильтр работающих плагинов для BuddyPress (которые для него предназначены и с ним работают). Вам надо начать устанавливать плагины, которые вы хотите использовать и смотреть их стили тоже, исправляя при необходимости отображение на их страницах. К сожалению, очень часто будете видеть какие-то некрасивости, потому что подавляющее большинство плагинов пишется и тестируется с темой BP Default – потому там все будет нормально, а в вашей теме может быть и нет.

2. Как изменить структуру шаблона?

О этом вы прочитаете в следующий раз (9 августа) – там достаточно много всего, потому решил разбить всю запись на 2 части, это была более простая. Вторая часть – для более продвинутых пользователей WordPress и BuddyPress.

1 комментарий

  1. 09.08.2013

    […] продолжение предыдущей статьи про изменения в теме, чтобы она лучше выглядела, если у вас на сайте […]

Добавить комментарий

Ваш адрес email не будет опубликован.