Создаем сайт на MotoCMS

Все мы хотим зарабатывать больше. Давайте сегодня поговорим об этом. Поговорим о том, как зарабатывать, предлагая при этом своим клиентам качественный и весьма привлекательный продукт..
Наверняка в жизни каждого из нас время от времени появляются знакомые, знакомые-знакомых, приятели и просто случайные встречные с примерно одни и тем же вопросом: «Слушай, а ты не мог бы мне сделать небольшой сайт». Без разницы торгуют ли они мебелью или хотят завести персональный блог, хотят сделать корпоративный сайт или сайт-портфолио — всегда проблемы одни и те же. Как правило мы отказываемся от таких заказов, поскольку не можем предоставить полный спектр услуг и задизайнить и сверстать и запрограммировать. А если соглашаемся, то потом это все выливается в многочисленные переделки, допиливания и мелкие бесплатные правки. Так было раньше, но сегодня в нашей жизни появилась MotoCMS.

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

Хватит! Хватит жить в миру своих собственных стереотипов. Я вам клянусь, это просто круто! Функционально! Юзабильно! Бесподобно! Но где-то, видимо, должен быть спрятан подвох. Его нет! Не верите смотрите сами.

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

1. Идем в магазин шаблонов сайтов. Выбираем шаблон под наши цели. Например, нам нужен аккуратный и стильный корпоративный сайт. Средняя цена шаблона с встроенной Панелью управления — около $230 (я в начале даже не поверил, пытаясь найти скрытые платежи — нету)

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

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

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

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

6. Мы делаем корпоративный сайт ночного клуба, поэтому фон должен быть соответствующим. Далее, редактируем пункты меню и добавляем новые. Кстати, все пункты меню собраны в один объект — его можно тягать по всей рабочей поверхности и ставить туда, куда вам захочется, при этом поворачивая вокруг своей оси…Даже вот так:

Кликаем дважды на области меню и переходим в редактор страниц. В нем можно изменить все надписи уже существующие на кнопках.

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

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

Нет ничего проще, выходим в основной режим Панели управления и жмем кнопку «Создать»

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

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

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

В админке мне пришлось подвинуть меню, хрен пойми куда:

Ну, то такое — главное работает:)

8. Содержимое страниц. Меняется очень легко. Выбираете в верхней строке меню какую именно страницу хотите редактировать

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

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

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

Три щелчка и видео уже у нас на сайте

Таким же образом редактируем остальные страницы добавляя или убирая нужный нам функционал. Например, сразу указываем все вакансии в разделе «Работа», которые будут открываться в отдельных всплывающих окнах (я мог выбрать открытие по внешней ссылке или открытие новой страницы).

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

9.Все готово! Блин, чуть не забыли самое главное — логотип. Пусть наш клуб будет называться «Пена». Мне повезло и даже название тут редактируется двумя нажатиями клавиш.

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

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

Сделанный мной сайт до сих пор можно посмотреть по ссылке.

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

Второй приятный момент. Панель управления очень, я бы даже сказал, интуитивно понятна. Все изменения, которые вы видели заняли у меня примерно 3-4 часа. Значит клиенту можно сдать сайт и пусть себе дальше сам в нем копается не отвлекая нас по пустякам.

А мы тем временем найдем себе еще парочку заказов:).

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

Поделиться в соц. сетях

mailru Создаем сайт на MotoCMS
facebook Создаем сайт на MotoCMS
odnoklassniki Создаем сайт на MotoCMS
livejournal Создаем сайт на MotoCMS
googlebuzz Создаем сайт на MotoCMS

