| Автор:

Как создать тему для WordPress

 

Приветствую Вас уважаемые читатели блога “О чем говорят в сети…”. Как я и обещал в предыдущей статье, сегодня мы поговорим о том как самому создать уникальную тему для WordPress.

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

Конечно, можно не заморачиваться и скачать с интернета уже готовую тему для WordPress. Но согласитесь, что довольно неприятно когда, открыв какой ни будь сайт Вы видите до боли знакомое оформление. И таких сайтов – близнецов выполненных на одинаковых шаблонах в интернете не мало.

Как же тогда создать тему для нашего движка WordPress? Очень просто. Существует изящное решение в виде замечательной программы Artisteer. Надо сказать, что данная программа способна создавать темы не только для Вордпресс, но и для других популярных движков, таких как Joomla, Drupal. DNN, а также для бесплатного Blogger и простого HTML.

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

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

Как работать с Artisteer.

Итак, запускаем программу и видим такое окно (все картинки кликабельны):

нажмите для увеличения

Нам будет предложено выбрать, для какого движка создается тема. Выбираем Вордпресс, и откроется окно с темой по умолчанию. Для упрощения работы с навигацией программы, на рисунке ниже, я выделил и подписал названия основных блоков, из которых состоит любая тема WordPress. Меняются лишь стили, количество и расположение блоков.

нажмите для увеличения

В верхней части окна мы видим панель управления со множеством настроек.

нажмите для увеличения

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

Если Вы уже скачали программу, запустите ее и попробуйте пощелкать по кнопкам.

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

Вкладка Верхний колонтитул. По другому, Header. Полно различных настроек позволяющих украсить хедер на любой вкус. Хочу лишь добавить, что стандартные рисунки можно заменить на свои, заранее приготовленные. О том, как готовить картинки для веб – публикаций мы поговорим позже. А пока продолжим знакомиться с Artisteer.

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

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

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

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

Вкладка Цвета и шрифты. Здесь можно выбрать готовые цветовые решения (цветовые схемы) макета, или настроить самому. То же самое, и для шрифтов.

Вкладки Меню, Сайтбар, Вертикальное меню, Кнопки и Нижний колонтитул (Footer) мало чем отличаются друг от друга. Инструменты на этих вкладках предназначены для изменения стилей, расположения и количества элементов на странице макета.

Сохранение и экспорт. 

Начнем с сохранения. Если Вы не планируете создать тему на одном дыхании, то советую проделать насколько нехитрых действий. Жмем по пиктограмме в виде палитры в левом верхнем углу. Во всплывающем списке выбираем строку Сохранить как… В появившемся окне, выбираем имя файла, место куда сохранить и жмем Сохранить. У нас появится файл с расширением artx. Дальше в процессе создания темы просто сохраняем все изменения внесенные в шаблон. Делается это для того, чтобы после закрытия программы можно было в любой момент открыть сохраненный файл для дальнейшего редактирования.

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

нажмите для увеличения

Установка темы на движок WordPress.

Ну вот и наступил момент, когда готовую тему можно устанавливать на движок WordPress. Это очень просто. Кстати установка на локальный сервер ничем не отличается от установки на интернет – хостинг. Рассмотрим пример установки темы на блог на Денвере.

  • Идем по пути:
    Z:\home\название вашей папки, где установлен блог\www\wp-content\themes
    и копируем туда папку с новой темой.
  • Запускаем Денвер.
  • Заходим в админку по адресу: http://ваш сайт на денвере/wp-admin.
  • В левой колонке выбираем Дизайн – Темы.
  • В открывшемся окне Управление «темами» находим новую тему и жмем Активировать.

Все, наслаждаемся результатом своей работы. Аналогично устанавливаются любые темы для WordPress.

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

 

Так же можете почитать:

Если Вас заинтересовала статья, пожалуйста пощелкайте по кнопочкам:


А так же:



Хотите получать обновления по почте? Введите Ваш E-mail.

Гарантирую, спама и надоедливых продающих текстов – не будет!





