Тема-Конструктор для WordPress (обновление)

Wordpress Constructor Theme

Тема “Constructor” изначально создавалась для пользователей, которые хотят быстро и без проблем создать свой уникальной дизайн блога. И судя по статистке она таки нашла своего пользователя, и далее небольшой обзор функционала.


Подобный обзор своего творения я уже делал, но хотелось бы похвастаться прогрессом в разработке – как никак версия шагнула от 0.1.0 до 0.6.3

Темы

Тема “Конструктор” поддерживает свои темы (по умолчанию, в архиве идёт пять штук):

Темы

Кроме этих тем, были добавлены еще несколько:

UkraineNaruto

SunrisePinup

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

Кстати, что же из себя представляет “тема”? Тут всего три файла да картинки:

  1. style.css – описание стилей
  2. config.php – конфигурация системы
  3. screenshot.png – скриншот темы, размером 300х255

Файл style.css можно оставить пустым, добавив лишь обязательную шапку (такую же, как и для обычной wordpress темы):

/*
Theme Name: MY THEME
Theme URI: http://MY.THEME.COM/
Description: MY THEME DESCRIPTION
Version: 0.0.1
Author: MY NAME
Author URI: http://MY.SITE.COM/
*/

Файл config.php содержит все настройки темы, которые также можно изменить в админке:

<?php
return array(
            "sidebar"   => 'right',          // расположение сайдбара
            'layout'    =>  array(           // настройки макета
         	             'header'  => 140,   // высота шапки
                        'width'   => 1024,   // ширина контейнера
                        'sidebar' => 240,    // ширина сайдбара
                        'extra'   => 240,    // ширина дополнительного сайдбара
                        'home'    => 'default', // макет для главной страницы default/list/tile
                        'archive' => 'default', // ... для архивов
                        'search'  => 'default', // ... для поиска
                        'index'   => 'default',  // ... для остального
                                 ),
            "title"     => array(           // заголовок сайта
                        "pos" => 'left'     // - позиция
                        ),
            "content"   => array(        // контент
                        "author" => 0,   // - показывать ссылку на страницу автора
                        'thumb' =>  array ('auto'   => false), // - автогенерация превьюшек для картинок
                        'list'  =>  array (                    // настройки для макета list
                                           'filter' => false,  // - вырезать HTML теги
                                           'thumb'  => array ( 'pos' => 'left', 'noimage' => false, ), // - расположение превью и отображать ли картинку "No Image"
                                          ),
                        ),
            "footer"    => array(          //  текст в футере
                        "text" => null,
                        ),
            "fonts"     => array(          // шрифты (порядковый номер)
                        'header' => 0,     // - для заголовка
                        'body'   => 0,     // - для контента
                        ),
            "menu"     => array(          // настройки меню в шапке
                        "flag" => 1,      // - enable/disable
                        "home" => false,  // - ссылка на главную
                        "rss"  => false,  // - ссылка на RSS
                        "search" => true, // - форма поиска
                        "pages"      => array('depth'=>1), // - отображать страницы
                        "categories" => array('depth'=>1, 'group'=>1) // - отображать категории
                        ),
            "slideshow" => array(        // Настройка слайдшоу
                        "flag" => 0,         // - enable/disable
                        "layout" => 'in',    // - внутри контейнера с контентом или над
                        "showposts" => 10,   // - отображаемое количество слайдов
                        "metakey" => 'thumb-slideshow', // - имя дополнительного поля из поста
                        "id" => null,        // - ID слайдшоу для плагина NextGenGallery
                        "height" => 200,     // - высота в px
                        "onpage" => false,   // - отображать слайдшоу на страницах
                        "onsingle" => false  // - отображать слайдшоу на постах
                        ),
            "images"   => array(             // настройка фоновых картинок
                        "body" => array('src'=>'', 'pos'=>'left top', 'repeat'=>'repeat', 'fixed'=>false),
                        "wrap" => array('src'=>'themes/default/header.png', 'pos'=>'center top', 'repeat'=>'no-repeat', 'fixed'=>false),
                        "wrapper"  => array('src'=>'', 'pos'=>'left top', 'repeat'=>'no-repeat'),
                        "sidebar"  => array('src'=>'', 'pos'=>'right bottom', 'repeat'=>'no-repeat'),
                        "extrabar" => array('src'=>'', 'pos'=>'right bottom', 'repeat'=>'no-repeat'),
                        "footer"   => array('src'=>'themes/default/footer.png', 'pos'=>'right bottom', 'repeat'=>'no-repeat'),
                        ),
            "opacity"   => 'light',     // прозрачность
            "shadow"    => true,        // тень
            "color"     => array(       // цвета
                        "bg"      => '#fff',
                        "bg2"     => '#fff5c5',
                        "opacity" => '#fff',
                        "title"   => '#333',
                        "title2"  => '#555',
                        "text"    => '#333',
                        "text2"   => '#aaa',
                        "border"  => '#aaa',
                        "border2" => '#999',

                        "header1"   => '#ff6600',
                        "header2"   => '#ff7711',
                        "header3"   => '#ff9933',
                        )
            );

