мая
Обзор темы для WordPress BizFresh
Работа с шаблоном для WordPress BizFresh. Редактирование, настройка и использование.
Когда только начинал делать свой блог, перепробовал множество тем и остановился на этой. Изначально тема была какой-то мультяшной и со временем я сделал её более серьёзной. Хотя и сейчас бывает нахожу недочёты и дорабатываю дизайн. Структура темы: два сайдбара, большая шапка и небольшой футер. Из положительных качеств отмечу: удобная навигация, есть где развернуться для информации и рекламы. Кстати, в данной теме сайдбары расположены справа, видел также вариант расположения их в левой части блога.
Начальный вид шаблона представлен на скриншоте внизу. Можно сразу увидеть те изменения, которые я сделал.
Каждый веб-мастер много времени уделяет дизайну своего сайта и я в этом вопросе не исключение. Просматриваю блог в трёх браузерах: Opera, Internet Explorer, Mozilla Firefox и каждый выдаёт немного разные результаты.
Интересно узнать какими вы пользуетесь браузерами для просмотра и редактирования своего проекта?
На самом деле поднял вопрос шаблонов для WP для того, чтобы поделиться с читателями небольшим опытом в редактировании данной темы. На многих блогах видел как авторы из стандартных шаблонов делали очень красивые проекты, но мало кто из них обсуждает это и рассказывает о своих нововведениях.
Возможно найдутся люди, которым понравилось то, как я изменил данную тему и хотят применить у себя на блоге. Если у кого-то возникли вопросы или замечания, то вы можете обсудить это в данной теме, я с удовольствием приму участие в помощи по дизайну.
Также пользуюсь удобным плагином Firebug в браузере Mozilla Firefox для редактирования и просмотра исходного кода отдельных блоков.
После каждой статьи можно заметить панель навигации (добавление в закладки, подписка, комментарии и рубрики, связные записи), которую я собрал из разных блоков, используя разные плагины и коды.

В шаблоне пришлось корректировать панель навигации в шапке, т.к. при большем добавлении страниц на блог они налазили друг на друга. Решил проблему изменением (уменьшением) размера шрифта, к тому же прежний был довольно таки большой.
![]()
Также я убрал вывод после заголовка строчки “Автор:Den“, т.к. считаю это лишней опцией; много занимался сайдбарами и шапкой.
Тема BizFresh расспространяется бесплатно, поэтому её можно скачать на многих ресурсах. Например, здесь (есть возможность демонстрации).
Дизайну блога следует выделять отдельное внимание. Очень приятно находиться на блоге с красивой задумкой оформления и удобной навигацией. Если у вас есть какие-то замечания, вопросы или предложения, то пишите, я с радостью приму участие)
Как вам этот шаблон? Есть ли опыт в работе с данной темой?















