Как самому сделать шаблон WordPress

Как самостоятельно сделать шаблон WordPress, Joomla, Drupal, Blogger? Рано или поздно этот вопрос задает себе любой блоггер, который хоть немного заботится о внешнем виде, юзабилити и поисковой оптимизации своего блога. Творить хочется каждому и такая возможность теперь есть.

Aristeer — программа, которая позволяет делать шаблоны для WordPress, Joomla, Drupal, Blogger. Пользователю Artisteer не нужно знать html, php, css, не нужно уметь обрабатывать изображения, не нужно обладать никакими другими специальными знаниями для того , чтобы сделать действительно профессиональный шаблон для WordPress, Joomla, Drupal, Blogger. Вы просто открываете программу и шаг за шагом, кирпичик за кирпичиком начинаете строить шаблон для своего сайта, тщательно подбирая каждый элемент, изменяя его форму и размеры, постоянно контролируя процесс построения шаблона в окне предосмотра в реальном времени. Все изменения сразу отображаются в окне предосмотра.

С программой Aristeer перед вами открываются широчайшие просторы в творчестве построения своего неповторимого, уникального шаблона для WordPress, Joomla, Drupal, Blogger.

Работа  в программе Aristeer начинается с окна выбора CMS, для которой мы хотим быстро сделать шаблон.

программа aristeer

Надо оговорится, что Aristeer в стандартной поставке переведена на многие языки,  в том числе и на русский. После выбора CMS, мы попадаем в окно, очень похожее на стандартное окно Microsoft Office 2007, верхнее меню которого состоит из тематических блоков. Кроме этого богатого верхнего меню программа Aristeer другого управления не имеет.

Меню программы Aristeer

Если двигаться по меню слева направа, тщательно подбирая каждый элемент, то к концу последнего пункта мы получим профессионально созданный, самостоятельно изготовленный шаблон для WordPress, Joomla, Drupal, Blogger.

Первый пункт меню программы Aristeer “Идеи”. Я не знаю, нравится ли вам, когда кто-то навязывает вам свое мнение, но мне это совсем не по душе. Пункт “Идеи” занимается именно этим. Здесь заложены уже предустановленные и подобранные дизайнерами элементы, которые случайным образом предлагаются пользователям. Я люблю все делать сам, поэтому, не останавливаюсь подробно на позиции “Идеи”, а сразу перехожу ко второму пункту меню программы Aristeer “Цвета и Шрифты”

программа Aristeer

В этом меню можно подобрать как цвета и шрифты комплектом для всего блога, так и по-отдельности для каждого элемента. Эксперементируя, можно сделать что-то совершенно фантастическое. Все ограничивается только фантазией пользователя. Здесь задаются, как семейства шрифтов, так и, так называемая, типографика, где можно задать величину разрядки между буквами, расстояние между строками, способы написания шрифтов и их непосредственный размер в различных единицах (em, px, pt, %). Здесь же, как и в любом другом меню программы Aristeer есть кнопка “Идеи”, нажав которую, мы получим уже готовое дизайнерское решение, подобранное неизвестными нам мастерами и выбранное случайным образом. Мы можем принять его или отвергнуть, это наше дело.

Следующее меню “Макет” отвечает за расположение основных блоков сайта: колонок сайдбара, колонтитулов и врапера (основного окна расположения контента). Здесь тоже есть где разгуляться нашей фантазии, за перебором вариантов компановки сайта можно провести ни один час.

меню программы Aristeer

В этом же меню можно подобрать и расположение основных блоков. Если говорить о WordPress, то заранее запрограммированы блоки “Поиск”, “Категории”, “Архив” и “Блогрол” Каждый блок тоже может иметь свою конфигурацию, которая подбирается отдельно.

Следующее меню “Фон”. Его название говорит само за себя и здесь тоже очень много симпатичных предустановок, но есть возможность установить и свой фон через подменю “Из файла”.

программа Aristeer