Также рекомендуем:

  1. Как создать хорошую базу для регистрации в каталогах В данной статье я опишу, как создать идеальную базу для регистрации в каталогах использую популярную программу Allsubmitter . Создание базы для регистрации требует кропотливости и усидчивости. Будем рассматривать вариант, когда у нас есть огромная база в формате «base.asd», в которой вперемешку находятся каталоги с авторегой и полуавтоматические каталоги. Итак, приступим:. Для начала проверяем всю базу [...]...
  2. Отделение фона Откроем произвольное изображение, в котором необходимо отделить область от фона. Перейдем к палитре Слои (Layers) и дважды кликнем по единственному в ней представлению – это действие конвертирует фон в слой. Переименуем слой в Pretty Girl.. Откроем диалоговое окно Фрагмент (Extract): Изображение > Фрагмент (Image>Extract) или комбинация клавиш Alt+Ctrl+X. 1. Активируем инструмент Маркер (Edge Highlighter Tool) [...]...
  3. Как зарабатывать деньги с сайта Что у нас есть? Что нам нужно? Допустим, у вас есть свой сайт. Надеюсь на домене второго уровня, про который я сейчас и говорю.Можете кинуть в меня гнилым помидором, но я не видел более или менее хорошо зарабатывающего сайта на народе или буме.Да, есть сайты, у которых иЦ больше сотни, и посещаемость неплохая (например, deshouse.km.ru), [...]...
  4. Создание сайтов с возможностью печати PDF на примере PDF::AP Хотелось бы рассмотреть преимущества формата PDF (Portable Document Format), разработанного компанией Sun Microsystems, а также где и почему стоит использовать формат PDF при создании сайтов.Пожалуй, вам несколько раз встречалась необходимость печати документов прямо из Интернета. Это могут быть счета, квитанции, данные для печати на шаблоне.Возможно, вам также приходилось встречаться с особенностями печати подобных документов, оформленных [...]...
  5. Как нельзя раскручивать сайты Как известно, существует множество способов раскрутки веб-сайтов в сети с помощью поисковых машин, как вполне допустимых, так и нечестных. Причем, последние чаще всего оказываются наиболее эффективными, однако, они ущемляют права других участников сети на успех и покушаются на принципы честной конкурентной борьбы.. В настоящей статье мы расскажем вам о нелегальных, неправильных, да и просто неэтичных [...]...
  6. Рекомендации по работе с копирайтерами Как же грамотно работать с копирайтером? Некоторые клиенты ошибаются в том что, выбрав копирайтера, они считают свою работу завершенной. Безусловно, правильный выбор копирайтера серьезное подспорье в будущем успехе. Однако совместная работа должна вестись непрерывно.. Ведь только тесное взаимодействие сделают конечный продукт по-настоящему сильным. Задача копирайтера изложить Ваши мысли на бумаге (или экране монитора). Многие клиенты [...]...
  7. Счетчики рейтингов – неизбежное зло? Итак, начну с минусов:. * счетчики долго загружаются, — пожалуй, основной недостаток. Сложно не согласиться с очевидным. Хотя различие между временем запроса и временем загрузки изображения, несомненно, есть. * счетчики портят внешний вид страницы — а этот пункт уже зависит от дизайна. Иногда они вписываются довольно органично. * нет единого подхода к подсчету посетителей — [...]...
  8. Rich Internet Application и контент-менеджмент Ныне модно говорить о Web 2.0. В то время как идея коллективного разума, заложенная в это определение его же автором Тимом О’Рейли, по-прежнему остается темой досужих разговоров, нельзя не заметить, что всемирная паутина меняется. Веб-приложения по удобству использования становятся все ближе к настольным приложениям. Данная тенденция с нарастающей прогрессией охватывает Интернет и уже сегодня можно [...]...
  9. SEO-копирайтинг в вопросах и ответах Предлагаем вам ответы на наиболее часто встречающиеся вопросы о SEO-копирайтинге. Ответы эти взяты из практики и будут интересны прежде всего конечным владельцам сайтов.. Что такое SEO-копирайтинг? Какая цель у SEO-копирайтинга? Чем занимается SEO-копирайтер? Я ничего не понимаю в ключевых словах, поможет ли SEO-копирайтинг? Почему на страницах так мало текста? Чем еще может помочь SEO-копирайтинг в [...]...
  10. Квартира для вашего сайта Перед каждым человеком, который задумывался о создании своего сайта, всегда возникает вопрос о его размещении в Интернете. Зайдя на сайт компании, предлагающей место для вашего сайта, вы встретите «таинственные» услуги, которые называются виртуальный сервер, выделенный сервер, co-location, парковка. Именно в том, какие сервисы и возможности предоставляют хостинговые компании мы и попытаемся разобраться в данной статье.. [...]...
  11. Переплетающиеся кольца Не так давно один из посетителей сайта спросил меня, как создать переплетающиеся кольца наподобие эмблемы Олимпийских Игр. Его просьба была реализована в Corel DRAW8, однако я не мог остановиться на достигнутом, поэтому здесь я познакомлю вас с вариантом того же урока для Corel DRAW9. Различие между уроками в том, что здесь были использованы Artistic Media [...]...
  12. Пулевые отверстия 1. Создадим новое изображение 512×512 px, 72 dpi. 2. Нажмем D, чтобы установить цвета палитры по умолчанию (черно-белый).Создадим новый слой.Filter > Render > CloudsFilter > Render > Difference Clouds 3. Filter > Blur > Gaussian Blur (радиус 4 px)Filter > Sketch > Chrome: Detail- 10, Smoothness- 0 4. Image > Adjustments > Levels 5. Edit [...]...
  13. Один из вариантов соглашения об именах объектов MS SQL Server Помните, что имена объектов sql сервера не могут превышать 30 символов. Не используйте зарезервированные слова, специальные символы, и не начинайте имена объектов с цифры. Избегайте использование сокращений.. database devices: устройства базы данных должны называться по задаче и цели, которую они решают. Если это – log device, суффикс «log» должен добавляться в конец имени. Имя устройства [...]...
  14. AJAX’овые грабли в Internet Explorer 6 Если передаваемый сервером заголовок с кодировкой не понятен IE, то возникает прекрасная, красноречивая Системная ошибка: -1072896658. IE приводит к нижнему регистру передаваемые custom-заголовки запросов, например X-Requested-With: XMLHttpRequest превращается на сервере в x-requested-with: xmlhttprequest). Нафига? Internet Explorer иногда не кеширует фоновые изображения, полученные через AJAX; повторно загружаемый фон «забывает» посмотреть в кеше. IE некорректно парсит js-код [...]...
  15. Что нового будет в Rails 1.1 и немного секретов Prototype.js Наткнулся (да, я не знал об этом блоге раньше) на классный блог, который ведёт Scott Raymond. Советую вам прочесть What (will be) new in Rails 1.1 если вы интересуетесь Ruby on Rails, a также Developer Notes for prototype.js для тех кто использует модный AJAX на prototype библиотеке.. Мне же, поработав с Ruby on Rails над [...]...

Комментарии запрещены.