Не пугайтесь – настройте тему и сделайте “экспорт” – система сама создаст для вас этот файл.

Макет

Можно выбирать из 6-ти возможных вариантов расположения сайдбаров, добавилась возможность изменить ширину основного контейнера, и сайдбаров по отдельности:
Sidebar

Шапка сайта

В шапку сайта можно добавить выпадающее меню и изменить его содержимое (теперь можно использовать виджеты), отдельно изменяется расположение и цвет заголовка:
Header

Подвал сайта

В footer’e можно изменить лишь текст, пока более ничего не придумал:
Footer

Цвета

Есть несколько глобальных цветов, которые можно изменять – это цвет шрифта, фона, границ и т.д., и еще можно выбрать “прозрачность” объектов:
Colors

Шрифты

Со шрифтами особого разнообразия не получилось – есть набор пресетов, можно указать различные для заголовков и контента:
Fonts

CSS

Для продвинутых пользователей есть возможность изменять CSS конкретной темы (только права на доступ не забудьте изменить):
CSS

Ответы на многие вопросы по CSS доступны на странице F.A.Q.

Изображения

Данная опция – для изощренных – вы можете устанавливать фоновые изображения для элементов страницы, задавать положение и выбирать опции повторения:
Images

Слайдшоу

Если Вы используете плагин NextGen Gallery, то сможете с легкостью добавить слайд-шоу на главную страницу сайта, в новых версиях так же поддерживается построение слайдшоу из картинок указанных в дополнительных полях постов (по умолчанию используется thumb-slideshow):
Slideshow

Шаблоны страниц

WordPress дает возможность пользователю задавать определенные шаблоны для страниц, в “Конструкторе” доступно пять дополнительных шаблонов:

Еще есть один дополнительный шаблон:

Мультиязычность

Благодаря возросшей популярности данной темы появилась поддержка нескольких языков:

  • Английский – по умолчанию
  • Русский
  • Украинский – спасибо Baziak за помощь
  • Польский – спасибо mummle
  • Датский – спасибо Georg S. Adamsen ()
  • Итальянский – спасибо gio gio
  • Французский – спасибо Nicolas Loeuillet

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

Планы на будущее

  • Добавить виджетов заточенных под тему
  • Постараться обновлять файлы локализаций
  • Создать кэш для css.php
  • Добавить возможность экспорта всей темы в одном zip архиве
  • Создать видео-презентацию темы

P.S. Для всех подписчиков на RSS ленту – используйте адрес http://anton.shevchuk.name/feed/ – по нему Вы всегда найдете мою ленту, так же можете меня найти и в twitter’e

Другие посты на эту тему

