Новая жизнь. Web-студия Татьяны Самойловой.

Custom Community. Настройка внешнего вида и функционала

Опубликовано Дек 1, 2010 в Блог, Сайты "под ключ". SEO, SMO,SMM


Theme Setting. (шаг за шагом по скриншотам)

В BP Custom Community  есть замечательная встроенная функция  — настройка внешнего вида темы. Называется она Theme Setting и расположена в самом низу панели администрирования (низ  консоли слева). Возможности  её  просто фантастические, с её помощью можно:

  • выбрать стиль оформления сайта,
  • выбрать количество сайдбаров (дополнительных колонок страниц),
  • подобрать колористику всех основных элементов,
  • настроить шапку и выровнить позиции её элементов,
  • отобразить или скрыть панель навигации пользовательских сообществ,
  • установить отображение элементов  BuddyPress или напротив запретить их показ
  • прописать дополнительно css-коды различных элементов, не заходя в редактор внешнего вида,
  • установить отображение слайд-шоу и определить категории, которые в нём будут показываться
  • ещё много чего

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

Пользоваться Theme Setting надо следующим образом…

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

Открывая Theme Setting с чистого листа, вы видите вот такую картинку:

Часть I. Страница 1.  Главные настройки.

Традиционно движемся сверху вниз.

В первой позиции вы выбираете стиль оформления своего сайта. Я выбрала «лёгкий» .

Во второй позиции вы выбираете количество и расположение сайдбаров (дополнительных колонок) на своём сайте.  Я выбрала «и слева, и справа».

В третьей позиции вы выбираете общий цвет сайта (или подложку). Её я оставила в  неизменном состоянии. Поэтому сразу замечу, что если  какой-то элемент, предложенный  по дефолту,  вам нравится, то не трогайте его,  этот элемент уже настроен.

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

Выбирайте цвет тщательно, это ваш базовый цвет, просматривайте его в окне отображения текущего положения цвета. Когда вас всё устроит,  нажмите на разноцветную кнопочку в правом нижнем углу — цветовое табло закроется, а в поле появится код выбранного цвета. Теперь не поленитесь сохранить изменение, нажав кнопку «save changes», и отсмотрите изменение на Preview. Если что-то не понравится — процедуру повторить. Если всё устраивает, движемся дальше, т.е. вниз от предыдущей позиции.

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

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

Движемся вниз. Седьмая позиция. Это цвет ссылок. Обычно принято ссылки помечать синим или красным цветом. Но это дело вкуса и личных предпочтений.

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

Уфффф….  Скорее сохраните все изменения и смотрите на превью — полдела, считайте, сделано.

Часть II. Страница 2. Настройки «шапки».

Открывайте страницу, озаглавленную Header. Первые шесть  позиций я особо трогать не стала, они настраивают шапку и логотип по дефолту, поменяла только «Desabled» на «Enabled» . Хотя, если кто-то хочет поэкспериментировать — флаг в руки! Далее, начиная с седьмой  позиции,  речь идёт об окне поиска в шапке. Мне это окно было не нужно, поэтому я поставила «Desabled» и больше на этом окне поиска не заморачивалась.

Часть III. Страница 3. Настройки  меню.

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

Поэтому коротко опишу назначение позиций.

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

Вторая позиция — положения поля навигации сообществ. У меня — слева.

Третья позиция — цвет шрифта меню. Я выбрала свой базовый светлый цвет фона темы.

Четвертая позиция — цвет шрифта меню при наведении на него курсором. Я выбрала базовый цвет моего шрифта.

Пятая позиция — цвет фона меню. Снова выбраза базовый, но теперь уже  базовый тёмный.

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

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

Вот и все. Сохранитесь. Просмотрите на Preview. И если всё ок, переходите к следующей замечательной странице. 🙂

Часть IV. Страница 4. Настройки BaddyPress .

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

Потому что в первой позиции определяется будет ли отражаться профиль пользователей. В моём случае — да, будет.

Вторая позиция предлагает вам выбрать нужно ли вам отражение для активного пользователя его статуса (вход, выход, аватарка). Хорошая функция. У неё единственный недостаток, она не даёт возможности пользователю прямиком  потопать в свою консоль. Поэтому я установила плагин Theme My Login, который эту функцию реализует и о котором ещё расскажу.  И для того, чтобы не было «масла масляного», во второй позиции на этой страничке я поставила «off».

Часть V. Страница 5. Перезапись существующего CSS.

Если вы большой знаток css-кодов, то вам сразу стало ясно, что это очень нужная страница. И объяснять ничего не надо.

Ну а если пока для вас это не очень понятно, то лучше пока пропустите эту страницу и не заморачивайтесь. Но почему-то я уверена, что вы к ней непременно вернётесь. Через недельку-другую. Потому что это очень и очень полезная страничка. 🙂

Часть VI. Страница 6. Слайдер или слайд-шоу.

Вот и последняя страничка. Самая прикольная. Потому что, если вы выбрали тему Custom Community, то не в последнюю очередь из-за того, что эта тема на главной оснащена слайдером. Как настраивать слайдер и изменять его дизайн, смотрите  тут.

А на этой страничке нужно сделать следующее:

—  Первая позиция — будете включать слайдер? Вопрос слегка дурацкий, но на всякий случай пишем — «ага, будем», т.е. Enabled.