Если не хочется утяжелять шаблон изображениями, можно выбрать просто цвет заливки. Здесь тоже очень большое поле для экспериментального творчества через удобный двухоконный color picker, в котором можно подобрать сначала цвет, а потом его оттенок.

Не менее важные настройки содержаться в следующем меню “Лист”.

программа Aristeer

Здесь настраивается все, что касается центральной части сайта, то есть отделения с контентом и сайдбары. Задаются виды углов (скругленные, прямые), рамки, тени, внешние и внутренние отступы, а также заливка самого блока контента. Для каждого перечисленного и других элементов можно задать толщину, цвет, степень прозрачности, угол скругления. Здесь также есть предустановки для тех, кто не привык мучиться с такими “мелочами”. Но, я уверен, что любой творец, который решил самостоятельно сделать шаблон для WordPress, Joomla, Drupal, Blogger, будет детально исследовать свойства каждого элемента в отдельности.

“Верхний колонтитул” – меню, которое у нас было бы названо “Шапка” Здесь все, что касается настроек “головы сайта”. В пунктах меню с предустановленными элементами загружено очень много готовых фоновых изображений и картинок для передней части шапки. Все они разбиты по тематикам и с ними очень приятно эксперементировать. Есть возможность загружать свои изображения и эффекты, применяемые к ним.

программа Aristeer

В пункте меню “Меню” можно создать как линейное, так и выпадающее меню. Для каждого элемента по своему вкусу подбираются заливки, углы, текстуры, цвета, размеры, отступы. С помощью Aristeer можно создать меню, которое будет представлять из себя замечательно оформленный центр управления сайтом.

программа Aristeer

При построении меню, так же как и любого другого элемента управления, все изменения можно отслеживать в реальном времени в окне предосмотра. Нельзя не упомянуть, что в Aristeer есть встроенная возможность просматривать созданный шаблон на любом этапе его строительства в любом из пяти самых популярных в мире браузеров: Mozilla Firefox, Opera, Chrome, Internet Explorer и Safari

программа Aristeer

В меню “Статьи” задаются настройки того, как будет выглядеть наш пост.

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

Дальше, слева направо, идет меню “Блоки”. Под блоками здесь понимаются отделения сайдбара.

Как видите из картинки, настроек блока сайдбара тоже великое множество и есть где разгуляться фантазии. Каждую мелочь можно настроить по своему вкусу. Следует помнить, что от вида всего лишь одного элемента зависит то, как будет восприниматься ваша тема читателями. Цветом или величиной шрифта можно изменить субъективное восприятие не только темы, но и всего сайта, поэтому к подбору каждой детали надо относится с пристрастием и трепетом.

На предпоследнемпоследнем этапе подбираются кнопки сайта.

Здесь, так же, как и в остальных позициях, подбирается и изменяется каждая мелкая деталь.

И последний этап самостоятельной разработки шаблона (темы) для WordPress, Joomla, Drupal, Blogger – это подбор свойств для нижнего колонтитула, который мы называем любовно “Подвалом”. Здесь тоже проработана каждая деталь и вид подвала мы можем изменять так, как захотим.

Пока я писал эту статью, я влюбился в эту программу и решил, что я куплю ее для себя. Продается она в двух версиях. Если вы намерены делать шаблоны для WordPress и Blogger, то это будет стоить $49.95, ну а если для всех WordPress, Joomla, Drupal, Blogger, то $129.95. Подробности по покупке этой программы посмотрите здесь. Страница загрузки Aristeer здесь. Доступны многоязычные версии (русский в комплекте) для Windows и Mac OS.

Недостаток №1: ширину можно задать только фиксированной величины. Востребованные в рунете “резинки”, когда сайт автоматически растягивается на всю ширину экрана независимо от его разрешения, не поддерживаются. Надеюсь, что в следующих версиях, разработчики программы исправят эту досадную оплошность.