30 комментариев на “Как создать тему для WordPress при помощи Artisteer”

  • Добрый день Евгений! Подскажите, как можно загрузить тему WordPress в Artisteer для редактирования. Спасибо

    • admin:

      Здравствуйте Андрей. К сожалению в Artisteer нельзя загрузить готовую тему WP. С помощью Artisteer можно редактировать только сохраненный заранее проект (файл с расширением artx).

      Для редактирования темы WP необходимо знать хотя бы основы PHP и CSS. В админке WP выбираем “Дизайн”-”Редактор” и редактируем каждый файл отдельно.

      Для этих целей лучше воспользоваться Денвером.

      Напишите, что именно Вы хотите отредактировать. Если смогу – помогу!

      Но мне кажется, что иногда проще создать новую тему.

  • Евгений:

    Ссылка на Artisteer не рабочая(

  • Владимир:

    Доброго времени суток.
    Нужна помощь.
    Артистер в шаблонах позволяет использовать два стиля меню.
    Когда я пытаюсь поменять в вордпрессе в виджетах стиль меню, там доступны опции в выпадающем списке default, block style, post style, simple text
    выбираю любую опцию щелкаю по кнопке сохранить, а вордпресс после сохранения все равно устанавливает в значение default и изменений соответсвенно не происходит.

  • Cоздал тему в Artisteer.При закачке на сайт и установке WP пишет- Пакет не может быть установлен. В теме отсутствует файл index.php. Подскажите где он,и что надо делать?

    • Евгений:

      Здравствуйте Владимир.

      Файл index.php – это основной шаблон. Находится он в папке с Вашей темой.
      Для начала проверьте папку на компьютере. Если файл присутствует, то значит тема не полностью закачалась на сервер.

      Если отсутствует, то может быть два варианта:

      1. Вы не правильно экспортировали тему. Не для WordPress, а, наприммер, в обычный HTML.

      Порядок действий должен быть такой: Экспорт – Выбор шаблона(Change Template) – WordPress – Экспорт

      2. Просто глюк при экспорте темы. Но это маловероятно.

      На сервере файл обычно находится по адресу:
      /public_html/ваш домен/wp-content/themes/название вашей темы/index.php

      Все проверьте. Будут вопросы – пишите.

  • будем создавать спасибо

  • Lisa:

    Как изменить язык на русский в Artisteer?

    • Евгений:

      Здравствуйте Lisa!

      Для того чтобы изменить язык, необходимо щелкнуть по значку в виде палитры в левом верхнем углу. В выпадающем меню нажать на кнопку “Options”.

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

      Вот и все.

  • Lisa:

    А готовая тема будет на русском языке? или это как-то нужно редактировать?

  • Спасибо за полезную информацию!

  • Ирина:

    Здравствуйте! Я создала тему в Artisteer, сохранила, а когда хотела открыть и экспортировать-пишет, что этот проэкт создан с помощью старой версии и будет изменен(хотя я создала ее часа четыре назад), от моей темы в итоге там только название, а все остальное-стандартный шаблон!!! За день до этого я создала другую тему и история была такая же! Что мне делать?!

    • Евгений:

      Я тоже сталкнулся с такой проблемой. Свободны от этого недостатка лицензионные версии программы. Но так как я обычный любитель “халявы”, то пришлось мириться с этим недостатком и делать тему за один присест. Ну а подредактировать можно внося изменения в php и css файлы самой темы. А это,поверьте мне, не так уж и трудно.

  • Дима:

    как скаченный шаблон вордпресс вставить в артистер, для редактирования???

    • Евгений:

      К сожалению в Artisteer нельзя загрузить готовый шаблон вордпресс. С помощью Artisteer можно редактировать только сохраненный заранее проект (файл с расширением artx).

  • Вопрос: эта программа ваше изобретение или вы так же скачали? Просто интересно если авторские права и возможно приобретение более полной версии?

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

    • Евгений:

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

      В папке с темой должен присутствовать файлик ru_RU с расширением.mo. Если его нет – попробуйте создать тему снова.

      Кстати, тема которую Вы сейчас видите перед собой, создана именно этой программой.

  • Геннадий:

    у меня программа не распаковывается – ! Невозможно выполнить “C:\Users\6A9E~1\AppData\Local\Temp\Rar$EX36.256\Portable Artisteer 2.4.0.25435 RUS\Portable Artisteer v2.4.0.25435.exe”

  • Доброго дня, создаю тему и сохраняю с галочкой “с вложениями”. Далее загружаю на сервер, тема успешно устанавливается, но на сайте отображается только шапка, внутрянка не показывается, что делать? артистер 4

  • Аня:

    Добрый вечер. Подскажите пожалуйста….я создала шаблон в артистер…загрузила его на вордпресс….но он не отобразился полноценно….(( то есть….там нет моего меню…моих страниц, блоков всей той инфы что я создала в шаблоне на артистере…! Из шаблона там только мой фон…Заранее благодарна за ответ.

  • Анна:

    Здравствуйте. Меня интересует следующее. Я создала тему. Но вот не задача, меня не устраивает размер шрифта и т.п. Но в css лезть не охота. Скажите можно ли настроить в самой программе, что бы на сайте работа с размером и шрифтом была? А то у меня на сайте все то что ранее создала только через css можно исправить.

Если Вам понравилась статья: "Как создать тему для WordPress при помощи Artisteer", поделитесь своими мыслями.

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

Цитировать

Поиск по блогу:
Рекомендую:
Новости по почте:

Введите Ваш E-mail: