Как самому создать профессиональный сайт-визитку без знаний Html, CSS и PHP? Ответ: MotoCMS!

14 Апрель, 2014

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

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

Привлекать на него посетителей владелец, скорее всего, будет старым добрым контекстом, а сам ресурс будет выполнять роль лендинга, главной задачей которого будет произвести впечатление (хорошее, естественно). Сделать такую «конфетку» самому вряд ли получится, да и при использовании бесплатных движков сайтов все равно придется покупать профессиональный шаблон, чтобы не ударить лицом в грязь. А с ним ведь придется разбираться и без базовых познаний в Html, CSS и PHP обойтись вряд ли получится.

Вот я и подумал, а почему бы в этом случае не купить нужный шаблон сразу с идущей вместе с ним панелью управления сайтом (ЦМС), которая бы исповедовала принцип Drag&Drop? Тем более, что такое решение уже несколько лет имеет место быть на рынке и называется оно MotoCMS.

Цена вопроса 139 вечнозеленых, а выбирать можно из полутора тысяч уже готовых шаблонов (дается 30 дней триала, за которые можно все перепробовать и даже создать сайт, после чего уже оплатить выбранный шаблон с внесенными вами изменениями, если пожелаете). Плюс пожизненная техподдержка (и это важно, ибо я мозг в свое время сломал о Джумлу).

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

Суть MotoCMS и ее бесплатный тест в течении месяца


Лично я сам несколько отошел в последнее время от создания сайтов на заказ, но вот моя супруга по-прежнему продолжает получать заказы от своих знакомых. Делает она сайты на Joomla, однако, несмотря на то, что неплохо понимает Html, с CSS у нее возникают зачастую непреодолимые трудности, к разрешению которых неизменно привлекаюсь я, несмотря на свою занятость «более важными делами».

Когда все повторяется из раза в раз, то возникают мысли о поиске решения, которое бы избавило меня от необходимости все бросать и спешить на помощь «опытному вебмастеру». Вряд ли она сподвигнется на углубленное изучение CSS, но вот с тех пор, как я узнал о MotoCMS, у меня появилась надежда, что ее эта ЦМС заинтересует и она переключится на нее с Joomla.

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

Сама по себе MotoCMS ориентирована на создание сайтов-визиток (хотя у нее и имеются виджеты корзины и другие возможности создания простеньких и очаровательных интернет-магазинов). На конференции TemplateMonster было хорошее выступление представителя MotoCMS, которое называлось «Сайты визитки спасут мир»:

Именно такие ресурсы и ваяет моя супруга — десятка полтора страниц, форма обратной связи, карта проезда, фотогалерея, иногда видео, ну и тому подобные вещи. Надеюсь, что они найдут друг друга (супруга и данная CMS с легким порогом вхождения).

Еще раз хочу акцентировать ваше внимание на необычности ситуации с покупкой шаблона. Наверное, все вы привыкли, что шаблон представляет собой расширение, которое устанавливается в размещенный на вашем сайта движок (ЦМС).

В случае же MotoCMS все практически наоборот. Вы покупаете шаблон и вместе с ним идет в комплекте панель управления сайтом (движок) и набор виджетов, имеющихся в данном шаблоне (похоже на пакеты «быстрый старт» при покупке платных шаблонов для Joomla).

При этом сам движок MotoCMS можно будет обновлять бесплатно по мере выхода новых версий прямо из админки, и там же можно будет делать бекапы сайта. Но вот на другом сайте (с другим доменным именем) эту ЦМС и купленный шаблон уже использовать не получится, если вы, кончено же, не договоритесь с техподдержкой, объяснив причину переезда на другой домен.

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

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

В общем все как всегда, а если последняя пара предложений показались вам галиматьей, то непременно ознакомьтесь с мой публикации на тему выбора хостинга, доменного имени и связи ip адреса и доменного имени посредством ДНС серверов (вам понравится).

Как получить любой из 1500 шаблонов для тестирования

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

По умолчанию предлагается опробовать шаблон интернет магазина, но вы вольны выбрать любой другой шаблон из приведенного ниже слайд-шоу или же вообще из всех имеющихся в ассортименте, нажав на кнопку «Смотреть все шаблоны». Когда с этим делом определитесь, то останется лишь указать Емайл и номер мобильника (в формате +7...):

Правда для этого придется указать свой реальный номер телефона, ибо на него придет код подтверждения. На указанный почтовый ящик упадет письмо от MotoCMS — перейдите по ссылке активации шаблона. Ну, а так же там будет иметь место ссылка на панель управления выбранным вам шаблоном (там же будут находиться и данные для авторизации в этой админке — логин и пароль).

Выглядит админка MotoCMS шикарно (в стиле последних версий Фотошопа, как мне показалось).

Имеется три панели инструментов, верхнее меню и, что самое замечательное, все элементы, которые расположены в центральном окне, можно перетаскивать или менять их размеры мышью (тот самый Drag&Drop). Новые элементы можно будет выбирать из левой панели и точно так же мышью помещать на положенное им место (на открытой в панели управления MotoCMS странице вашего будущего сайта).

Если вы вдруг захотите потестировать другой шаблон MotoCMS, то просто кликните по нему в общем каталоге шаблонов и на открывшейся странице воспользуйтесь кнопкой «Протестировать бесплатно»:

В предложенную форму введите те же Емайл и номер телефона, что и раньше, после ввода кода пришедшего в СМС сообщении вы увидите окно с просьбой подтвердить смену шаблона в вашей тестовой панели управления (учтите, что все добавленное вами в панели для предыдущего шаблона при нажатии на кнопку «Да» будет потеряно):

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

Отличие Флеш и Html шаблонов в каталоге MotoCMS

Еще скажу пару слов про шаблоны MotoCMS. Дело в том, что они бывают двух типов — Html и Флеш. Html шаблоны появились в этой системе относительно недавно и предназначены они для реализации чуть большего числа возможностей, чем это можно было бы сделать на Флеш. Но и Флеш шаблоны имеют свое неоспоримое достоинство — красочная анимация (многие сайты известных брендов сделаны на флеше для создания фееричности).

Правда стало мне это понятно не сразу, а лишь после обращения в их техподдержку, где мне ответили следующее:

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

Поэтому выбирать нужно исходя из стоящих перед вами задач, ну и, собственно, в демо версии можно будет посмотреть и то, и другое, после чего сделать соответствующие выводы. Вот пример работы сайта на базе флеш шаблона из арсенала MotoCMS (есть у флеша свой шарм, согласитесь):

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

Админка и возможности MotoCMS по созданию сайтов


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

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

  1. При покупке любого шаблона из их официального магазина или с сайта партнера сама ЦМС идет в комплекте. Т.е. отдельно устанавливать движок не понадобится.
  2. Сразу скажу, что кроме редактора обычного сайта имеется возможность перейти к редактированию мобильной версии сайта с помощью соответствующей кнопки на верхней панели инструментов админки. По умолчанию, содержимое шаблона просто переформатируется под меньшую ширину экрана (адаптивный дизайн), но вы вольны вносить нужные вам изменения.

    Вернуться обратно можно будет с помощью все той же кнопки, которая сменит название на «Редактор сайта». Для того, чтобы мобильная версия подгружалась при заходе пользователей с этих устройств, нужно будет проверить, чтобы в настройках (вкладка «Настройки сайта» в самом низу) стояла соответствующая галочка:

  3. SEO оптимизация создаваемого сайта. При создании новых страниц сайта в MotoCMS имеется возможность прописать для них тайтл, дескрипшен (описание) и ключевые слова (в большинстве случаев это будет лишним, но если желаете, то убедитесь, что в статье эти слова действительно встречаются). Также можно будет формировать Урлы страниц. Делается это примерно так:

    Разработчики заявляют, что код движка в последних версиях стал более чистым и валидным по WC3. Имеется возможность подключить к админке Google Analytics и Google Webmaster Tools, а также создать карту сайта (site map).
  4. Drag&Drop (потащил, зажав левую кнопку мыши, что-то и отпустил в нужном месте, то же самое касается изменения размера блока — мышью хватаете границу и двигаете в нужном направлении) — в очередной раз акцентирую ваше внимание, но именно это является основной фишкой админки данного движка. Перемещать блоки на вебстранице мышью при ее создании — это самый естественный способ для любого человека, а уж для не подготовленного, так вообще единственно возможный. Перетаскивайте объекты, меняйте их расположение, редактируйте, удаляйте...
  5. Отдельной строкой стоит отметить виджеты в MotoCMS. Они позволяют добавить новый функционал и элементы на создаваемый вами сайт:
    1. Форма обратной связи — пожалуй, что один и самых востребованных виджетов. Здесь это делается все несколькими кликами, однако вы можете почитать про организацию обратной связи на менее человеколюбивых движках и самописных сайтах, чтобы почувствовать разницу.
    2. Галереи и слайд-шоу — опять же в два клика имеется возможность организовать, например, слайдер фона. Видел подобное не раз на сайтах фотографов, кстати в MotoCMS для них предусмотрены специальные фото шаблоны. Ну и еще пяток-десяток различных типов галерей виджеты позволяют реализовать. Помните, я недавно писал о том, как не просто найти подходящий слайдер для сайта и заставить его корректно работать. Для новичка это зачастую находится за гранью реальности. А ту все более, чем доступно.
    3. Общие — тут вы найдете возможность создать кнопки под свои нужды, вставить произвольный Html код (например, счетчика посещений), кнопку оплаты через Пайпал или добавить видеоролик (с Ютуба или еще откуда)
    4. Google карты — имеется возможность на основе Гугл Карт показать местоположение своего офиса с нужным описанием. Настроек вполне достаточно для большинства задач.
    5. Ну и, конечно же, меню. Какой же сайт без них обойдется. Имеются вариант добавления виджетов горизонтальных и вертикальных меню. Простым перетаскиванием мыши можно сделать вложенные пункты, которые будут выпадать при наведении мышью на родительский элемент. Я в свое время описывал один из способов создания вертикальных и горизонтальных меню для любых сайтов — можете сравнить ту пропасть в сложности реализации, а также получаемый результат.
  6. Медиафайлы (видео и графика) живут в медиатеке, где имеется свой редактор изображений (можно изменить яркость, контраст, повернуть, трансформировать или наложить эффект). Также имеется и менеджер шрифтов, что несколько необычно для сайтов, ибо по умолчанию используются лишь несколько шрифтов (которые заведомо будут установлены на подавляющем большинстве компьютеров пользователей). Видимо, дополнительные шрифты будут подгружаться вместе с сайтом (как-то я уже писал про один из вариантов добавления красивых шрифтов на сайт через Google Font).
  7. Прямо из админки вы сможете делать резервные копии вашего сайта, а также обновлять движок MotoCMS до последней версии (бесплатно).
  8. При желании, вы сможете запаролить вход на ваш сайт и настроить панель входа. А также, например, при проведении технических работ или еще до запуска сайта, вы можете перевести его в режим «В разработке», а посетителям будет выдаваться соответствующее сообщение. Собственно, разработку сайта можно вообще вести на локальном сервере (типа Денвера) и покупать доменное имя с хостингом лишь после его полной доводки.
  9. Если вы совсем не дружите с такими вещами, как ФТП и хостинг, то услугу установки купленного шаблона можно заказать в техподдержке MotoCMS. От вас потребуется только купить хостинг (ну и доменное имя). Правда, это будет стоить денег.
  10. Данный движок позволяет создавать сайты на нескольких языках. За подробностями отсылаю опять же в техподдержку, но если говорить в двух словах, то вам нужно будет создать несколько папок на сервере и в каждой из них разместить копию шаблона, но переведенную на нужный язык. Переход между языковыми версиями можно будет повесить на кнопки.
  11. Если вы в течении месяца, отводимого на бесплатное тестирования шаблона MotoCMS, что-то уже там наваяли (в плане создания страниц вашего будущего сайта), то имеется возможность купить шаблон с этими изменениями (большая красная кнопку вверху окна админки).

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

    Посмотреть скидки, предлагаемые при оптовой закупке шаблонов, можно на странице отведенной девелоперам.
  12. Имеется партнерская программа (читайте про то, что такое партнерки и рефералы). Вы будете получать 20 процентов от суммы всех проданных по вашей реферальной ссылке (размещенной, например, в тексте статьи или на сайте в виде промобаннера) и 25 — от заработка ваших рефералов (тех, кто тоже начнет продавать шаблоны MotoCMS зарегистрировавшись у них на сайте по вашей рефссылке). Даже если своего сайта нет, то вам предлагают готовые партнерские интернет-магазины по продаже шаблонов — останется только домен прикупить и закинуть его на хостинг

Подытоживаем

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

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

Посмотреть шаблоны предлагаемые MotoCMS и заказать Демо сроком на 30 дней вы сможете с помощью приведенной ниже формы:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Еще:

Рубрики :Создание сайтов

Комментарии и отзывы

Денис

Самому, но все равно платно 🙂 🙂

Елена

Здравствуйте, с удовольствием читаю КтоНаНовенького! Спасибо за вашу работу и подробное разжовывание информации. Пожалуй, подробнее не встречала нигде.

Новичку очень просто на вашем сайте найти все, что ему необходимо.

В сегодняшней статье заинтересовало упоминание жены, которая ваяет сайты на Джумла)

Уж простите, но сама женщина и столкнулась от мужа с такой же задачей.

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

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

С уважением, и пожеланиями долгой жизни вашему сайту, Елена.

Дмитрий

Спасибо!Впечатляет конечно дизайн,но,Дмитрий я,возможно,ошибаюсь-сегодня и бесплатно нечто подобное предлагают,лишь бы клиент начал пользоваться сервисом.Или я ошибаюсь?

Дмитрий

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

Елена: супруга работает только с Joomla 1.5, хотя эта версия уже устарела. Шаблоны она использует платные (буржуйские — есть масса компаний, которые занимаются их изготовлением и продажей), которые по цене сравнимы с MotoCMS, поэтому я и пытаюсь ее сподвигнуть к переезду на новый движок.

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

Eugene

Wix.com как конкурент. К тому же он онлайн сервис!

Тимур

Уже не актуально. Сейчас, по-моему, гораздо популярнее становится LiveStreet. По крайней мере, встречается всё чаще среди пузатых ресурсов.

Денис

Согласен с тимуром — на основе LS даже новые движки выходят 🙂

Олег

Хороший хостинг для сайта-визитки на MotoCMS: 0hosting.me

Подписаться не комментируя