Приветствую вас, друзья.

Сегодня мы затронем очень интересную, для многих, тему. Возможно, вы заметили, что совсем недавно я обновил дизайн своего блога, не знаю как вам, а мне очень нравится. Этот шаблон я создал буквально за несколько десятков минут, причем мне не потребовалось ни знание HTML, CSS и PHP ни информации на тему создания шаблонов.


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

Итак, как сделать шаблон для wordpress самому, без каких либо знаний?

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

Способ №1 – вы изучаете HTML, изучаете структуру шаблонов. Конечно, при таком подходе есть свои плюсы, если у вас есть время и желание начните с него. Знание HTML еще ни кому не помешало.

Способ №2 – заказать шаблон у фрилансера. Если есть свободные деньги, то, обязательно, выбирайте именно этот способ. Стоимость создания качественного шаблона от 15 000 до 70 000 рублей.

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

Как вы, наверно, уже поняли речь, в этой статье, пойдет о способе №3.

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

Скачиваем программу, запускаем ее.

1. В заглавном окне программы выбираем “WordPress”.


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

2. В окне предпросмотра появляется заготовка шаблона, конечно, вся кривая, но в процессе работы от нее и следа не останется.

3. Переходим на вкладку “Цвета и шрифты”, выбираем цветовую схему (в последующем мы ее немного подкорректируем), я люблю светло серую гамму цветов. Жмем на кнопку “Наборы шрифтов”, выбираем шрифты (я использую везде вердану).


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

4. Переходим на вкладку “Макет”, здесь нам предлагается выбрать количество и расположение колонок, а также расположение верхнего колонтитула (по простому хедера). Я всегда выбираю “Две колонки->Правая средняя сторона”.


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

5. На следующей вкладке нам предлагается выбрать фон будущего шаблона. С помощью данной вкладки вы можете создать свой или выбрать уже существующий фон.


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

6. Следующая вкладка предлагает нам настроить лист шаблона.


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

Задайте ширину листа (желательно не меньше 1000 px), его тень и границу.

7. На следующей вкладке нам предлагается настроить верхний колонтитул (хедер или шапка). Настройте колонтитул с помощью настроек.


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


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

1. Настройка ширины и высоты шапки.

2. С помощью этого меню вы можете загрузить в программу ранее заготовленный хедер, а также добавить к нему эффекты.

3. С помощью этого меню вы можете добавить на хедер стороннюю картинку.

4. Название вашего сайта и его слоган.

5. Расположение названия и слогана.

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

9. На следующей вкладке – “Статьи”, нам предлагается настроить внешний вид области расположения контента (текста, видео, картинок, таблиц). Настройте его с помощью приведенных настроек.


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


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


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

1. Изображение статьи (этот параметр ни на что не влияет, может оставить как есть).

2.С помощью этого меню вы сможете задать стиль области контента (с обводкой или без).

3. Настройка отображение текста внутри статьи.

4. Редактирование различных параметров области контента.

5. Настройка верхнего колонтитула.

6. Настройка нижнего колонтитула.

10. С помощью следующей вкладки – “Блоки”, вы можете настроить внешний вид боковых блоков (сайдбара).

НАСТРОЙКИ И ЭКСПОРТ ШАБЛОНА

1. Нажмите на кнопку “Файл” (находится в левом верхнем углу окна программы).


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

2. Выберите пункт “Экспорт->Настройки экспорта”. Перейдите на вкладку “Свойства” и укажите необходимые данные. Перейдите на вкладку “Footnote” и снимите все галочки.

3. Повторите шаг номер один. Выберите пункт “Экспорт->Тема WordPress”.

4. Экспортируйте шаблон как ZIP папку.


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

Все. Теперь вы знаете как сделать шаблон для WordPress своими руками. Удачи в создании.

Не забываем комментировать статью. Автор лучшего, по моему мнению, комментария (по итогам недели), получит мою платную книгу “Как продавать партнерские товары в интернете и получать 200% прибыли” совершенно бесплатно.

ВИДЕО-УРОК “Как сделать шаблон для WordPress без знаний HTML″






Комментарии (28) на “Как сделать шаблон для WordPress без знаний HTML”

  • Вот это бонус. Програмка нужная. Спасибо за информацию. Добавлю, что с этого блога уже черпанул много нужной инфы, доступной для понимания новичку. Очень удобно и доступно. Спасибо, Никита. Все, погнал юзать прогу.)

  • Спасибо за материал. Впервые встречаю на такую тему статью. Утащила в закладки.

  • ну если честно , то муторно возиться с этими движками…..
    куда проще html + простой CSS файл + images

  • есть такое дело…но вопрос в том, что надо не забывать ещё грамотно подчистить этот самый шаблон от автоматически сгенерированных Артистиром меток “Arteester” в файлах созданного шаблона… я правда не знаю влияет это как то на ранжирования сайта поисковыми или нет… но следов желательно не оставлять ))

  • НИКИТА,не знаю как Вы называете эту свою СТАТЬЮ,”труд” “сайт”или как-то
    иначе но блогеры-ГУРУ Вас не пощадят,а может даже и поколотят.Вы осмели-
    лись разглосить их секреты. Но”ЧАЙНИКИ”с Вами и они готовы зализывать Ва-
    ши раны и прикладывать медные пятаки к синякам. Здоровья,удач и добротных
    публикаций для чайников.

  • Очень хорошая программа, пользуюсь второй год.Спасибо за статью.

  • Василий:

    Спасибо за урок. А в заглавном окне Arteester4 нет выбора темы “WordPress”.
    Можно только выбрать из предложенных шаблонов.

  • Аноним Бауржан:

    Тонкий намек на “крякство” Артистеера вначале улыбнул=)
    За урок спасибо,и комент не ради приза,а ради благодарности Никите

  • Спасибо! Если я делаю шаблон в этой программе, то я могу потом в него загружать все нужные плагины? Никаких проблем ну будет?

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

  • сделал тему для wordpress на этой проге. Результат можете посмотреть здесь http://travel-mylife.ru надеюсь это не будет расценено как реклама, если что, удалите пост. Еще раз спасибо за прогу.

  • Прочитал информацию, цитирую: Artisteer хорошая программа, но проблема в том, что ее активно пользуют для клепания дизайна для ГС, поисковики могут с подозрением отнестись к сайту.
    Никита, в каких случаях это может произойти?

    • Никита Гаврилов:

      Не думаю, что это правда. Просто некоторые вебмастера слишком впечатлительны. Я сделал дизайн для своего блога в этой программе. Поисковики относятся к нему очень хорошо: индексируют быстро, ставят в ТОП. Так, что не верьте слухам))

    • “что ее активно пользуют для клепания дизайна для ГС”

      Не знаю что такое “ГС”,но тоже слышал про проблемы с поисковиками. Хотя программа замечательная,но на выходе шаблон получается с большим количеством вредоносных кодов и ссылок. Хорошо было бы Никите, под суетиться и сделать следующую статью о том, как сделав неповторимый, уникальный шаблон, нам простым блогерам, почистить своё детище.А от вас Никита буду ждать сообщения.

    • Станислав, я считаю, что это НЕПРАВДА. Наоборот, если вы сделали уникальный шаблон с помощью этой программы – это будет вам в плюс. Придет поисковый робот на ваш сайт, увидит код уникального! шаблона и проиндексирует. Поисковые роботы любят все уникальное – уникальный дизайн, уникальные статьи и т.д. Поисковые роботы день и ночь ищут все уникальное и с удовольствием это индексируют. Ребята, это мое мнение и я его высказал. =)

  • Ачуметь. Никита, это просто супер программа. Буду пробовать создавать что-то новое.

  • Santa:

    Спасибо Вам большое, Никита!

    Очень полезный урок!

    Мой вопрос: я хочу создать шаблон для WordPress на казахском языке. Как я могу перевести на казахском языке таких стандартных ссылок: Прочитать остальную часть записи », Комментарий, Комментариев нет, Оставить комментарий, Имя (обязательно), E-mail (не публикуется) (обязательно), и т.д.?

    Давно я так хотела создать сайт по WordPress чисто на казахском языке, но пока не знаю как…

    Буду благодарна за ответ!

  • Саня:

    Почему у вас всё голубое?

  • Читал уже где то про эту программку. И правда заманчиво.
    Вот только так и не решился ее попробовать.
    Для новичка насколько она сложна на ваш взгляд?

    • Диана:

      очень простая! мне 13 лет и я уже создала свой шаблон, конечно, спасибо автору!

  • Tina:

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

  • Татьяна:

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

  • Интересная темка. Надо попробовать.
    Спасибо, Никита.
    А этот шаблон не будет с плагинами конфликтовать?

  • Сергей:

    Чувак да ты крут) И статья крутая=) единственное что я понял, так это то что ты творческий человек и идешь в правильном направлении! Помогаешь людям=) Спасибо тебе)

  • Сергей:

    Дай Бог здоровья Автору статьи. Не перевелись еще добрые люди.

Оставить комментарий

Подписка на обновления блога
Социальные сети

Введите ваш email адрес:



Социальные сети Социальные сети Социальные сети Социальные сети


Return to Top ▲Return to Top ▲
Мультимедийные "фишки" для вашего интернет бизнеса
Главная | Контакты | Мои услуги | Видео от А до Я | Видео-курсы | Все посты | Об авторе