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

Тема “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 темы):

1
2
3
4
5
6
7
8
/*
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 содержит все настройки темы, которые также можно изменить в админке:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
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-ти возможных вариантов расположения сайдбаров, добавилась возможность изменить ширину основного контейнера, и сайдбаров по отдельности:

Шапка сайта

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

Подвал сайта

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

Цвета

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

Шрифты

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

CSS

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

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

Изображения

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

Слайдшоу

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

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

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

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

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

  • Персональная страница автора – template-author

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

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

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

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

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

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

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

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

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

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

    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
    Хотя на денвере все работало
    Заранее спасибо!

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

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

  4. 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. Не могли бы Вы подсказать, как в этой теме изменить вертикальную разделительную границу между сайдбаром и контентом? А именно убрать её вовсе или сделать определенной длины. Заранее спасибо.

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

      1
      2
      3
      #container {
          border:0;
      }

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

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

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

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

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

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

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

  10. Pingback: Коллекция Wordpress шаблонов и плагинов на русском языке

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

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

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

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

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

  13. Да Антон за шаблон спасибо, только уже 3-й раз долблю, и никак достучатся немогу, такое ощущение, что тебе пофиг, кто скачал и зачем скачал, типо незнаеш непользуйся ? Так, чтоли ? А накой черт его тогда вообще выкладывать, а ? Обьясни пожалуйста, в какие файлы код навигации вставлять ? В меню текст 10px как его увеличить ?, все что мог перерыл, какоето процентное соотношение…… . Вобщем ненашол, обьясни если сам сможеш.
    Я думаю я неодинок.

    1. Есть файл navigation.php, в нем найдешь постраничную навигацию.
      Размер шрифтом можно легко изменить при помощи CSS:

      1
      2
      3
      #menu li a, #menu li span{
          font-size:1.2em;
      }

      Эта инфа есть в FAQ, так же много ответов можно найти на форуме wordpress.org

  14. Спасибо за тему. Есть вопрос, возможно ли After N Post сайдбар поместить перед первой темой?

  16. нашел баг, если добавляем в верхнее меню Страницы или Рубрики, то имеем меню с выпадающим списком, если вставляем собственное меню (виджет произвольное меню), то список не выпадает.

  17. Антон, прошу помощи. Тема некорректно отображается в IE, любой версии. Не видно фона тени и закруглений границ. Тему настроил, изменил фоновое изображение и в настройка дизайна включил загругление границ и тень. При том даже когда с нуля все ставлю не меняя шаблоны все равно не видно. В Firefox все отлично. Как быть?

  18. Установил тему настроил но отображается только шапка сайта.Не подскажете что нужно чтобы устранить эту проблему?

  19. Здравствуйте Антон! Спасибо большое за Конструктор.
    Подскажите, пожалуйста. по двум вопросам. Не могу понять как сделать:
    1. Как сделать так, чтобы внизу страницы было не: « Предыдущие записи, нумерация страниц, как у вас на Главной.
    2. В Параметрах у меня указано отображать Анонс записи. И при установки другой темы так и показывается, а в Конструкторе почему-то отображается вся запись.
    Заранее спасибо за внимание!

    1. 1. Для постраничной навигации достаточно установить плагин wp-pagenavi
      2. Странный баг, возможно вносились изменения в код темы (файл layout/list.php или другой активный в данное время шаблон)?

      1. Про плагин поняла – спасибо!
        А про второй вопрос не очень поняла – я вроде не вносила никакие изменения. Если Вас не затруднит, может вы взглянете? Могу логин и пароль Вам скинуть.

  21. Здравствуйте!
    Антон, а можно еще вопрос:
    выбирая шаблон List, появляется цвет в шапке постов, где написано название записи.
    Но нет тегов, комментариев и автора.
    А выбирая любой другой шаблон есть автор, теги, комменты, но нет цвета в шапке названия записи. Ни в одном из других шаблонов.
    А можно это как-то соединить?
    Чтобы был и цвет в отображались теги, авторы и комментарии.
    Спасибо.

    1. Можно, для этого необходимо создать свой шаблон на оcнове “list” и добавить туда код из шаблона “default”, в частности добавить следующий код:

      01
      02
      03
      04
      05
      06
      07
      08
      09
      10
      11
      12
      13
      14
      <div class="footer">
          <div class="links">
              <?php the_date() ?> |
              <?php get_constructor_author('', ' |') ?>
              <?php the_tags(__('Tags', 'constructor') . ': ', ', ', ' |'); ?>
              <?php edit_post_link(__('Edit', 'constructor'), '', ' | '); ?>
              <?php comments_popup_link(
                        __('No Comments &#187;', 'constructor'),
                        __('1 Comment &#187;', 'constructor'),
                        __('% Comments &#187;', 'constructor'),
                        'comments-link',
                        __('Comments Closed', 'constructor')); ?>
          </div>
      </div>

  23. Антон, приветствую. Спасибо за тему. Подскажи как кастомизировать виджет облака тэгов? А то верхняя граница диапазона шрифтов слишком высоко – некоторые тэги слишком мелкие, а какие-то огромные – смотрится не очень.

  24. Hey Anton
    I have just updated my constructor theme and have lost my header and background images. Can you tell me how to get them back please?

  25. Добрый вечер.
    Установил Constructor 1.5.7 на WP3.1, ЧПУ включен (/%category%/%postname%.html) внизу поста есть кнопки на соц. сети, первые три нормально делают ссылку, а в твиттер получаем с окончанием “?p=100” Так задумано? Заранее спасибо за ответ.

  26. Антон, спасибо за отличную тему! Только для меня один очень важный вопрос, где и что прописать чтобы закругленные углы и отбрасывание теней отображались в Internet Explorer 8 ? под оперой и фф закругления и тени работают без проблем.

  27. огромнейшее спасибо вам за вашу тему !
    Хотелось бы узнать где лежит хтмл код меню ? где прописаны класс и ИД css

  28. Огромное спасибо за чудо-шаблон!!! У меня проблема в следующем… как и куда мне поместить лого, чтобы оно было кликабельно. Например, я загрузил лого в раздел меню изображение в “шапке”. Как я могу решить свой вопрос?

  29. Добрый день.
    Подскажите, как насильно перевести тему на русский? У меня движок был на английском, но потом я сделал его русским (простое темы он у меня по-русски).
    А вот ваша на английском. Как бороться?
    Спасибо

  30. Здравствуйте. Спасибо за шаблон!
    Такой вопрос – при отключенных в вордпрессе комментировании статей, после каждой статьи появляется надпись “Комментарии закрыты”. Как от нее избавиться?

  31. Здравствуйте.
    Подскажите, можно ли в данном шаблоне сделать 3-х колоночную структуру на главной странице и страницы категорий, а на странице со статьями чтобы было 2 колонки? Спасибо!

  33. Здравствуйте.
    Скажите пожалуйста, как прописать заголовку виджета bakground-img?

    конструкция
    h3 {font-size:1.2em; margin:8px 0; background:url(путь до картинки.png)} – не работает и в значении !important тоже не работает,

    конструкция .widget h3 {
    background:url(путь до картинки.png);
    } также не работает

  34. Спасибо большое за вашу работу – всё класс – вот только никак не могу понять как поставить форму поиска слева перед всеми страницами – не виджет а тот поиск что у вас встроен, поскажите плиз – а то он идёт после всех страниц а мне надо перед ….. проект вот – http://santehzavod.com

    2. Настроек для переноса поиска влево в теме не предусмотрено, но можно влезть внутрь темы – файл Main.php метод getMenu() и уже в нем поменять порядок следования элементов

      1. Спасибо большое – всё получилось – очень классную работу делаете и ооочень мне помогли!!!

  35. Добрий день! Как изменить высоту подвала ? Ато уж слишком высокий он( Спасибо!

  36. Привет! У меня на сайте в сайдбаре стоит виджет “виджеты NextGen”, как мне его выровнять по центру сайдбара?

  37. Классная вещь, твоя тема. Уникальная. И очень нужная. Подскажи пожалуйста как поменят ьцвет фона – втрех колончатом макете нужно посередине светлый а чтобы боковые колонки были темные. Также как сделать названия виджетов в виде кнопки с другим фоном и рамкой. Юольшое спасибо. Очень жду ответа.

    1. Все описанные манипуляции необходимо делать с помощью CSS, к примеру:

      1
      2
      3
      #container { background: red }
      #sidebar { background: green }
      #extrabar { background: blue }

  38. как убрать ваше изображение в шапке сайта? свое вставил но разместилось под вашим

  39. ПОЖАЛУЙСТА ПОМОГИТЕ! дело в том что я не могу изменить в вашей теме фон шапки сайта. такой функции нету. изменяется фон под шапкой сайта,а в шапке остается прежний….

      2. Если вы про black-urban – то там следует изменить картинку из wrap – там используется header.jpg

  40. Антон, спасибо большое за тему, она шикарна

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

  42. Скажи пож-та как изменить Ширину слайдшоу НАД контентом?

  43. Скажите пожалуйста, вот изображение в шапке можно поставить какое угодно, а если мне нужно в этом изображении разместить какие либо ссылки, то как мне это сделать?

    1. Если надо разместить ссылки вам потребуется изменить файл header.php и добавить туда необходимые ссылки, позицоинировать их нужно будет средствами CSS

  44. И еще вопрос.
    Этот сайт вы делали использованием темы Constructor? Если да, то как вы сделали верхнее меню. У меня не получается вставлять изображения в топ меню.

  45. Антон, помогите, пожалуйста! При выборе шаблона страницы, либо пропадают сайдбар, экстрабар и футер, либо содержимое страницы. Как их объединить в одном шаблоне? Боюсь напортачить в php…

      1. Добавила, вернее выбрала шаблон TILES, где отображаются сайдбар, экстрабар и футер, но не отображается содержимое страницы.

  46. Добрый день. Подскажите пожалуйста где находится папка thumb-slideshow для загрузки картинок слайд шоу? не могу найти

  47. Ладно,Антон, все равно Вам огромнейшее спасибо за прекрасный шаблон! Лучший, из тех, что я ставила! Попробую сама справиться.

  48. Здравствуйте Антон. Конструктор просто находка для блоггера. Спасибо огромное. Однако у меня не получается изменить ширину сайдбаров. Правил файл config.php, строки – ‘sidebar’ и ‘extra’ однако никаких изменений не происходит.
    Помогите пож., очень надо, т.к. хочу тему использовать под контекст, но из-за не совпадения ширины сайдбара и рекламных блоков внешний вид сайта глаз корежит.

  49. Есть пробелма я новичок и много чего не умею подскажите как зделать. На разных компах есть разные разрешение и не всем удобно вечно вертикаль двигать а ставить разрешение 800×600 не хочется на сайте можно зделать как бы авто баланс разрешиние что бы на всех компах было своё разрешение.

  50. Здравствуйте! Спасибо большое за тему, очень пригодилась, как начинающему, но возник один вопрос, который ни как не могу решить. С помощью шаблона constructor, был сделан блог, пока находиться на denver, страниц в блоге нет, есть только рубрики, меню в шапке позволяет навигацию по рубрикам, но не подсвечивает текущую рубрику(кнопку в меню), если добавить страницу, то все ок, текущая страница подсвечивается. Подскажите пожалуйста как решить данную проблему?

Comments are closed.