17 Янв 2011 в 23:53
Тема действительно отличная. Поставил себе. Теперь вот с плагинами занимаюсь. Надеюсь на вашу помощь если возникнут вопросы с этой темой. Можно обратиться за помощью если что, а то я чувствую у меня возникнут вопросу по поводу отображения некоторых плагинов в этой теме, а Вы я вижу в ней разобрались досконально, я пока тему только настраиваю, поэтому блог почти пустой, так как хочется сначала разобраться с дизайном. Мой блог
Сможете помочь?
Если все с дизайном что я хочу сделать у меня с вашей помощью получится и все плагины будут хорошо смотреться, то я с удовольствием поставлю на вас постовой или даже сделаю обзор вашего блога, идет?
18 Янв 2011 в 17:11
Александр, помогу чем смогу
Собственно для этого и написал данный пост…
23 Янв 2011 в 2:25
Привет! Забыл твой адрес сайта. А сегодня искал свой сайт в поисковике и наткнулся на свой комментарий в гугле. Но тут, Den, много вопросов:)
Вот некоторые из них:
1) Исправить «черточку», а лучше убрать, между названием блога и его описанием, которое записывается в админке блога и то что при большем количестве в названии блога – название налазит на описание блога.
2) Убрать дополнительное отображение меню в правом верхнем углу блога, а то оно полностью дублирует название страниц и искажает отображение «описания блога»и портит вид.
3) Выделение разделов цветом как у тебя, в сайдбарах
4) Вставить в шаблон свою фотографию, предположительно в левом углу страници, под или вместо слов «О блоге» и чтоб оно прилично более менее смотрелось
5) Исправить отображение «Похожих статей» и добавить туда перед надписью «Ничего подобного я не писал»- что то вроде «похожие статьи» или как у тебя “Интересно почитать:”
Это только для начала:) Сможешь помочь?
23 Янв 2011 в 23:17
Привет, Александр! Был немного занят сегодня, поэтому не отвечал…
Что касается вопросов:
1) Открываем файл style.css (строка 257). Там прописано: background url(“images/sepretor.png”). Чёрточка – это картинка sepretor.png. Можно удалить её в коде, а также как файл в папке wp-content/themes/bizfresh/images. Можно подвинуть текст-описание. Здесь же (строка 257) прописано выравнивание left: 415, можно поставить 420.
2) Не знаю почему это меню отобразилось в шапке. Оно должно находиться в футере (файл footer.php) блога, как у меня. Возможно ты что-то менял или добавлял, заметил там скрипт Яндекс.Метрики, возможно это связано с ним. Скажи что менял, тогда помогу…
3) Файл style.css (строка 968). Границы можно поставить по нулям border: 0px. Фон поставить по своему усмотрению, т.е. дополнительно прописать background:#000000 (свой цвет).
4) Сначала нужно залить фотографию или в корень блога или в папку wp-content/themes/bizfresh/images. При этом фотография должна быть подогнана под ширину и высоту места, куда вставляется. Далее прописать код для изображения (такой же как и при вставке в пост). И его нужно вставить в файле header.php между строчками
5) За вывод похожих записей у меня отвечает плагин Simple Tags. В пункте related posts можно задать любое название для блока связанных записей.
Надеюсь чем-то помог. Если что-то не понятно пиши, будем разбираться дальше
23 Янв 2011 в 23:26
Забыл добавить, для того чтобы было проще используй расширения для браузеров типа Firebug для Mozilla Firefox или Google Chrome.
25 Янв 2011 в 16:41
Спасибо, Den, за помощь!
1) “1) Открываем файл style.css (строка 257). Там прописано: background url(“images/sepretor.png”). Чёрточка – это картинка sepretor.png. Можно удалить её в коде, а также как файл в папке wp-content/themes/bizfresh/images. Можно подвинуть текст-описание. Здесь же (строка 257) прописано выравнивание left: 415, можно поставить 420.”
: Здесь картинку пока не убирал, а вместо 415 поставил 430.
2) “2) Не знаю почему это меню отобразилось в шапке. Оно должно находиться в футере (файл footer.php) блога, как у меня. Возможно ты что-то менял или добавлял, заметил там скрипт Яндекс.Метрики, возможно это связано с ним. Скажи что менял, тогда помогу…”
: тут дело оказалось не в яндекс метрике…, но в общем дело решил так0 перенес код выше и поставил на кодом с копирайтами и получилось все отлично.
3) “3) Файл style.css (строка 968). Границы можно поставить по нулям border: 0px. Фон поставить по своему усмотрению, т.е. дополнительно прописать background:#000000 (свой цвет).”
а: а вот здесь у нас строчки не совпадают, лучше здесь назови хотябы название колонки, а то их там куча.
4) “За вывод похожих записей у меня отвечает плагин Simple Tags. В пункте related posts можно задать любое название для блока связанных записей.”
Как ты его настраивал?
25 Янв 2011 в 18:40
3) Файл style.css (строка 954). Границы можно поставить по нулям border: 0px. Фон поставить по своему усмотрению, т.е. дополнительно прописать background:#000000 (свой цвет).
#sidebar1 h2, #sidebar1 .sidebartitle, #sidebar2 h2, #sidebar2 .sidebartitle { border-bottom: 1px dotted #FF8033; border-top: 2px solid #5BBC2D; font-size: 12px; font-weight: bold; margin: 0 0 0 2px; padding: 3px 0 3px 5px; text-transform: uppercase;границы можно убрать, т.е. border: 0px и дописать background:#000000 (свой цвет).
4) Плагин Simple Tags настраивается через админку. После его установки перейти в настройки/Simple Tags/Related Posts. Чтобы вывести на главной нужно открыть файл index.php, чтобы в посте – файл single.php и вставить в нужное место:
<div class="related"> <?php st_related_posts('title=<span style="font-size: 13px; font-weight: bold;">Интересно почитать:</span>&include_page=false&exclude_tags=133&xformat=<a href="%post_permalink%" title="%post_title%">%post_title%</a> '); ?> </div>Его дизайн можно редактировать в файле style.css
#related-Post { width:100%; float:left; } #related-Post ul { margin:0; font:12px Arial, Helvetica, sans-serif; color: #588e31; padding:0; margin-bottom:20px; } #related-Post li { margin:0 0 5px 0; padding:0 0 5px 18px; list-style:none; background:url(images/bullet2.png) no-repeat left; border-bottom:1px dotted #51a5ed; } #related-Post li a { color: #666666; text-decoration:none; } #related-Post li a:hover { color: #fc811d; text-decoration:none; }10 марта 2011 в 17:59
У меня аналогичный сейчас шаблон стоит, но возникли проблемы в нем.
Во первых плагин для ретвита как у вас у меня не работал, зеленая версия от твитми, пришлось заменить другим плагином.
Во вторых не коректно работают и некоторые другие плагины, к примеру отображения синтаксиса кода, к примеру как в комментарии выше этого.
Вы не изменяли или не добавляли никакой код, чтобы заработали те или иные плагины
10 марта 2011 в 21:12
ahawks, для кнопки ретвита используется плагин TweetMeme Retweet Button 2.3. Работал с самого начала без проблем, под него в коде специально ничего не менял.
Для вывода синтаксиса кода использую плагин SyntaxHighlighter Evolved 3.1.1, аналогично ничего не менял под него.
Возможно, что-то вначале менялось из-за каких-то проблем, но что конкретно уже не вспомню…