Cookies помогают нам улучшить наш веб-сайт и подбирать информацию, подходящую конкретно вам.
Используя этот веб-сайт, вы соглашаетесь с тем, что мы используем coockies. Если вы не согласны - покиньте этот веб-сайт

Подробнее о cookies можно прочитать здесь

 

MADWWW

Веб-студия (812) 317-11-73

Обучение работе со страницами

Давайте разберемся, как работать со страницами на примере того, как была сделана эта страница.

  1. На панели администратора нажмите на кнопку "Создать":
  2. В открывшемся диалоге задайте название новой страницы и нажмите "Создать":
  3. Страница будет создана. Отобразится уведомление. Нажмите на него, чтобы открыть новую страницу:
  4. На панели администратора MADWWW нажмите на кнопку "Включить редактор":
  5. Включится режим редактирования страницы:

    Редактируйте страницу с помощью меню слева.
    Также, у Вас есть подсказки прямо на странице. В них указывается действие, которое необходимо выполнить на данном этапе создания страницы:

  6. Нажмите на кнопу "Добавить ряд" в меню слева:
  7. Новый ряд добавлен:
  8. Нажмите кнопку "Добавить колонку" в меню слева:
  9. Выберете ряд, в который хотите поместить колонку и нажмите на него:

     В одном ряду может быть одна или несколько колонок. Для каждой колонки Вы должны задать ширину.

  10. В открывшемся диалоге задайте ширину новой колонки (выберете из имеющихся размеров). Ряд - это 100% или 12 колонок. Мы хотим, чтобы в ряду у нас была одна большая колонка и одна боковая маленькая. Поэтому, задаем ширину основной колонки  67% (8/12). Соответственно, боковая боковая колонка будет иметь ширину 33%(4/12). После того, как задали размер, нажмите кнопку "Сохранить":
  11. Колонка добавлена:
  12. Теперь добавим статью в колонку (в колонку можно добавлять текстовые статьи, а также, любые виджеты, доступные на Вашем сайте). Для этого нажмите на кнопку "Добавить элемент" в меню слева:

  13. Нажмите на колонку, в которую хотите поместить статью:
  14. В открывшемся окошке нажмите на пункт "Статья":
  15. Откроется диалоговое окошко со всеми статьями сайта. Если Вы уже создавали статью для этой страницы, то просто выберете нужную (можно воспользоваться фильтром для поиска) и нажмите кнопку "Вставить" слева от названия этой статьи:
  16. Если Вы еще не создавали статью, нажмите кнопку "Создать новую":
  17. Введите название статьи и нажмите кнопку "Создать":
  18. У Вас снова откроется список всех статей:
  19. Если статей много, воспользуйтесь фильтром для поиска только что созданной статьи. И нажмите кнопку вставить слева от только что созданной статьи:
  20. Статья добавлена:
  21. Так как статья пустая, в нее необходимо добавить текст. Для этого, нажмите на область, обозначающую статью, чтобы появился редактор:
  22. Добавьте текст, картинки и нажмите кнопку "Сохранить":

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

  23. Статья добавлена:
  24. Теперь добавим колонку справа. Для этого нажмите на кнопку "Добавить колонку" в меню слева:
  25. Выберете ряд, в который хотите поместить колонку и нажмите на него:
  26. Так как в этом ряду уже есть колонка, необходимо указать с какой стороны будет вторая колонка. Мы хотим поместить новую колонку справа, поэтому нажмите на правую стрелочку:
  27. У первой колонки мы задали ширину 67%(8/12), поэтому у этой колонки задайте ширину 33%(4/12) и нажмите кнопку "Создать":

  28. Колонка добавлена:
  29. Добавляем статью, точно так же, как добавляли в первую колонку. Нажимаем на кнопку "Добавить элемент" в меню слева:
  30. Выберете колонку, в которую хотите добавить статью и нажмите на нее:

  31. Откроется диалог, в котором нужно выбрать тип элемента. Нажмите на пункт "Статья"
  32. Откроется диалог вставки статьи в колонку. В нем отображены статьи сайта. Можно воспользоваться фильтром для поиска нужной. Также можно создать новую.
  33. Мы будем создавать новую. Нажмите на кнопку "Создать новую"
  34. Укажите заголовок новой статьи и добавьте ее в колонку, нажав на кнопку вставить слева от названия статьи:

  35. Статья добавлена:

Аналогично создаем дополнительные ряды, колонки в рядах и элементы в колонках.

Что еще можно делать с элементами?

  • Удалять любой элемент, колонку, блок - нажмите на кнопку "Удалить" у этого элемента
  • Изменять положение элемента - нажмите на кнопку "Переместить"
    Потом просто укажите, куда его вставить
  • Изменять ширину колонки - нажмите на соответствующую кнопку
    Нужно будет указать новую ширину колонки
  • Задавать стилизацию элемента, колонки, блока или всей страницы с помощью CSS - нажмите на соответствующую кнопку