Artisteer-2 и темы WordPress

Artisteer-2 и темы WordPress.

Тема (шаблон) играет огромную роль при создании и администрировании сайта.

Во-первых оригинальная тема (название шаблона в WordPress) выделяет сайт из толпы других ресурсов.

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

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

В этой статье я предлагаю начинающему веб-мастеру способ создания уникальной качественной темы WordPress с помощью редактора изображений Artisteer-2 – единственной в этом классе программе, позволяющей создавать шаблоны без знания HTML, PHP, CSS.

Среди многих плюсов редактора имеет место и один недостаток - фиксированная ширина шаблона. При ширине шаблона более 800px на мониторах старого типа появиться горизонтальная полоса прокрутки.

Но, во-первых, пользователей с такими мониторами не так-уж много в сети.

Во-вторых программ любого типа без недостатков не бывает.

СОЗДАНИЕ ТЕМЫ WORDPRESS С ПОМОЩЬЮ РЕДАКТОРА ARTISTEER.

Скачиваем и разархивируем редактор шаблонов Artisteer-2.

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

В дальнейшем это окно при старте можно отключить.

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

Поле навигация сайта может располагаться или над шапкой сайта или под шапкой.

Сайдбар создается или один, или правый и левый, размещение поля сайдбара справа или слева от поля контента или по бокам. Вся работа с редактором Artisteer проводится в верхнем тулбаре, где находятся кнопки управления – Цвет, Макет, Фон … – вид 1. Каждая кнопка открывает нижнюю часть тулбара, где расположены переменные настройки открытой позиции. В нижней части тулбара расположены выпадающие меню для более точного изменения вида создаваемого шаблона.

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

НАЧИНАЕМ СОЗДАВАТЬ ШАБЛОН

Первая рубрика (кнопка) – Идея сайта

В этой рубрике вам предлагаются готовые шаблоны для просмотра. При каждом клике по «Подобрать дизайн» открывается новая тема. При просмотре обратите внимание на цвет и шрифт листа шаблона (поле контента). Отличное решение – светлый фон и темный шрифт, текст на светлом фоне читается значительно лучше. Размер шрифта устанавливайте не меньше 10рх (100%), лучше 12рх (120%) – не все гости вашего сайта обладают отличным зрением.

Выбрав за основу понравившийся шаблон, в дальнейшем вы можете, в следующих рубриках, изменять его по своему усмотрению. Успешно выбрав тему (шаблон) для своего сайта советую вам сохранить его – кликаем по логотипу программы в левом верхнем углу и в открывшемся подменю выбираем – «Сохранить как» и сохраняем на жесткий диск в папку «Artisteer». Создайте такую папку.

Работа над созданием шаблона, особенно в первое время, может занять продолжительное время – в любой момент можно сделать перерыв, а затем возобновить работу.

Файл сохраняется с расширением. artx – это не готовая тема сайта, а лишь заготовка для работы с редактором Artisteer.

Рубрика «Цвета сайта» – подбор и корректировка палитры цветов.

«Макет сайта» – определяете расположение блока навигации относительно шапки сайта (верхний колонтитул).

При выборе макета обратите внимание на следующее: по традиции ширина блога должна выбираться исходя из следующих размеров — 960, 880, 800, 720 пикселей. Первые два подходят для 3-колонок (2 сайдбара), вторые два — для 2-колонок (1 сайдбар).

Ширина сайдбара – здесь кроме навигации будут находится поиск, баннеры, топ статей, статистика и т. д. Например форма поиска от Yandex -200рх, баннеры 100х100рх – один поиск или 2 баннера в сумме 200рх + 10рх(отступы) = 210рх - оптимальная ширина сайдбара.

При ширине блога 960рх и 2 сайдбарах 420рх – остается 540рх, что достаточно для размещения контента с изображениями, кодами аудио и видеоплееров.

Фон сайта – главное условие, чтобы фон не отвлекал пользователя от основного контента (содержимого).

Старайтесь использовать свой фон. В любом поисковике есть поиск картинок – найдите, к примеру, структура дерева, камня, материи или каменная стена, кирпичная стена, деревянный забор и т. д. и т. п. Создайте изображение 150х150рх, можете нанести на него свой логотип или название сайта и вы получите уникальный фон. Загрузите ваш фон в программу и укажите размещение «Плитка».

При работе в рубриках «Статьи», «Боковая колонка» и т. д., где создаются гиперссылки обращайте внимание на цвет ссылки, основная ссылка должна быть – все оттенки синего цвета.

Рубрика «Основной колонтитул» (Шапка сайта)

При создании шапки сайта используйте собственные изображения. Это может быть рисунок с логотипом сайта или просто название сайта, выполненное красивым шрифтом… Вариантов много. В итоге после трудной, но увлекательной работы над шаблоном необходимо сохранить свое творение в форме пригодной для загрузки на сервер. Для этого кликаем вверху на логотип программы и в выпадающем меню на «Экспорт в» – далее «WordPress» и сохраняем созданную тему на жесткий диск.


Карта сайта


Информационный сайт Webavtocat.ru