— Вторая позиция вопрошает о том, какие категории (рубрики) будут отражаться на вашем слайдере.  Список доступных категорий  прилагается. Мне все категории одинаково милы, поэтому я выбрала «все категории».

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

Успехов! 🙂

Читатели рекомендуют прочесть:



24 комментария

Присоединяйтесь к беседе и оставляйте комментарий.

  1. Alex

    Пожалуйста почините сайд бар справа!

  2. admin

    Полагаю, что поскольку разработчик шаблона Custom Community не настаивает на обязательности ссылки на него, пользователь вправе самостоятельно решать вопросы оформления своего футера. То же самое может быть отнесено и к Wopdpress/
    Кстати, пользуясь случаем, как Вам новая версия Budypress 1.2.7? Вы локализованную поставили?

  3. Дмитрий

    Татьяна, подскажите вы пробовали в слайдер этой темы выводить страницы, а не статьи.

    у меня не выходит. Подскажите, пожалуйста, если Вам это удалось.

    • Tatiana

      Здравствуйте, Дмитрий! В этом шаблоне страницы в слайдер не выводятся, выводятся только записи (статьи) по категориям (разделам).
      Вообще, я не встречала тем Вордпресс с выводом в слайдер на главной статичных страниц.
      Если очень надо вывести страницу, попробуйте создать её клон в виде записи.
      Или используйте второй вариант — изменение php-кода в файле slider.php
      Придётся вручную прописывать id страниц, которые вы желаете видеть в слайдере.

  4. Аноним

    Ой как замечательно что я нашел хоть кого-то, кто немножко в этом шаблоне соображает. Вопрос прост, но самому на него ответить не получилось, помогите, пожалуйста. Опубликовал 2 статьи с картинками. Картинка из первой (зимнее строительство) отображается в слайдере, а из второй (секционные ворота) — нет. Почему? что не так делаю?

    • Tatiana

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

  5. Ольга

    Добрый день =) Может быть хоть Вы мне поможете… В слайдшоу по умолчанию выводятся миниатюры последних 4 постов, но в настройках темы есть функция вывода определенных постов.. Но я не понимаю, что нужно написать, чтобы они выводились. Причем есть функция вывода страниц, она работает, а вот эта сортировка, не понимаю логики написания запроса..
    Вот, прилагаю скриншот. Может бы сможете подсказать, замучилась уже =(
    http://i30.fastpic.ru/big/2011/1122/f2/ee32c75cb9e5d26979561fdf818bc8f2.jpg

    • Tatiana

      Ольга, здравствуйте!
      Я полагаю, что иногда лучше недомудрить, чем перемудрить.
      Создайте отдельный раздел для тех постов, которые Вы хотите выводить в слайдер.
      К примеру назовите его «Слайдер».
      И всем постам, выводимым в слайдер, присваивайте этот раздел наряду с другими.
      Собственно так я и поступала, когда использовала именно этот шаблон темы WordPress,
      Если что-то не получится, пишите.
      Будем думать дальше.

  6. Ольга

    спасибо, Татьяна =) Именно так я и сделала, ну и плюсом скрыла рубрику для слайдшоу в списке рубрик, который у меня выводится в сайдбаре. Теперь все как надо и красиво =)

  7. Сергей

    Здравствуйте!
    Не могу найти файл CSS
    style.css и еще некоторые нашел в папке с темой, но они не содержат нужной информации (искал настройки для хедера)
    style.css вобще почти пустой
    В консоли в меню управления темой конечно есть место, где можно перезаписать CSS, но так очень сложно, я не вижу, что уже установлено(например не мог посмотреть ширину)
    Где можно найти полный файл настроек CSS ?
    Спасибо.

    • Tatiana

      Список стилей содержится в style.css Просмотрите его ещё раз внимательно. Попробуйте воспользоваться поиском по тексту (Ctrl-F) и поищите часть слова — head

  8. Серёжа

    Ребята, а файл локализации этой темы у кого-нибудь имеется?

    • Татьяна

      Серёжа, у этого шаблона есть локализация.

      • Серёжа

        И правда, в правильных местах качать надо было. Впрочем, он какой-то убогий.
        А вот ещё вопрос. Кто-нибудь представляет, как в пузыри под слайдером засунуть только одну категорию?

  9. Владислав

    Добрый день! ПОдскажите пожалйста как в футере этой темы custom comunity убрать стандартную ссылку на wordpress?

    • Tatiana

      Здравствуйте! В админ-панели заходите в редактор темы, там выбираете footer.php
      Находите строки, содержащие copyright код custom comunity и вырезаете его.
      Если никогда не работали с кодом, советую сначала сохранить код файла footer.php в текстовый блокнот или в Ворд. Чтобы была возможность восстановить.

  10. Temo4kin

    Добрый вечер!
    Мне тема всем понравилась. Долго искал, многое перепробовал… И вот решил остановиться на ней. Не могу сказать, что слайдер явился главным фактором этого решения… Но ведь он есть и довольно симпатичный.
    И вот когда закончил наполнение сайта, со слайдером случилась беда — правый блок, что отображает миниатюры записей слайдера, съехал куда-то вправо. И теперь вместо картинок с кратким описанием остались только картинки. И кроме того, клик по записи не приводит к открытию выбранной записи.

    Может кто-то сталкивался с подобным? Изменений больших в код не вносил.

    • Tatiana

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

Оставить комментарий