Шаблон: русская 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

Виджеты 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=”https://cosydale.com/services”. Вы можете также изменить текст ссылок на нужный вам.

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

Скриншот 1

Скриншот 2

Извините, этот файл сильно устарел и больше нет возможности его скачать.

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

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

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

комментариев 37

  1. Веселый шаблон, но в нем надо сильно поработать с css.. межстрочное расстояние – ужасно маленькое…

    зы: у меня приблизительно такая же компоновка на портале лица сайта :)

  2. @Александр:

    Спасибо за тему!

  3. wcp:

    А почему на демке произошел возврат к дефолтной теме? Что не так с космиком?

  4. @wcp:
    Ну есть проблемы с css в космике. Да и на демке я показываю стандартный функционал и шаблон, который, кстати, лучший, чем остальные, на мой взгляд.

  5. Илья:

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

  6. @Илья:
    Вам редактировать отображение или стили?
    Стили – в папке шаблона: _inc/css/adminbar.css
    Отображение (html): /wp-content/plugins/buddypress/bp-core/bp-core-adminbar.php – но это только если вы разбираетесь в php :)

  7. Илья:

    В достаточной степени, чтобы редактировать файлы и убирать ненужные функции из движков:)
    Спасибо, просто впервые работаю с MU и не мог понять, где это меню в шаблоне расположено, хочу просто убрать из него ненужные пункты)

  8. Rustamus:

    Здравствуйте
    Настраиваю эту темку.
    Появился вопрос:
    добавляю в сайтбар виджет “последние комментарии”
    отображается только имя автора комментария и название блога, который откомментировали.
    как добавить возможность отображения текста комментария?

  9. @Rustamus:
    Для этого используйте не стандартный виджет комментариев, а установите и настройте Recent Comments+ (как-то так называется – очень гибкий).

  10. Rustamus:

    Да, спасибо, помогло.
    модуль называется Get Recent Comments

  11. Rustamus:

    В этой теме отсутствуют кнопки “добавить в друзья” и “отправить сообщения” при просмотре профиля пользователя.
    Автор темы обещает в ближайшее время выпустить релиз этой темы, где будут устранены эти (и не только эти) ошибки

  12. Evgeniya:

    Устанавливаю тему. Но когда пытаюсь активировать плагины Cosmic Buddy Addons и Cosmic Buddy slide show, то выдаются ошибки ….wp-content/plugins/cb-widgets.php on line 12 и …..wp-content/plugins/cb-slides/cbslides.php on line 67
    Подскажите, в чем тут дело?

  13. Вы плагины активируете до установки и активации самой темы или после?

  14. Evgeniya:

    Я тему разрешила в Администрирование -> Темы
    В Дизайн -> Темы она еще не активирована.

  15. Soarer:

    Тема по виду прикольная, но нормально установить не удалось. Сначала пошли уведомления об отсутствующих функциях, затем выяснилось, что тема работает только на морду сайта и на некоторое страницы, но не работает, например, на странице members. В итоге, после обновления buddypress, вверху страницы появились какие-то меню от самого Buddy. Что может быть? Как правильно поставить тему?

  16. @Soarer:
    Вы неправильно установили шаблон. Помочь мне тяжело, так как я не знаю, что и куда именно вы скопировали.
    Внимайте прочитайте блок Установка и настройка шаблона.

  17. Evgeniya:

    Подскажите пожалуйста! А как включить тему и на страницы пользователей? Что-то никак не отыщу!..

  18. @Evgeniya:
    Активируйте этот шаблон – и все.
    И проследите, что у вас нет папки /wp-content/bp-themes/. Если есть – удалите ее или переименуйте.

  19. я тут выяснил причину, почему у меня отвалилось меню BuddyPress в админке…
    первоначально весь вопрос озвучил на форуме…

    http://ru.forums.wordpress.org/topic/%D0%BE%D1%82%D0%B2%D0%B0%D0%BB%D0%B8%D0%BB%D0%BE%D1%81%D1%8C-%D0%BC%D0%B5%D0%BD%D1%8E-buddypress-%D0%B2-%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD%D0%BA%D0%B5?replies=4#post-14448

    но думаю и здесь есть смысл его обозначить…
    ——
    BP падает когда активирован шаблон Cosmic Buddy 1.0 от Brajesh Singh
    во всяком случае выявил причину…

  20. забыл добавить…
    для решения причины, снёс BP, переустановил – всё работало…
    и по мере установки и русификации – всё работало…
    и только после установки темы… заметил, что произошло отключение меню… ну, оно не отключаеЦа, а перенаправляет на главную консоль.

  21. не знаю, как у всех… но удалив полностью, и перестанавливая тему. заметил, что отваливаеЦа менюха в админке на этом этапе…
    7. – Зайдите на страницу “Внешний вид → Темы” и активируйте шаблон CosmicBuddy.
    т.е. сразу после активаЦии…

  22. удалось заставить работать виджет Cosmic Buddy slide show:
    пошагово…
    1 использую фото которое вложили в материал, прописываем полную ссылку с ключём slide-image ниже под статьёй… http://www.wp-info.ru/vypadayushhee-menyu-v-wordpress/

    2 в настройках самого виджета просто указываем ID не рубрики, а Записи в формате 01,02,03

  23. Славик, приветствую…
    вышла свежая версия шаблона на офсайте под BP 1.2.3
    смотрю ты в текущее время поставил себе план максимум по локализации шаблонов и плагинов… может и этот переведёшь заодно…

  24. Ден:

    Сразу после установки темы – белый экран и всё. Не откатить.

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

  26. Vladber:

    Скажите пожалуйста как изменить название “Друзья” и “Заявки в друзья” на другое?

    • 5 простых шагов:
      1. Скачайте Poedit.
      2. Откройте файл /buddypress/bp-languages/buddypress-ru_RU.po
      3. Измените нужные строки.
      4. Нажмите Save catalog или Сохранить каталог.
      5. Обновленный buddypress-ru_RU.mo файл загружаете на сервер.

    • Хм, то, что я написал выше, относится к переводу BuddyPress.
      Я уже не помню этот шаблон, но там некоторые строки сделаны в виде рисунка. Находите рисунок и редактируете в фотошопе.

  27. Сергей:

    эта тема как я понимая BP 1.5 не поддерживает?

  28. Мне нужно сделать то же самое, но после последнего обновления BP у меня в этой папке только такой файл: buddypress.pot

    • В админке на странице обновлений зайдите. Там будет внизу секция Переводы – если видите, что надо обновить перевод – нажимаете обновить и у вас в папке /wp-content/languages/plugins/ появятся 2 файла перевода, который вы можете менять как вам угодно. Эту переводы скачаются отсюда.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *