Позвольте клиентам обновлять их сайты на лету
Сегодня мы собираемся изучить, как настроить веб-сайт, который может быть легко отредактирован через Ваш 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
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-11-26 » Капитан грузового судна, или Как начать использовать Docker в своих проектах
- 2024-11-26 » Обеспечение безопасности ваших веб-приложений с помощью PHP OOP и PDO
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-15 » Перенос сайта на WordPress с одного домена на другой
- 2024-11-08 » OSPanel 6: быстрый старт
- 2024-11-08 » Как установить PhpMyAdmin в Open Server Panel
- 2024-09-30 » Как быстро запустить Laravel на Windows
- 2024-09-25 » Next.js
- 2024-09-05 » OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения
- 2024-08-28 » Чек-лист: как увеличить конверсию интернет-магазина на примере спортпита
- 2024-08-01 » WebSocket
- 2024-07-26 » Интеграция с Яндекс Еда
- 2024-07-26 » Интеграция с Эквайринг
- 2024-07-26 » Интеграция с СДЕК
- 2024-07-26 » Интеграция с Битрикс-24
- 2024-07-26 » Интеграция с Travelline
- 2024-07-26 » Интеграция с Iiko
- 2024-07-26 » Интеграция с Delivery Club
- 2024-07-26 » Интеграция с CRM
- 2024-07-26 » Интеграция с 1C-Бухгалтерия
- 2024-07-24 » Что такое сторителлинг: техники и примеры
- 2024-07-17 » Ошибка 404: что это такое и как ее использовать для бизнеса
- 2024-07-03 » Размещайте прайс-листы на FarPost.ru и продавайте товары быстро и выгодно
- 2024-07-01 » Профилирование кода в PHP
- 2024-06-28 » Изучаем ABC/XYZ-анализ: что это такое и какие решения с помощью него принимают
- 2024-06-17 » Зачем вам знать потребности клиента
- 2024-06-11 » Что нового в работе Яндекс Метрики: полный обзор обновления
- 2024-06-11 » Поведенческие факторы ранжирования в Яндексе
- 2024-06-11 » Скорость загрузки сайта: почему это важно и как влияет на ранжирование
Чтобы вырастить плодоносящий сайт - его полезно регулярно поливать и удобрять с помощью рекламы и оптимизации Компания "RedLine" |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.