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

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

Теми

Тема “Конструктор” підтримує свої теми (за замовчуванням, в архіві йде п’ять штук):

Крім цих тем, були додані ще кілька:

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

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

  • style.css – опис стилів
  • config.php – конфігурація системи
  • screenshot.png – скріншот теми, розміром 300х255
  • Файл style.css можна залишити порожнім, додавши лише обов’язкову шапку (таку ж, як і для звичайної wordpress теми):

    /*
    Theme Name: MY THEME
    Theme URI: http://MY.THEME.COM/
    Опис: MY THEME DESCRIPTION
    Версія: 0.0.1
    Author: MY NAME
    Author URI: http://MY.SITE.COM/
    */

    Файл config.php містить всі налаштування теми, які також можна змінити в адмінці:

    ‘right’, // розташування сайдбара
    ‘layout’ => array( // налаштування макета
    ‘header’ => 140, // висота шапки
    ‘width’ => 1024, // ширина контейнера
    ‘sidebar’ => 240, // ширина сайдбара
    ‘extra’ => 240, // ширина додаткового сайдбара
    ‘home’ => ‘default’, // макет головної сторінки default/list/tile
    ‘архів’ => ‘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’=>’bottom right’, ‘repeat’=>’no-repeat’),
    “extrabar” => array(‘src’=>”, ‘pos’=>’bottom right’, ‘repeat’=>’no-repeat’),
    “footer” => array(‘src’=>’themes/default/footer.png’, ‘pos’=>’bottom right’, ‘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-ти можливих варіантів розташування сайдбаров, додалася можливість змінити ширину основного контейнера, і сайдбаров окремо:

    Шапка сайту

    В шапку сайту можна додати випадаюче меню і змінити його вміст (тепер можна використовувати віджети), окремо змінюється розташування і колір заголовка:

    Підвал сайту

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

    Кольори

    Є кілька глобальних кольорів, які можна змінювати – це колір шрифту, фону, меж тощо, і ще можна вибрати “прозорість” об’єктів:

    Шрифти

    Зі шрифтами особливої різноманітності не вийшло – є набір пресетів, можна вказати різні для заголовків і контенту:

    CSS

    Для просунутих користувачів є можливість змінювати CSS конкретної теми (тільки права на доступ не забудьте змінити):

    Відповіді на багато питань по CSS доступні на сторінці F. A. Q.

    Зображення

    Дана опція – для витончених – ви можете встановлювати фонові зображення для елементів сторінки, задавати положення і вибирати опції повторення:

    Слайдшоу

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

    Шаблони сторінок

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

    • Архів – template-archive.png
    • Автори – template-authors.png
    • Одна колонка – з відключеними сайдбарами
    • Для сторінок з дочірніми сторінками – template-parent.png
    • Карта сайту – template-sitemap.png

    Є ще один додатковий шаблон:

    • Персональна сторінка автора – template-author.png

    Багатомовність

    Завдяки збільшеної популярності цієї теми з’явилася підтримка декількох мов:

    • Англійська – за замовчуванням
    • Російська
    • Українська – спасибі Baziak за допомогу
    • Польський – спасибі mummle
    • Данська – спасибі Georg S. Adamsen ()
    • Італійська – спасибі gio gio
    • Французька – спасибі Nicolas Loeuillet/li>

    Незабаром ще додатися переклад на німецьку. На жаль, не всі локалізації оновлені до останньої версії.

    Плани на майбутнє

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

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