Тема-Конструктор для WordPress

Wordpress Constructor Theme
В продолжение моего wordpress-творчества представляю новую тему – Constructor.

Это однозначно “темовая” тема, она представляет из себя конструктор тем, со следующим функционалом:

Темы

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

Выбор темы

Каждая тема представляет из себя файл настроек – config.php и файл стилей – styles.css (аналогично с обычными темами для wordpress). Если со вторым всё более-менее понятно, то первый представляет из себя следующее:

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
return array(
            "theme"     => 'default', // имя темы
            "sidebar"   => 'right',   // макет
            "title"     => array(
                        "pos" => 'left'  // расположение заголовка
                    ),
            "fonts"     => array(    // шрифт заголовка и текста (см. admin/fonts.php)
                        'header' => 1,
                        'body'   => 1,
                    ),
            "links"     => array(     // настройки меню в шапке
                        "type" => 1,
                        "home" => false,
                        "rss"  => false,
                        "size" => false,
                    ),
            "slideshow" => array// настройки слайдшоу
                        "id" => null,
                        "height" => 200,
                        "onpage" => false,    // show slideshow on page
                        "onsingle" => false   // show slideshow on single post
                    ),
            "images"   => array// настройки фоновых изображений
                        "body" => array('src'=>''),
                        "wrap" => array('src'=>'','pos'=>'center top'),
                        "wrapper" => array('src'=>''),
                        "sidebar" => array('src'=>'','pos'=>'right bottom'),
                        "footer"  => array('src'=>'','pos'=>'left bottom'),
                    ),
            "opacity"   => 'light', // тип прозрачности
            "color"   => array(     // цвета элементов
                        "bg"      => '#fff',
                        "bg2"     => '#fff5c5',
                        "title"   => '#333',
                        "title2"  => '#555',
                        "text"    => '#333',
                        "text2"   => '#aaa',
                        "border"  => '#aaa',
                        "border2" => '#999',
                        "header1"   => '#ff6600',
                        "header2"   => '#ff7711',
                        "header3"   => '#ff9933',
                    ),
            );

Макет

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

Шапка сайта

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

Подвал сайта

Мы можем с легкостью изменить текст в footer’e:
Подвал сайта

Цвета

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

Шрифты

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

CSS

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

Изображения

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

Слайдшоу

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

Экспорт

Внеся изменения в текущую тему Вы можете сохранить сие в отдельный файл config.php, который достаточно легко можно превратить в новую тему:
Экспорт темы

В планах на будущее:

  • Добавить слайдшоу содержащие последние посты
  • Добавить украинскую локализацию
  • Добавить возможность экспорта текущей темы
  • Добавить возможность экспорта текущей темы в ZIP архиве
  • Создать и добавить PSD файлы для быстрого создания тем для темы – в версии 1.1.5

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

Download last version of the Constructor

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

P.P.S. Ищите меня и на twitter’e – всегда свежие анонсы…

164 thoughts on “Тема-Конструктор для WordPress”

  1. Я хренею.. сам собирался делать нечто подобное… опередили :(((
    Блин как круто :)
    Я тоже так хочу научиться делать – но лень, мать её

    Нет это всё правда очень круто :)

  2. Антон, а в єтом что то есть … Как миниму – не видел ничего подобного. Тестирую… А чего на конкурс не приняли, или ты не о ней писал?

  3. Это более продвинутая тема, и не хотелось отдавать кому-нить эксклюзивные права на неё…
    Пока залил на wordpress.org – жду ответа – приймут или нет…

  4. Антон, я правильно понимаю, что по итогам всех манипуляций в админке генерится css-файл?

    1. Он генерируется каждый раз при обращении к файлу css.php, кеширование в файл буду реализовывать позже…

  5. А генерация файла по каким-то причинам не подходит? Если что-то в настройках поменяли – сгенерировали заново.

    1. т.к. это неправильно – требовать от пользователя изменить права доступа на файлы – а вот в качестве опции для включения кеширования – считаю это допустимым…

  6. Привет, понравилась идея с конструктором, тоже захотелось создать нечто. Молодец, удачи в этом деле.
    PS А зачем заливать темы на wordpress.org? С какой целью?

  7. I love this theme but am having some problems with it. I get this error on the customize page:
    Fatal error: Call to undefined function: scandir() in /path/to/wordpress/wp-content/themes/constructor/admin/settings.php on line 108

    What can I do?

  8. Yeah, that was my own stupidity. Thanks for the help, by the way, might this theme have support for fluid width at some point?

  9. Hello,
    Today I’ve made polish translation of your theme. And It’s some bug in your index.php file. I’ve changed statement ‘fresh’ to ‘constructor’ (you used this in page.php and single.php) and now I’ve got what I want :) Look at this and say some if I’m right.
    Best regards
    mummle

    1. Yes, you are right.
      I will be fixed files in next version (0.2).
      Send link to polish translation files – and I add it to this is post and to forum on wordpress.org

      Thanks for your comment.

  10. Отличная идея и реализация. Сейчас сюда нахлынут все англоговорящие, придется всех консультировать – готовься :) Есть предчувствие, что тема будет очень популярной.

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

  12. Молодец! Тема красивая, спрос будет большим. Вот бы мне уметь сделать что-то подобное… А англоязычные уже нашли твою тему

  13. Плагин TAC нашел зашифрованный код в файле css.php:

    Line 42: “base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAA…”
    Line 52: “base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAA…”

    Чтобы это значило?

  14. А у меня при попытке сохранить изменения вылезает ошибка

    Fatal error: Call to undefined function: file_put_contents() in /home/openmozg/public_html/wp-content/themes/constructor/admin/settings.php on line 71

    PHP у меня 5.2.6, вордпресс 2.7.0

    Что делать?

    1. Это очень странно, т.к. в PHP 5.2.6 функция file_put_contents есть и должна работать, если конечно Ваш хостер разрешил ее использование…

  15. I love the theme, it is perfect for my needs! Thank you so much, I’ve been looking for a theme like this for a long time.

    One question, I can’t seem to get the background working so it covers the whole page. I can only choose one space for the image to cover, so my background ends up being white in the middle of my site. Any ideas on how to fix that?

    Thanks again!

    Tyler
    http://trsavage.com

  16. I chose to show all images of layout.
    But it always shows “noimage” pic.

    I’ve no idea there is anything wrong.
    How to make it works?

    Thanks,
    Echo

      1. If I put the pic in flickr, and it couldn’t be shown.
        Is it possible to show the first image, no matter where it is?

  17. Вещь чертовски гениальная! )))
    Но более чем хороший макет для темы не сделать. Хотя глядя на некоторые дизайны… выбор делаю в пользу конструктора.
    Пошел побалуюсь!

  18. Hi Anton:

    Is there anyway of turning off the “orange” 1st letter in each new paragraph?

    Otherwise, I love the theme. Well Done!!

  19. You can change any style property in CSS tab:


    /* it's first letter */
    .hentry .entry p:first-letter {
    color:black !important;
    }

  20. let me say in English that this theme just does not work – nothing will change when you customize – junk pure junk

  21. why does it render radically differant in IE than it does in firefox

    in IE it doesn’t center, in FF is centers, however, it scrolls at the
    bottom

  22. Thank you, for that great Idea.
    This is not only perfect for beginners, it is
    also great for changing things quickly while Moblogging.

    Perfect

  23. I have never seen anything like this – look at this in IE – most of the site doesn’t even show – looks great in Firefox – what am I doing wrong? PLEASE HELP

  24. Hi Anton, first of all let me say Thank You for this great theme. It has nearly everything we need for our project.

    I just installed and recognized some problems.

    Please have a look into http://www.kein-nichts.de

    Problems/needs/questions:

    1. The NGG slideshow is not being shown unfortunately. Any ideas?

    2. The theme is very wide although there is nothing on the right side. Can we fix it to 1024px to make the bottom scroller superfluous?

    3. I read the comment of Ron Merk and your respond about changing the first letter´s colour.

    a) At first in my backend the CSS Tab is empty besides of some information about yourself.

    b) But I went to style.css and I found this thing. Strange is: There s no setting for the orange inside.

    c) Anyway, I put “black” in it but it didn´t change anything.

    4. Do you plan by any chance some funky features like a thumbnail preview picture in the “NEW posts” and “recent comments”-widgets or so?

    1. Hi Stephan,
      1. I use/test only NGG plugin version 1.1.0 (not 1.0.0 or 1.2.0)
      2. You can change width of elements on tab “Layout”
      3.
      a) You should be add new text to CSS (under information about me)
      b) Constructor using 3 CSS files:
      – constructor/style.css – it’s based styles
      – constructor/css.php – set all colors and width of elements
      – constructor/themes/default/styles.css – CSS of your theme (you can change it on admin page)
      c) I don’t see any changes in constructor/themes/default/styles.css
      4. See my TODO list: http://code.google.com/p/wp-constructor/wiki/ConstructorTodo

  25. it’s a real shame, I really like this theme, however, there are a lot of problems I can’t solve

    1) cannot take of the /* it’s first letter */
    .hentry .entry p:first-letter {
    color:black !important;
    }

    cannot get the tabs to work and I cannot find this in the SS

    2) cannot get the scroll off the bottom on firefox and cannot center the page in IE

    3) Images will not drop where I want them

    4) How do I take off the border around images?

    1. 1) For work CSS tab file constructor/themes/default/styles.css should be writable
      2) It’s bug of theme, I will fix it in next version
      3) Where? Footer/Sidebar/Extrabar/Header/Wrapper?
      4) Use CSS:


      .entry img {
      border: 0 !important;
      }

      1. Hi Anton

        Firstly, thanks for all your help.

        anyway if take out .hentry .entry p:first-letter {
        font-weight:700 !important – will this affect anything else

      2. Hi Anton

        I tried the CSS for #3 above and cannot get that border off the image (I put that in a text widget on the right side bar and in IE it’s blue and in FF it’s black) it the image in the RRS BW FEED (right below it.

        THanks

  26. Anton Shevchuk wrote: 2. Oh, i found small bug, I using min-width = 1000px, I will fix it in next version …

    But how can I fix it right now, Anton? Turning to “width = 1000px” or to “max-width = 1000px” makes the theme going to the left edge.

    PS: Forget my last question about the video running away – it´s fine now … ghosts are helping … uuuuu :))))

    1. Element #footer have width = 1000px and padding left and right = 80px – it’s width = 1160px (see file style.css line 649)

      Set padding to 0px:


      #footer {
      /* old value */
      /* padding:20px 80px; */
      padding:20px 0 !important;
      }

      Use !important on CSS tab

  27. Hi,

    I have made a Norwegian Nynorsk translation for you. However, when testing it on my site, not all the translated strings show up – there are some original strings showing instead.

    Anyway, here it is. The theme is tested in the same directory. There is also a problem with the footer links, but that may be my fault…

    Please contact me as needed. Nice theme!

    1. Hi, thx for your translation.
      Don’t worry about footer links – all ok – user can change footer links in admin part of wordpress.

  28. Hi,

    Thanks for this great theme, any idea when the next version will be out?

    Regards.

    Toorie

  29. Great theme thanks.

    We are having trouble writing posts and pages / edits with this theme.

    Other themes are testing ok. Have never seen this issue before. I have looked at file permissions.

    Most theme folders show 755 but some individual files have xxx and maybe they need to be changed to another file permission?

    (P.s Can we keep the URL of the site private as there is a promotion on and they are using another domain for the project.)

    1. Constructor Theme is requried writable permissions only for /constructor/images/ and all /constructor/themes/*/style.css files

      Are you using WP 2.8?

  30. Also have the trouble with the first letter / did this but now change

    /* it’s first letter
    comment – this should stop the colour of each first letter in posts from being red.

    .hentry .entry p:first-letter {
    font-weight:700 !important
    }
    */

  31. Скажите, а куда заливать данный конструктор. Он работает из адмнки WP или нет?

    1. Устанавливается как обычная тема, настраивается из админки – см. пункт Customization

  32. FYI:

    I just ran this theme through the Theme Authenticity Checker plugin and it found encrypted code in the file css.php:

    Line 68: “base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAA…”
    Line 78: “base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAA…”

  33. подскажите, как можно убрать поиск и категории из сайдбара?
    в sidebar.php убираю – коллапс наступает с фоновым рисунком body.

    1. Не надо убирать их из sidebar.php, зайдите в админку – в раздел widgets – и включите только необходимые вам виджеты…

      1. дело в том, что в разделе widgets пусто
        и в сайдбаре и экстрасайдбаре и футере

        а на главной есть 5 пунктов:
        Search for,Pages,Categories,Tags,Meta

        вот их бы мне хотелось убрать (оставить,предварительно переименовав,pages). Как?

      2. просто пустой сайдбар создать нельзя – будут отображаться пейджы и тд, если вы добавите хотя бы один любой виджет – то стандартные виджеты будут скрыты…

  34. Не пойму в чём проблема. Меняю в теме lime в разделе “Боковая панель” одну колонку на две. Затем сохраняю и меняю файл config.php и спустя некоторое время при нажатии с главной страницы на статьи или при нажатии в разделе свежее, сама статья открывается, но боковые колонки (справа и слева) не отображаются.

    Может кто нибудь знает в чём проблема.

  35. Нет, но я заливал настроенную базу данных. Может в этом проблема, но глючит только в конструкторе дизайнов для WordPress. А что не так в single.php?

  36. Hi Anton,
    Brilliant theme! I am extremely impressed with this amazing wordpress theme, you are a genius and a star for offering it for free.

    Couple of points: I would love to be able to give visitors the option of choosing the layout view (eg default, list, grid) is this a possible addition for a later version or do you have some idea of how I could implement this (I know I can use a theme switcher add on, but I thought you may have a far simpler fix).

    Also, I have added the categories to the nav menu. Could this also be an option in the header section of the theme admin customize settings?

    Finally, personally I would remove the first letter css setting from further releases (doesn’t seem to add any benefit).

    Anyway, Brilliant work! WELL DONE

    1. Thx for your comment :)

      About choosing layout – it’s possible, but I will do this is functional in later version, later than next 0.6.0 version.

      I will add categories to main menu in version 0.6.0.

      Ok, you are right…

  37. hi, I would like to find out where can I change the font size of the header. Thanks.

  38. how do i just display the posts and not let it be shown in a box with question marks as a display?

  39. Hi, i found the answer. I can change it by choosing the layout. I would like to say thanks for this wonderful theme that you have created.

  40. Hi, how do i drop the –line— that is shown on every footer of my page.

    1. If you using Example theme – open CSS tab and remove follow code:

      1
      2
      3
      4
      .hentry .footer .line {
          height:64px;
          background: url(line.png) 50% top no-repeat
      }
  41. Антон, доброго времени суток!

    Есть некий призрачный шанс, что тема подружится с WordPress MU? Основное отличие – директория с темой недоступна для записи, но есть специальная папочка blogs.dir, где каждый блог может хранить собственные данные :)

  42. how to put the categories into headmenu (all categories are showed in the drop-down of the “Categories” link)right?
    i added “wp_list_categories” in the functions.php
    it’s failed…and it’s the only way i caught from your themecode.
    i’m in dead end…
    help me, plz!

Comments are closed.