Позвольте клиентам обновлять их сайты на лету

Сегодня мы собираемся изучить, как настроить веб-сайт, который может быть легко отредактирован через Ваш iPhone и мобильное приложение thePagelime. Pagelime - это невероятно удобное приложение в работе СМS, которое делает процесс редактирования веб-сайта настолько легким, насколько это возможно.

Основы Pagelime

Pagelime уникален в том, что он позволяет вам проектировать и кодить свой веб-сайт сначала в простом HTML, а потом добавлять Pagelime CSS, что по сути завершает процесс создания страницы. Как только ваш сайт закончен, вы можете просто добавить класс “class=cms-editable” к тем элементам, которые в будущем намереваетесь редактировать. Об остальном позаботится Pagelime.

Пример использования

Для этой статьи я и возможно вы являемся веб-дизайнером, который делает веб-сайты для местных фирм, юридических фирм, ресторанов, и т.д. Таким образом, у нас уже есть опыт работы и 6-7 готовых сайтов.

Я решил использовать Pagelime, потому что мой клиент не часто хочет изменять содержимое, но когда он это делает (давайте назовем его Поваром Тони), то желает быть полностью независимым от меня. Дело в том, что мне пришлось побороться за этот заказ с другими конкурентами и выиграл я как раз на том, что предложил Тони редактировать содержимое его страниц через iPhone. Само собой, Тони был впечатлен. Это происходит редко!

Углубляемся в тему!

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

Вот пример сообщения о приветствии:

<div class="headingrow">  
    <h1>Welcome to our website</h1>  
    <p>Lorem ipsum dolor sit…</p>  
</div>  

Тег p сделаем редактируемым через Pagelime. Поскольку мы используем мобильное приложение, то давайте добавим атрибут title.

<p id="welcome" class="cms-editable" title="Welcome Text">Lorem ipsum dolor sit…</p>  

Следующая часть:

<div class="subheadingrow">  
    <h2>Employee of the month - Jenny Smith</h2>  
    <img class="leftalign"src="/images/home-image-sample1.gif" alt="" />  
    <p>Tasty and fullfiling, … </p>  
</div>  

Заголовки в основном контенте тоже должны быть редактируемыми.

<h2 id="eomtitle" class="cms-editable" title="EOM Headline">Employee of the month - Jenny Smith</h2>  
<img id="eomimg" class="leftalign cms-editable" title="EOM Image" src="/images/home-image-sample1.gif" alt="" />  
<p id="eomtext" class="cms-editable" title="EOM Text">Tasty and fullfiling, … </p>  

В конце концов, сделаем редактируемым и изображение:

<img id="changer" class="cms-editable" title="Changing Image" src="/images/changer.png" />  

Это не затрагивает дизайн сайта и его реализацию. Теперь, если мы откроем веб-приложение в Pagelime, то увидем следующий результат:

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

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

Клик на Edit Site отображала совсем другую картину, где Тони вибырал то, что хотел отредактировать:

Экран показывал все области, о которых мы говорили ранее.

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

Теперь мы хотели обновить изображение.

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

Теперь мы можем посмотреть превью и опубликовать изменения…

После всех изменений…

… таким образом, мы отредактировали весь сайт — с одного телефона! Тут не нужно обладать какими-то техническими знаниями, а денег можно снять больше.

Теперь вы знаете, как это делается. Удивите своих клиентов!

Источник: http://feedproxy.google.com/~r/ruseller/CdHX/~3/opFfsf_VMEo/lessons.php

Читать комменты и комментировать

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



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

Позвольте клиентам обновлять их сайты на лету | | 2012-06-19 12:07:11 | | Статьи Web-мастеру | | Сегодня мы собираемся изучить, как настроить веб-сайт, который может быть легко отредактирован через Ваш iPhone и мобильное приложение thePagelime. Pagelime - это невероятно удобное приложение в | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: