Шаблон: русская BuddyPress тема – CosmicBuddy!

Представляю вам достаточно сложный, но интересный шаблон oт BuddyDev CosmicBuddy. Сложный, потому что настройка займет некоторые время; интересный, потому что дает возможность гибко настроить внешний вид вашей социальной сети на BuddyPress.

Посмотреть на шаблон в действии вы можете у меня на демо-сайте (неожиданно, правда?) :)

Особенности русской BuddyPress темы CosmicBuddy:

1. светлый шаблон в голубых тонах;
2. гибкий в настройке;
3. 7 зон для виджетов;
4. вместе с шаблоном поставляется дополнительно 4 виджета;
5. не зависит от других шаблонов (в том числе и от bp-sn-parent).

Установка и настройка шаблона CosmicBuddy:

1. Скачайте архив шаблона CosmicBuddy себе в компьютер, распакуйте.
2. Залейте папку /cosmicbuddy/ в папку /wp-content/themes/.
3. Залейте папку /cb-slides/ в папку /wp-content/plugins/.
4. Залейте файл cb-widgets.php в папку /wp-content/plugins/.
5. Зайдите на страницу “Администратор → Темы” и разрешите использование этой темы.
6. Зайдите на страницу “Плагины” и активируйте Cosmic Buddy Addons и Cosmic Buddy slide show.
7. Зайдите на страницу “Внешний вид → Темы” и  активируйте шаблон CosmicBuddy.
8. Зайдите на страницу “Внешний вид → Настройки темы”. Здесь вы можете указать путь к рисункам ваших логотипов. Первое поле: адрес большого логотипа, который будет отображаться под навигационной панелью на белом фоне. Второе поле: адрес рисунка, который отображается в навигационной панели (там, где Главная, Блог, Пользователи, Группы…). Третье поле: адрес рисунка, который отображается в навигационном блоке в подвале сайта. Второе и третье поле содержат рисунки одинакового размера. Адрес ко все рисункам прописывайте полный, то есть вместе с http и адресом вашей сети.
9. Зайдите на страницу “Внешний вид → Виджеты”, сейчас будем настраивать блоки с виджетами:

Виджеты CosmicBuddy

Зона welcome-section:

Отображается только на главной странице. В самом верху левого блока (сразу под большим логотипом сайта). Используйте этот виджет только если собираетесь вставить карусель Cosmic Buddy slide show или хотите написать приветственно сообщение пользователям (для этого используйте Cosmic Buddy Welcome Widget, который отличается от стандартного приветственного виджета тем, что не дублирует его заголовок).

Cosmic Buddy slide show:

Отображение последних трех записей из определенной рубрики вашего основного блога. Записи должны содержать ключ slide-image и иметь в значении полный путь к картинке. При использовании этого виджета НЕ вводите его заголовок, оставьте поле пустым. Рубрики можно разделять запятыми. Запустить этот плагин (точнее сделать так, чтобы заработало отображение рисунков) у меня не получилось, но я его перевел, пробуйте у себя.

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

Зона homepage-first-section:

Если вы хотите разместить  какой-нибудь виджет  в качестве единой колонки на всю ширину шаблона (кроме сайдбара, конечно же), то вставьте сюда, что хотите. Подходит идеально для виджета активности и/или последних записей в вашей сети.

Зона homepage-main-col1 и homepage-main-col2:

Этот блок виджетов разбивает шаблон на две колонки (левую и правую соответственно). Если вы вставили сюда хоть что-нибудь,то по замыслу разработчика Brajesh Singh отключалась зона homepage-first-selection. То есть мог быть или одноколоночный вариант шаблона, или двухколоночный.

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

Сюда также можно вставить виджеты Пользователи и Группы (слева и справа соответственно).

Зона sidebar:

Это сайдбар, который отображается на всех страницах сети, кроме пользовательских страниц и блогов вашей сети. Так как в самом шаблоне нет формы для авторизации и поисковой формы, то я советую в самое начало сайдбара вставить виджеты Cosmic Buddy Login Widget (который выводит форму авторизации, если человек не зашел в свой аккаунт, и ничего не выводит, если человек авторизоваля) и Cosmiс Buddy Search Widget (для поиска других пользователей, групп, форумов и блогов; отображается всегда). Потом можете вставлять все, что вашей душе угодно.

Зона blog-sidebar:

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

Сюда также логично было бы добавить форму авторизации Cosmic Buddy Login Widget.

Зона profile-sidebar-top:

Страница профиля состоит из трех колонок: 1) ваше фото и блок ссылок под ним; 2) непосредственно содержание – профиль, активность и прочее; 3) сайдбар, где можно вставить вверху собственный виджет (то есть админ сюда вставляет для всех что-то), также тут отображаются “Мои друзья” и “Мои группы”.

Как идея: в этот сайдбар можно вставить или рекламу, или текстовое сообщение (как это сделал я на демо), или опрос. Сюда также логично было бы добавить форму авторизации Cosmic Buddy Login Widget.

С виджетами мы закончили. Теперь перейдем к подвалу сайта. На главной странице отображаются Последние записи (вашего основного блога, доступного по адресу /blog), Последние комментарии (ко всем записям всех блогов) и Ключевые слова (основного блога). В блоке Последние записи я сделал, чтобы отражались не первые 60 символов самой записи, а ее заголовок, что логичнее, на мой взгляд. И было три записи – стало 5 (для гармонии по размерам с блоком комментариев). Изменить все и вставить свой код вы можете в файле featured-bottom.php в корне шаблона.

Подвал сайта:

К сожалению, автор оставил несколько недоработанных мест в подвале. Кое-что я доделал, кое-что расскажу вам, чтобы вы сделали под себя. Там внизу есть ссылки О сайте, Приватность, Условия, Блог, Форумы, Реклама. Все они БЕЗ url, то есть вам самим придется прописать адрес страницы, на которую будет вести та или иная ссылка, внутрь href=”". К примеру: href=”http://cosydale.com/services”. Вы можете также изменить текст ссылок на нужный вам.

Скриншоты шаблона

Скриншот 1

Скриншот 2

Некоторый текст был вписан прямо в рисунки, так что мне пришлось редактировать его и делать рисунки с русским текстом (например, табы фильтрации активности). Соответствующие PSD файлы я сохранил в папке /images/.

Также пришлось в некоторых местах дописать стили, так как смотрелось очень уж неудачно. В частности, ссылку Все я передвинул на правый край.

Приятного и плодотворного использования! Если вы хотите по достоинству оценить всю проделанную мной работу по изменению, настройке и описанию работы этого бесплатного шаблона, то я был бы благодарен любой сумме, переведенной на Z178280199536 или R606370912868. Всех, кто захочет мне помочь, я отмечу на странице Ссылки с прямой ссылкой на ваш сайт! Заранее спасибо.