Member Area
Создание сайта
Сделать шаблон или тему для Joomla, WordPress при помощи Artisteer

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

Сделать шаблон или тему для Joomla, WordPress при помощи Artisteer

Artisteer – это программа, которая позволяет без основных знаний в HTML, CSS, Photoshop, создавать красивые простые шаблоны и темы для 5 различных CMS: Joomla, WordPress, Drupal, Blogger, DotNetNuke, а так же присутствует возможность создания простых html шаблонов, которые будут как нельзя, кстати, для одностраничных проектов, к примеру, сайтов визиток.

Создать индивидуальную тему для сайта, без знаний в области сайтостроения, при помощи артистир, вполне возможно (разработчики постарались на славу), но для создания многофункционального, профессионального шаблона для Joomla или темы для WP потребуется некий опыт и знания в верстке и в web дизайне.

К основным недостаткам данного программного обеспечения можно отнести то, что данный продукт распространяется платно и скачать Artisteer, бесплатно возможно только demo версию, но думаю что для рунета, это небольшая проблема Smile. Так же следует заметить, что множество веб-мастеров создают большое количество говно сайтов (ГС) при помощи данного софта, используя такую функцию, как «предложить дизайн». Данные ГС используются, для заработка на биржах ссылок, либо для продвижения основного сайта.

Предложить Дизайн в Artisteer


Функция предложить дизайн или как сделать шаблон быстро

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

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

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

В программе, так же предусмотрена смена индивидуальных параметров, к примеру, тема уже была подобрана, но вот шрифт не совсем устраивает, и для этого можно воспользоваться в этом же меню кнопкой: «предложить шрифты», которая произвольно изменять шрифт в уже выбранном формат, в независимости от того, для какой CMS была предусмотрена тема, будь то: WordPress, Joomla либо Drupal.

Сменить CMS для шаблона

Советы по оформлению шаблона для сайта

В посте как быстро сделать сайт приводил частые ошибки, которые совершают новички. Ниже приведу советы о том, как сделать шаблон привлекательным и юзабильным (удобным) для посетителей и постоянных читателей.
  1. Задний фон – не используйте слишком яркие, кислотные фоны, которые будут отвлекать посетителей от основного - контента блога или сайта. Следует помнить, что для информационных сайтов, порталов, основная суть это содержимое, контент и здесь будет действовать правило, чем проще дизайн, тем лучше.
  2. Графические изображения, здесь следует заметить, что изображения необходимы к каждому посту, но в пределах разумного, нет необходимости перенасыщать пост картинками. Притом, что большинство пользователей, все еще находиться на низкоскоростном интернете, и если ваша веб страница будет загружаться 5 минут, как вы думаете, что сделает посетитель?
  3. Содержимое сайта, переделяйте больше взимание не уникальности постов, а их полезности. Создавайте интересные статьи для собственных посетителей, а не оптимизированные статьи под поисковых роботов. При условии, что информация занимает много места, разбивайте ее на разделы, люди ленивы, что бы читать большие тексты.
  4. И, на последок, анимация. Посмотрите на трастовые проекты, вы видите там анимационные сайты, которые только лишь отвлекают внимание? Анимацию в основном используют лишь новички в сайтостроении, которые впервые увидели двигающиеся картинки Smile и считают это совершенством веб-дизайна. Не перегружайте собственные темы анимацией, а лучше ее вообще не использовать.
Пример готового шаблона - 1 Пример готового шаблона - 2 Пример готового шаблона - 3

Сделать тему для WordPress и шаблон для Joomla

Сделать шаблон для Drupal, WP, Joomla при помощи Artisteer, возможно за несколько минут, но следует учесть, что после сохранения, шаблон желательно редактировать вручную. Здесь и станут полезны знания в основах html и css. А так, же желательное знание Photoshop, и умение задавать требуемые настройки, узнать, как настроить фотошоп, можно на сайте, веб-дизайнера onjee.

При запуске программы, появиться контекстное окно, в котором предоставляется выбор движка, для которого будет создаваться шаблон: Joomla, WordPress, Drupal, Blogger и DotNetNuke. Забегу немного наперед и скажу что, в любой момент, возможно, изменить cms. Даже тогда, когда оформление шаблона уже закончилось, и осталось лишь сохраниться. Для этого, необходимо перейти на вкладку «Идеи», в которой справа находится «Экспорт», нажимаем на «Сменить тему/шаблон» и выбираем необходимую CMS (см. рисунок выше). Данная функция в версии 3.0.0.0, находиться «файл» –> «сменить тему/шаблон». Может быть, что лучшим решением будет скачать уже готовые новые темы для WordPress, чем самостоятельно разбираться в создании и редактировании?

Новый проект в Артистир

  • С вкладкой идеи ознакомились при рассмотрении быстрого создания шаблонов, теперь кратко разберем следующие вкладки;

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

  • Макет позволяет задавать необходимые параметры для основы сайта, сколько столбцов будет иметь сайт, их ширина в процентном соотношении либо указанная в px. Задается ширина листа в px либо в %, а так же многие другие параметры, которые относиться к расположению и ширины самой структуры шаблона;

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

  • Лист, позволяет задать параметры по округлению краев, выбору основного цвета для темы и многие другие параметры;

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

  • Меню, вкладка создана для контроля и оформления меню шаблона. Где возможно изменить практически все, начиная от размера шрифта главного меню, и заканчиваю выбором формы кнопки подсветки при наведении;

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

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


Другие вкладки данной программы имеют, так же, большой запас настроек, но в описании их функции, они не нуждаются, поскольку программа, как я уже выше неоднократно утверждал, интуитивно понятна, и обучаться возможно самостоятельно «методом тыка» Wink. А как, вы делаете шаблон для собственных веб ресурсов?


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

 

Комментарии  

 
0 #2 dezm 08.10.2011 15:26
Тяжело сказать как поисковики относятся к подобным шаблонам, но именно по этому советую после создания в артистир править код руками
Цитировать
 
 
0 #1 Frank 07.10.2011 19:29
а как ПС относятся к таким шаблонам? ведь они по сути однотипны. там единая система размещения блоков, сами блоки называются одинаково.
Цитировать
 

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


Защитный код
Обновить

О том, как заработать в интернете:

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

Подписаться на блог через RSSСледить в Twitter'е Присоединиться в Google PlusПрисоединиться в Facebook

Категории
Новости
Комментарии

Комментарии

  • У меня посещаемость на сайте около 1000 в сутки. Если ставить три блока объявлений в разных местах к... дальше
  • Согласен на все 100 дальше
  • Да, соц сети дают некий прирост к тиц и пр, но очень не значительный. Эффект больше идет на скорост... дальше
  • Да конечно, собственная партнерская сеть это действительно большие деньги и это действительно бизне... дальше
  • Конечно из всего можно извлечь выгоду, и эти два способа можно удачно совмещать. Однако, как не крут... дальше