Недостаток №2: темы в Aristeer получаются на английском языке, приходится потом русифицировать. Но это даже не недостаток, а недочет. Русификация темы не занимает и 15 минут, при определенном навыке.

  1. Валерий Иванов

    Евгений, спасибо! Попробую использовать эту программу в работе.

    Вот только всё как-то очень хорошо и просто получается — почти не верится... 😉

    1. eavasi

      @Валерий Иванов, я тоже не верил, но это действительно так. Подозреваю, что многие авторы шаблонных блогов ею пользуются.

  2. Валерий Иванов

    Евгений, спасибо! Попробую использовать эту программу в работе.

    Вот только всё как-то очень хорошо и просто получается — почти не верится... 😉

    1. eavasi

      @Валерий Иванов, я тоже не верил, но это действительно так. Подозреваю, что многие авторы шаблонных блогов ею пользуются.

  3. Лена

    Программа просто замечательная! Я вот дизайн своего блога изменила. Хочется штамповать их и штамповать!

    1. eavasi

      @Лена, только очень жаль, что нет резинок. В остальном программа действительно просто великолепная.

  4. Лена

    Программа просто замечательная! Я вот дизайн своего блога изменила. Хочется штамповать их и штамповать!

    1. eavasi

      @Лена, только очень жаль, что нет резинок. В остальном программа действительно просто великолепная.

  5. Наблюдатель

    Да, красиво все получается. Бесплатные генераторы шаблонов сайтов, которых тоже великое множество в сети, не идут с этой программой ни в какое сравнение — там какие-то мрачные косячные весчи получаются.

    Н-да, нада подумать, может приобрести, штука-то, видать хорошая. Что-то мне подсказывает, что не один из дизайнеров и создателей шаблонов пользуется чем-то подобным. Хотя, и это простительно — даже пользуясь такой хорошей программой, необходимо обладать определенным художественным вкусом.

    1. eavasi

      @Наблюдатель, можно со спокойной совестью делать шаблоны с этой программой с той мыслью, что она просто освобождает тебя от рутинной работы. Что ты и без нее бы сделал шаблон не хуже, но вот с ней быстрее и проще.

  6. Наблюдатель

    Да, красиво все получается. Бесплатные генераторы шаблонов сайтов, которых тоже великое множество в сети, не идут с этой программой ни в какое сравнение — там какие-то мрачные косячные весчи получаются.

    Н-да, нада подумать, может приобрести, штука-то, видать хорошая. Что-то мне подсказывает, что не один из дизайнеров и создателей шаблонов пользуется чем-то подобным. Хотя, и это простительно — даже пользуясь такой хорошей программой, необходимо обладать определенным художественным вкусом.

    1. eavasi

      @Наблюдатель, можно со спокойной совестью делать шаблоны с этой программой с той мыслью, что она просто освобождает тебя от рутинной работы. Что ты и без нее бы сделал шаблон не хуже, но вот с ней быстрее и проще.

  7. Марина

    Какая прелесть, спасибо за информацию, обязательно попробую, ведь хочется больше индивидуальности.

    1. eavasi

      @Марина, обязательно надо попробовать! Пробный период бесконечный и никаких ограничений, кроме водяных знаков на фоновом рисунке.

  8. Марина

    Какая прелесть, спасибо за информацию, обязательно попробую, ведь хочется больше индивидуальности.

    1. eavasi

      @Марина, обязательно надо попробовать! Пробный период бесконечный и никаких ограничений, кроме водяных знаков на фоновом рисунке.

  9. Ольга М.

    Я очень рада, что уже полгода использую эту программу и создала темы для 2-х своих блогов. Мне очень приятно, Евгений, что вы под впечатлением от «Artisteer»!!!

      1. Ольга М.

        @eavasi, я рада, что наши советы друг другу пригодились: я установила себе wp-optimize, а вы попробовали «Artisteer» — все довольны!!! 🙂

        1. eavasi

          @Ольга М., я еще его куплю скоро, чтобы было все законно. Чтобы можно было темы из-под него сюда для скачки выкладывать.

            1. eavasi

              @Ольга М., ну уж не настолько и дороговата. С ее помощью при определенном художественном вкусе можно очень сильно раскрутить блог и тогда все затраты будут с лихвой окуплены.

  10. Ольга М.

    Я очень рада, что уже полгода использую эту программу и создала темы для 2-х своих блогов. Мне очень приятно, Евгений, что вы под впечатлением от «Artisteer»!!!

      1. Ольга М.

        @eavasi, я рада, что наши советы друг другу пригодились: я установила себе wp-optimize, а вы попробовали «Artisteer» — все довольны!!! 🙂

        1. eavasi Автор записи

          @Ольга М., я еще его куплю скоро, чтобы было все законно. Чтобы можно было темы из-под него сюда для скачки выкладывать.

            1. eavasi Автор записи

              @Ольга М., ну уж не настолько и дороговата. С ее помощью при определенном художественном вкусе можно очень сильно раскрутить блог и тогда все затраты будут с лихвой окуплены.

        1. eavasi

          @Ольга М., я был там раньше, но при переходе на сайт закачки возникает всплывающее окно с рекламой «веселого» сайта, которое не закрывается иначе как принудительно. Короче, сейчас там скачать ничего невозможно. Надо посмотреть на других сайтах.

          Спасибо за подсказку.

            1. eavasi

              @Александр Кривой, может разобьешь на несколько файлов и вышлешь почтой? Если не затруднит, пожалуйста.

              1. Ольга М.

                @eavasi, я как и Александр смогла бы снова всё скачать. Заходишь по ссылке, открываются всякие дурацкие окна, ну, я их закрываю, а сайт-то с информацией остаётся. На самом деле таких сайтов с этой программой много, просто частенько они эту информацию удаляют. А с этого сайта пока не удалили. Там главное запустить всё через сниффер, содержащийся в архиве.

                1. eavasi

                  @Ольга М., а, понял, у меня есть дистрибутив со снифером, просто по своему слабоумию, я не знал как им пользоваться. Теперь понятно, помогли, Оля. Большое спасибо!

                  1. Ольга М.

                    @eavasi, Я очень рада!

                    Поздравляю вас, Евгений, с наступающим Праздником !!! Процветания вам и вашему замечательному блогу!!!

              2. Александр Кривой

                @eavasi, по почте вряд ли — качал бы и отправлял бы вечность — гораздо проще было бы себе на хост временно закачать... только наверное уже не актуально,а? (судя по последующим комментариям)

        1. eavasi

          @Александр Кривой, да не проблема, конечно, главное, чтобы там никакого тайного кода не было спрятано, отличающего тему от обычной.

        1. eavasi Автор записи

          @Ольга М., я был там раньше, но при переходе на сайт закачки возникает всплывающее окно с рекламой «веселого» сайта, которое не закрывается иначе как принудительно. Короче, сейчас там скачать ничего невозможно. Надо посмотреть на других сайтах.

          Спасибо за подсказку.

            1. eavasi Автор записи

              @Александр Кривой, может разобьешь на несколько файлов и вышлешь почтой? Если не затруднит, пожалуйста.

              1. Ольга М.

                @eavasi, я как и Александр смогла бы снова всё скачать. Заходишь по ссылке, открываются всякие дурацкие окна, ну, я их закрываю, а сайт-то с информацией остаётся. На самом деле таких сайтов с этой программой много, просто частенько они эту информацию удаляют. А с этого сайта пока не удалили. Там главное запустить всё через сниффер, содержащийся в архиве.

                1. eavasi Автор записи

                  @Ольга М., а, понял, у меня есть дистрибутив со снифером, просто по своему слабоумию, я не знал как им пользоваться. Теперь понятно, помогли, Оля. Большое спасибо!

                  1. Ольга М.

                    @eavasi, Я очень рада!

                    Поздравляю вас, Евгений, с наступающим Праздником !!! Процветания вам и вашему замечательному блогу!!!

              2. Александр Кривой

                @eavasi, по почте вряд ли — качал бы и отправлял бы вечность — гораздо проще было бы себе на хост временно закачать... только наверное уже не актуально,а? (судя по последующим комментариям)

        1. eavasi Автор записи

          @Александр Кривой, да не проблема, конечно, главное, чтобы там никакого тайного кода не было спрятано, отличающего тему от обычной.

  11. Darkin

    Отличный обзор программы. Пока нет необходимости дизайн менять, но обязательно пригодится в будущем.

  12. Darkin

    Отличный обзор программы. Пока нет необходимости дизайн менять, но обязательно пригодится в будущем.

  13. Александр Кривой

    А вообще — спасибо за обзор. Я сам недавно узнал о программе и тоже хочу попробовать. Я так понял — тему можно создать с нуля. А вот можно ли уже сделанную кем-либо тему корректировать? Редактировать? Мне кажется что нет, но а что ты Жень подскажешь?

    1. eavasi

      @Александр Кривой, нет там нет функции импорта посторонних тем, она, видимо, не укладывается в коммерческую концепцию авторов программы. 🙂

  14. Александр Кривой

    А вообще — спасибо за обзор. Я сам недавно узнал о программе и тоже хочу попробовать. Я так понял — тему можно создать с нуля. А вот можно ли уже сделанную кем-либо тему корректировать? Редактировать? Мне кажется что нет, но а что ты Жень подскажешь?

    1. eavasi Автор записи

      @Александр Кривой, нет там нет функции импорта посторонних тем, она, видимо, не укладывается в коммерческую концепцию авторов программы. 🙂

  15. Kras

    Спасибо за великолепный урок. Пошел скачивать программу буду переделывать шаблон своего блога.

    1. eavasi

      @Kras, пожалуйста. Заходите сюда почаще. Как переделаете шаблон напишите об этом. Не забудте сделать скрин старого шаблона для истории. Интересно будет сравнить. Засеките время загрузки блога на старом шаблоне для сравнения, это полезная информация.

  16. Kras

    Спасибо за великолепный урок. Пошел скачивать программу буду переделывать шаблон своего блога.

    1. eavasi Автор записи

      @Kras, пожалуйста. Заходите сюда почаще. Как переделаете шаблон напишите об этом. Не забудте сделать скрин старого шаблона для истории. Интересно будет сравнить. Засеките время загрузки блога на старом шаблоне для сравнения, это полезная информация.

  17. Владимир

    Женя, программа прекрасная, уже испробовал в работе, сделал парочку шаблонов, получилось неплохо. Можно ставить на поток.

    1. eavasi

      @Владимир, рад, что и тебе понравилась. Можно начинать работать. А размещать свои темы, Володя, будешь на каком-то своем блоге, или заведешь отдельный, специально для публикации шаблонов?

      1. Владимир

        @eavasi,Жень, так это я в шутку сказал по поводу потока. А вообще, если честно, то это идея, может, когда-нибудь и до этого дойду.

        1. eavasi

          @Владимир, а я серьезно об этом думаю. Надо только сделать первый шаг, который, обычно, самый трудный.

          1. Владимир

            @eavasi, первый шаг всегда трудный. Сам кое как решился на новый блог. Да еще есть некоторые задумки. Хочу попробовать сделать бизнес на казуальных играх. В новом блоге начал цикл статей по данному поводу.

            1. eavasi

              @Владимир, ух ты, а я даже и не знаю, что это такое «казуальные игры». Буду читать. Спасибо.

              1. Владимир

                @eavasi, я долго изучал эту тематику и вот кое какие мысли возникли. единственно, здесь нужно будет очень хорошо продумать вопрос по уникализации текстов. А так прекрасная идея. В сети многие ищут именно эти игры и скачивают совершенно бесплатно демо версии, а потом, когда человеку понравится игрушка, может купить ключ за отдельную плату, а тебе процент, кстати, неплохой. С каждой игрушки ты получаешь 40 р.

                Ну да ладно, что-то я разошелся, об этом всем будет цикл статей. Если интересно, читай.

                Уже первая часть вышла, сегодня хочу написать вторую часть. Завтра уезжаю в командировку на неделю, так что после командировки будет продолжение.

                1. eavasi

                  @Владимир, о таких играх я слышал. Женщины из нашего офиса играют на демоверсиях, потом переходят на другую игру. На работе делятся впечатлениями и ссылками.

                  Удачно съездить тебе, Вова! Далеко собрался?

                  1. Владимир

                    @eavasi, как всегда, еду в горы. Там сотрудник один заболел и пока на больничном, по очереди ездим его подменять.

  18. Владимир

    Женя, программа прекрасная, уже испробовал в работе, сделал парочку шаблонов, получилось неплохо. Можно ставить на поток.

    1. eavasi Автор записи

      @Владимир, рад, что и тебе понравилась. Можно начинать работать. А размещать свои темы, Володя, будешь на каком-то своем блоге, или заведешь отдельный, специально для публикации шаблонов?

      1. Владимир

        @eavasi,Жень, так это я в шутку сказал по поводу потока. А вообще, если честно, то это идея, может, когда-нибудь и до этого дойду.

        1. eavasi Автор записи

          @Владимир, а я серьезно об этом думаю. Надо только сделать первый шаг, который, обычно, самый трудный.

          1. Владимир

            @eavasi, первый шаг всегда трудный. Сам кое как решился на новый блог. Да еще есть некоторые задумки. Хочу попробовать сделать бизнес на казуальных играх. В новом блоге начал цикл статей по данному поводу.

            1. eavasi Автор записи

              @Владимир, ух ты, а я даже и не знаю, что это такое «казуальные игры». Буду читать. Спасибо.

              1. Владимир

                @eavasi, я долго изучал эту тематику и вот кое какие мысли возникли. единственно, здесь нужно будет очень хорошо продумать вопрос по уникализации текстов. А так прекрасная идея. В сети многие ищут именно эти игры и скачивают совершенно бесплатно демо версии, а потом, когда человеку понравится игрушка, может купить ключ за отдельную плату, а тебе процент, кстати, неплохой. С каждой игрушки ты получаешь 40 р.

                Ну да ладно, что-то я разошелся, об этом всем будет цикл статей. Если интересно, читай.

                Уже первая часть вышла, сегодня хочу написать вторую часть. Завтра уезжаю в командировку на неделю, так что после командировки будет продолжение.

                1. eavasi Автор записи

                  @Владимир, о таких играх я слышал. Женщины из нашего офиса играют на демоверсиях, потом переходят на другую игру. На работе делятся впечатлениями и ссылками.

                  Удачно съездить тебе, Вова! Далеко собрался?

                  1. Владимир

                    @eavasi, как всегда, еду в горы. Там сотрудник один заболел и пока на больничном, по очереди ездим его подменять.

    1. eavasi

      @terajust, об этом по радио?! Ничего себе, никогда бы не подумал, что на такие темы по радио разговаривают.

    1. eavasi

      @terajust, об этом по радио?! Ничего себе, никогда бы не подумал, что на такие темы по радио разговаривают.

      1. eavasi

        Там должна быть не таблетка, а альтернативный экзешный файл, через который программа запускается в нормальном режиме и перестает просить деньги путем установки в готовую тему водяных знаков.

      1. eavasi

        Там должна быть не таблетка, а альтернативный экзешный файл, через который программа запускается в нормальном режиме и перестает просить деньги путем установки в готовую тему водяных знаков.

  • mAh

    таблетка там есть экзешник через который запускать программу, никаких водяных знаков все работает нормально

  • mAh

    таблетка там есть экзешник через который запускать программу, никаких водяных знаков все работает нормально

  • Добавить комментарий

    Ваш e-mail не будет опубликован.