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

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















Тема действительно отличная. Поставил себе. Теперь вот с плагинами занимаюсь. Надеюсь на вашу помощь если возникнут вопросы с этой темой. Можно обратиться за помощью если что, а то я чувствую у меня возникнут вопросу по поводу отображения некоторых плагинов в этой теме, а Вы я вижу в ней разобрались досконально, я пока тему только настраиваю, поэтому блог почти пустой, так как хочется сначала разобраться с дизайном. Мой блог
Сможете помочь?
Если все с дизайном что я хочу сделать у меня с вашей помощью получится и все плагины будут хорошо смотреться, то я с удовольствием поставлю на вас постовой или даже сделаю обзор вашего блога, идет?
Александр, помогу чем смогу
Собственно для этого и написал данный пост…
Привет! Забыл твой адрес сайта. А сегодня искал свой сайт в поисковике и наткнулся на свой комментарий в гугле. Но тут, Den, много вопросов:)
Вот некоторые из них:
1) Исправить «черточку», а лучше убрать, между названием блога и его описанием, которое записывается в админке блога и то что при большем количестве в названии блога – название налазит на описание блога.
2) Убрать дополнительное отображение меню в правом верхнем углу блога, а то оно полностью дублирует название страниц и искажает отображение «описания блога»и портит вид.
3) Выделение разделов цветом как у тебя, в сайдбарах
4) Вставить в шаблон свою фотографию, предположительно в левом углу страници, под или вместо слов «О блоге» и чтоб оно прилично более менее смотрелось
5) Исправить отображение «Похожих статей» и добавить туда перед надписью «Ничего подобного я не писал»- что то вроде «похожие статьи» или как у тебя “Интересно почитать:”
Это только для начала:) Сможешь помочь?
Привет, Александр! Был немного занят сегодня, поэтому не отвечал…
Что касается вопросов:
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 можно задать любое название для блока связанных записей.
Надеюсь чем-то помог. Если что-то не понятно пиши, будем разбираться дальше
Забыл добавить, для того чтобы было проще используй расширения для браузеров типа Firebug для Mozilla Firefox или Google Chrome.
Спасибо, 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 можно задать любое название для блока связанных записей.”
Как ты его настраивал?
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; }У меня аналогичный сейчас шаблон стоит, но возникли проблемы в нем.
Во первых плагин для ретвита как у вас у меня не работал, зеленая версия от твитми, пришлось заменить другим плагином.
Во вторых не коректно работают и некоторые другие плагины, к примеру отображения синтаксиса кода, к примеру как в комментарии выше этого.
Вы не изменяли или не добавляли никакой код, чтобы заработали те или иные плагины
ahawks, для кнопки ретвита используется плагин TweetMeme Retweet Button 2.3. Работал с самого начала без проблем, под него в коде специально ничего не менял.
Для вывода синтаксиса кода использую плагин SyntaxHighlighter Evolved 3.1.1, аналогично ничего не менял под него.
Возможно, что-то вначале менялось из-за каких-то проблем, но что конкретно уже не вспомню…