104 Responses to “Тема-Конструктор для WordPress (обновление)”

  1. dokk2018 says:

    Привет. А как сделать excerpt вместо полной статьи на главной?

  2. foma says:

    Доброго времени суток, установил вашу тему, тема установилась, при любом действие при нажатие сохранить возникает вот такое:

    Warning: file_put_contents() failed to open stream: Permission denied in /home/mysite.ru/www/wp-content/themes/constructor/admin/compatibility/file_put_contents.php on line 62

    Warning: Cannot modify header information – headers already sent by (output started at /mysite.ru/www/wp-content/themes/constructor/admin/compatibility/file_put_contents.php:62) in /home/dalexpress.ru/www/wp-includes/pluggable.php on line 868
    Хотя на денвере все работало
    Заранее спасибо!

    • Выполнены не все необходимые действия при установки тему – необходимы права на запись для папок cache и images

  3. Валерий says:

    Здравствуйте. Тема приглянулась сразу после установки! Очень благодарен! Есть и проблемка, при уменьшении ширины сайтбара (где-то до 192px), виджет календаря не маштабируется и вылазит за края. Прописывание файле темы style.css параметра width, ничего не дает, подскажите как уменьшить ширину виджета. Заранее благодарен!

  4. Darrell says:

    Thank you for updating Constructor regarding the IE8 drop-down menu issue! My current version worked in Chrome and Firefox. I will update and test out IE again.

  5. redbulc@gmail.com says:

    Не могли бы Вы подсказать, как в этой теме изменить вертикальную разделительную границу между сайдбаром и контентом? А именно убрать её вовсе или сделать определенной длины. Заранее спасибо.

    • Если хотите убрать – то просто добавьте CSS правило:

      #container {
          border:0;
      }
      

      Если нужна кастомная – то лучше использовать фоновую картинку, и заполнить ее весь фон контента по вертикали…

  6. Anton says:

    Антон, привет!
    Огромное спасибо за тему – высший пилотаж!
    У меня проблема: не могу избавиться от горизонтальной 20-пиксеньной линии в самом конце страницы, под футером – это какая-то часть бэкграунда выползает, но как исправить не могу понять! подскажи пож при возможности!

    • Привет
      Данная полоса появляется из-за использования datepicker’a, я правда не знаю какой именно плагин его тулит…

      • Антон says:

        Антон! Спасибо большое за ответ! Теперь природа этой линии мне понятна, попробую поочередно отключать плагины до исчезновения полосы.
        Еще раз спасибо!

      • Антон says:

        Я нашел тот самый плагин – это Mingle. Осталось найти ту строчку что создает эту линию!

  7. Как запустить данный шаблон на WordPress MU+buddypress?

  8. Михаил says:

    Антон привет, запустил тему Орендж Фреш 0.4.4 на своем сайте, боковая колонка на главной странице пустая, рубрики и страницы не появляются, Заранее благодарен

  9. yavasilek says:

    Добрый день, Антон.
    Очень хороший продукт у Вас получился.
    Интересует несколько вопросов:
    1) Возможно ли задать ширину контента, ширину боковой панели и ширину второй боковой панели в процентном соотношении, а не в px? И как это реализовать?
    2) Возможно ли задать случайное изображение для логотипа? И как это реализовать?
    Заранее очень Вам признателен.

  10. [...] Страница автора с описанием настроек [...]

  11. Ольга says:

    Антон! огромное спасибо за супер классный шаблон!!!
    Я просто влюбилась в него, одно омрачает – ну никак не могу после внесения изменения в настройках темы зафиксировать изменения (к примеру, убрать или поменять изображения в фонах, по другому расположить сайдбар ), работа с виджетами (расположение в желаемом месте фиксируется)

    http://business-on-new.ru/blog/ это мои тесты, подскажите каким образом надо зафиксировать изменения в настройках темы СПАСИБО заранее!
    С уважением, Ольга

    Хочу так минималистскии и очень стильно! ссылку взяла из вашей переписки
    http://blog.kobr.od.ua/archives/category/juniper

  12. topol says:

    Привет!! Прежде всего спасибо за шаблон, это что-то!!!!!
    У меня вопрос – уникализируется ли этот шаблон в глазах поисковиков когда я там изменяю размер и расположение блоков?

    • Я думаю поисковики не особо обращают внимание на уникальность верстки (взять тот-же blogspot), скорее наоборот – одинаковую верстка легче разделить на составные части – контент, навигация, всяко-разно, да и куда важнее – уникальность контента. Хоть есть предположение, что поисковики любят редизайн.
      По сути вопроса – при изменении количества сайдбаров и выборе другого layout’а структура страниц таки изменяется.

Leave a Reply

Copyright © 2007-2010, Anton Shevchuk. Powered by WordPress