Как быстро и без особых навыков создать красивый и функциональный сайт

* На правах рекламы

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

Сегодня я расскажу, как быстро и без навыков программирования/верстки создать современный функциональный сайт с профессиональным дизайном. Речь пойдет о шаблонах от TemplateMonster для MotoCMS 3.

Не зря ребята назвались монстрами. Это, действительно, просто мировой гигант в сфере продаж шаблонов. Сейчас в базе насчитывается более 40000 шт. — достойный результат. Что касается тем для MotoCMS, то на данный момент их около 200. Есть из чего выбрать !

Сайт для фотографа Василия

Давайте, представим, что в Москве у меня есть друг Василий . После университета он пошел работать по профилю в консалтинговую фирму. Ему эта работа никогда не нравилась. Он любил фотографировать. Поднакопив первоначальный капитал, Василий купил зеркальный фотоаппарат средней ценовой категории и пару объективов.

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

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

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

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

Однажды он попал на ресурс по продаже шаблонов — TemplateMonster. Его привлекли темы для MotoCMS 3. На это было несколько причин:

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

Не могу не согласиться с Василием . Действительно, простая установка CMS с шаблоном, удобная и интуитивно понятная административная панель, легкое редактирование материалов на сайте вместе с мощным функционалом по медиа-контенту делает эту систему привлекательной для многих желающих создать свое представительство в сети. Это могут быть:

1. Сайты-визитки людей, оказывающих услуги: фотографы, частные врачи, seo-специалисты и так далее.
2. Ресурсы небольших компаний (например, автосервис).
3. Узкоспециализированные интернет-магазины с каталогами товаров.
4. Веб-студии, разрабатывающие ресурсы для выше перечисленных пунктов.

Покупка и установка шаблона

Сейчас я вам на примере покажу, как быстро создать стильный сайт за короткое время. Заходим на TemplateMonster в раздел шаблонов для MotoCMS 3. Кстати, цифра 3 в конце названия CMS не случайна. Она говорит о том, что это уже не первая версия системы, которая использовала flash-технологии. Это уже новый движок на MySQL, не использующий флеш. Соответственно, теперь MotoCMS дружелюбна к поисковым системам .

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

В базе TemplateMonster нашлось 14 фотосайтов для MotoCMS. Удобно, что наведя на шаблон, можно сразу посмотреть большое превью — при выборе это существенно экономит время.

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

Выбрали оформление, теперь дело осталось за малым — приобрести его и установить. Нажимаем "Купить" на выбранном шаблоне. Нас перекидывает в корзину, где необходимо заполнить некоторые личные данные и оплатить покупку. До конца недели на шаблоны MotoCMS действует огромная скидка в 40%. Такую возможность нельзя упускать .

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

1. PHP v.5.3, 5.4 or 5.5;

2. Поддержка MySQL

3. Включенный Zend Guard Loader

Пока на хостинг загружаются файлы, можно создать базу данных. После их загрузки заходим по адресу http://site.ru/mt-admin и попадаем на установщик.

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

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

Необходимо заполнить хост (обычно "localhost"), имя пользователя БД, ее имя и пароль. Префикс таблицы заполнять по желанию. Нажимаем "Продолжить" и попадаем на страницу создания пользователя.

Здесь еще проще: имя пользователя, e-mail и 2 раза пароль. Снова "Продолжить", а потом "Начать".

Все! Поздравляю! MotoCMS с шаблоном от TemplateMonster установлена. Был создан красивый сайт: быстро и просто .

Редактирование и настройка шаблона

Как видите, выбранный мною шаблон англоязычный, но это не беда. Все достаточно быстро можно отредактировать. Входим в админку через тот же URL http://site.ru/mt-admin и вводим логин и пароль, указанные при установке. Попадаем в административную панель, симпатичней которой я еще не видел . Посмотрите сами (кликните для увеличения).

Да что это вы будете по скриншотам оценивать админку?! Лучше сами попробуйте в ней поработать. На каждый moto-шаблон действует бесплатный тестовый период в 14 дней. За это время вы сможете ознакомиться с системой поближе. Для этого необходимо зайти на страницу выбранного шаблона, дождаться следующего всплывающего окна и заполнить его  (либо нажать на соответствующую кнопку перед блоком "способы оплаты").

Редактор MotoCMS интуитивно понятен. Например, необходимо перевести меню на русский язык. Для этого нужно кликнуть на него и в правой колонке нажать "Редактировать".

Появится следующее окно.

Здесь-то и нужно перевести меню. По аналогии редактируются и другие элементы на сайте (текст, логотип, изображения, заголовки и так далее). Что вижу в админке, то и получаю на сайте. Очень удобно .

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

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

Разработчики MotoCMS утверждают, что их сайты работают быстро. Что же, проверим страницу с портфолио .

Действительно, хороший результат. Для компьютеров 93 из 100, а для мобильных 79 из 100 (причем, рекомендации такие же, как и для ПК).

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

Если в процессе эксплуатации у вас все же появятся вопросы, то вы всегда сможете обратиться к faq или напрямую в службу поддержки.