Поддержка → BuddyPress → редактировать шаблон
редактировать шаблон
-
сайт http://ялюблюмаркс.рф/
установлен баддипресс, используется дефолтная тема.
ширина колонок (контента и сайдбара) через админку не регулируется.
подскажите, каким образом можно изменить ширину сайдбар (контента) в редакторе темы. В каком файле можно попробывать поискать?
-
в файле style.css, только не советую редактировать дефолтную тему, поскольку изменениям в ней жить — до обновления плагина. Создайте лучше дочернюю тему по официальному руководству
http://cosydale.com/shablony-2-besplatnye-temy-dlya-buddypress.html/comment-page-1#comment-48863
— я что, зря про дочернюю тему писал?
Откройте style.css, и узрите правоту моих слов 🙂* If you want to make a custom theme based on this theme, DO NOT copy and edit it. By
* doing this you will make updates and maintainence much harder for yourself.
* Instead, please read this codex page on how to build a BuddyPress child theme:
*
* http://codex.buddypress.org/how-to-guides/building-a-buddypress-child-theme/Чтобы не быть голословным — я такой трюк уже проделал, добавлением измененных стилей в дочерней теме можно изменить дефолтную до неузнаваемости.
Чуть подробнее http://ru.forums.wordpress.org/topic/%D0%93%D0%BE%D1%81%D0%BF%D0%BE%D0%B4%D0%B0-%D0%BF%D0%BE%D0%BC%D0%BE%D0%B3%D0%B8%D1%82%D0%B5-%D0%9E%D1%88%D0%B8%D0%B1%D0%BA%D0%B0-%D0%B2-%D1%88%D0%B0%D0%BF%D0%BA%D0%B5-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-1?replies=5А так дефолтные стили лежат в /bp-themes/bp-default/_inc/css, править можно и их, но смысл?
Спасибо.
Создал дочернюю тему — работает, наследует дефолтную.
Как теперь задать ширину колонки?
пробовал вставить в style.css строкиif (! isset ($content_width)) $content_width = 541; if (! function_exists ('bp_dtheme_setup')) :которые предлагаются в файле function.php — никакой реакции
Чо не так?Да, в общем-то всё ).
Вам нужен блок сайдбара:div#sidebar { border-left: 1px solid #ddd; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; float: left; margin-left: -226px; margin-top: 1px; width: 224px; }width: — это ширина сайдбара, это значение и нужно изменить(вместе с margin-left:), погуглите правила построения CSS, здесь вам подробно объяснять не будут, не тот форум…
то есть, в style.css новой дочерней темы нужно будет построить всю страницу? и там же задать необходимые значения?
01 <html> 02 <head> 03 <title>Загоовок страницы</title> 04 </head> 05 06 <body> 07 <div class="mainWrap"> 08 <h1>Основной заголовок</h1> 09 <p>абзац текста.</p> 10 <ul> 11 <li>пункт 1</li> 12 <li>пункт 2</li> 13 </ul> 14 </div> 15 <div class="sideBar"> 16 <h2>Второй заголовок</h2> 17 <p>Текст</p> 18 </div> 19 </body> 20 </html>да нет же. Вы приводите листинг HTML файла, в WordPress он получается из php, но это уже частности.
В css файлах нужно добавлять совсем другой код — конкретный пример я выше привел.
Зайдите на http://ru.html.net/ изучите немного матчасть, а то наша беседа начинает напоминать спор немого с глухим 🙂
Поконкретнее — http://ru.html.net/tutorials/css/Спасибо большое за сслыку — довольно доступно и интересно построены уроки на предложенном сайте, в свободное время читаю (благо на работе сейчас времени хватает))).
По крайней мере теперь могу «прочитать» выше предложенный код, понимаю его значение.Интересный эффект получился после установки дочерней темы.
До этого — контент отображался нормально, а вот виджеты в сайдбаре обрезались (с абсолютным значением ширины) или ужимались до нелицеприятного значения в 220 пикселей.
После установки — виджеты в сайдбаре отображаются нормально, а вот крайне правая часть контента залезает под сайдбар.П.С. возможно повлияло не установка дочерней темы, а мои эксперименты с изменениями значений переменных в файле function.php. просто не вовремя заметил?
возможно изменения наступили после добавления в style.css кода предложенного krioteh, но врядли — после удаления кода осталось тоже самое.
Вот ссылка на сайт в том виде в котором он существует сейчас http://ялюблюмаркс.рф
может кто опытным взглядом и поймет в чем проблемаdiv#content .padder {
border-right: 1px solid #DDD;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
margin-right: 225px;
}margin-right: 225px; меняйте на свое значение (285, вроде) и будет вам счастье.
З.Ы. Если пользуетесь браузером Chrome, щелчок правой кнопкой — просмотр кода элемента. В правой панели будут очень наглядно отображаться примененные стили.
Вернулось все к началу — контент виден полностью, а крайняя правая часть изображений в сайдбаре «срезается» и не видна.
Самое интересное, что менял значения свойств margin-right: и margin-left: даже на заведомо чрезмерно большие значения — и даже тогда никаких изменений во внешнем оформлении страницы.
Сейчас файл style.css выглядит так:/** * Theme Name: BuddyPress Default chield * Template: bp-default * Tags: buddypress, two-column */ div#content .padder { border-right: 1px solid #DDD; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; margin-right: 285px; } div#sidebar { border-left: 1px solid #ddd; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; float: left; margin-left: -266px; margin-top: 1px; width: 264px; }Так все в порядке. Зайдите на сайт и нажмите F5 )
действительно!
невероятно, но факт — F5 помог. Интересен будет комментарий бывалого чела:
работаю на Mozilla firefox. Делал изменения значений свойств width и margin-left в вышеуказанном коде, сохранял изменения в файле style.css после этого переключался на другую открытую вкладку (со страницей подопытного сайта)и на ней щелкал по навигации для перехода на другую страницу сайта, или нажимал кнопку «обновить» в браузере — никаких внесенных изменений не наблюдалось.
Изменения вступили в силу только после использования F5 для обновления страницы.
Почему? Это свойственно только для файрфокс или для других браузеров тоже?Спасибо на полезную ссылку — http://ru.html.net
Очень доступно изложен материал по вэб-программированию.
Полнстью прошел курс CSS, после чего решил прочитать предложенный курс по html — до этого проходил курс на другом источнике. О решении не пожалел. Завтра-послезавтра дочитаю и начну php.
Рекомендую этот ресурс всем!файлы CSS (и куча других ресурсов) кешируются браузером и повторно при открытии страниц не скачиваются, пока время жизни кеша не кончится, F5 — та же кнопка «обновить», только с безусловным указанием на повторную загрузку всего контента. Если изменения ведутся на рабочем проекте, версию темы нужно менять и применять повторно, это для того, чтобы браузеры пользователей, открывавших сайт на каком-то этапе разработки автоматически получили указание на повторную загрузку кешированного контента (в данном случае файлов темы).
Спасибо большое за оказанную помощь — проблема решена.
— вот результат!Хотелось бы немного подытожить, может кому пригодится.
1. Дефолтная тема БП — достойна внимания. Не обязательно искать более функциональные бесплатные шаблоны или приобретать платные лишь для того, чтобы Ваша социалка отличалась от других.
2. Различные цветовые решения, шрифты, структуру шаблона можно изменить до неузнаваемости редактируя файл style.css
3. Для этого не обязательны глубокие познания html, php, css — скорее всего достаточно будет материала отсюда — очень доступно все изложено.
4. Спросите совета у более опытных пользователей создав тему на этом форуме. Главное — перед этим прочитайте правила форума!
5. Не вносите изменений в саму дефолтную тему — корректнее будет создать дочернюю тему — это делается за 5 минут на самом деле — инструкцию можно найти на этом форуме — более конкретно описано на английском языке — пользуйтесь переводчиком.
6. внеся изменения в файл style.css проверяйте результат, обновив открытую в другой вкладке страницу сайта КЛАВИШЕЙ F5 — когда работал со своим сайтом, много времени просто убил, пытаясь увидеть результат редактирования, обновляя страницу кнопкой браузера — в этом случае браузер как правило берет некоторые данные из кэша.
Всем удачи!
- Тема «редактировать шаблон» закрыта для новых ответов.