Readymag как пользоваться

Readymag, онлайн-инструмент для создания интерактивных презентаций, мультимедийных лонгридов и микросайтов, запустил возможность совместной работы над проектами Readymag Teamwork.

Антон Герасименко, основатель Readymag: «Сейчас примерно половина наших пользователей — это рекламные агентства и небольшие дизайн-студии, которые создают с помощью Readymag презентации, внутренние дайджесты, обучающие материалы и лендинги.

Как создать сайт без знания программирования? 4 полезных сервиса

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

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

Кроме агентств и дизайн-студий, R/m пользуется много независимых издателей и дизайнеров.

Очень хочется, чтобы новый функционал в том числе подтолкнул их собираться в небольшие команды и вместе работать над своими историями и веб-проектами».

О функционале:

Организовать командную работу могут все обладатели аккаунта Super Publisher (от 12$ в месяц) — в их профилях появилась желтая кнопка, с помощью которой можно пригласить других участников в тот или иной проект, либо предоставить доступ ко всему аккаунту.

Участники команды могут одновременно работать над целым проектом, но когда кто-то редактирует страницу, для остальных она становится доступна в режиме «наблюдателя».

Пригласить одного участника можно бесплатно. За каждого последующего взимается плата в размере стоимости аккаунта Super Publisher. Количество участников, работающих над одним проектом, не ограничено.

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

Екатерина Штоколова, менеджер проектов Института «Стрелка»: «Teamwork – отличный бонус для команд, где в процессе необходимо групповое участие. В Институте «Стрелка» уже есть ряд проектов, в которых одновременно участвует большое количество человек, например, студенты заливают контент, а дизайнеры правят визуальную составляющую.

Теперь мы можем параллельно редактировать страницы, что, безусловно, делает процесс еще легче и эффективнее».

О компании:

Readymag — универсальным дизайн-инструмент для презентации своего контента в интернете. Интерфейс Readymag дает полную свободу действий и позволяет создавать веб-сайты, лонгриды, презентации, портфолио, интерактивные журналы и другие формы мультимедийного контента в вебе без всяких навыков програмирования.

Компания Readymag была основана в 2012 году Антоном Герасименко, Дианой Новичихиной и Кириллом Данченко. Аудитория Readymag насчитывает 50 тысяч пользователей по всему миру. Среди клиентов Readymag такие компании, как The Guardian, WWF, Airbnb, Red Bull, IDEO, The Huffington Post, STRELKA Institute и другие.

Сайт

https://readymag.com/

Проекты, сделанные на Readymag

readymag.com/explore

Данный материал является частной записью члена сообщества Club.CNews.
Редакция CNews не несет ответственности за его содержание.

2 года назад | тэги: веб-дизайн

Материал из Wiki-Сибириада

Перейти к: навигация, поиск

Информация о сервисе

Readymag — сервис, который позволяет создавать мультимедийные страницы, включающие в себя помимо текста и изображений виджеты со слайдшоу, видео, картой Google, аудио, материалами из Twitter и Facebook, кнопки для перехода или со всплывающим текстом, а также вставить виджет с использованием кода HTML.

Обзор. Readymag и Exposure как будущее блогинга.

Можно в качестве фона использовать не только фотографию, но и видео, убрав, например, звук.

В сервисе можно создавать веб-страницы, журналы, интерактивные плакаты и инструкции, лонгриды, презентации, рассказы, отчеты и др.

Бесплатно можно создать 1 журнал и 10 страниц.

Как работать в сервисе

Как разместить в вики

1. Откройте страницу вики, куда хотите вставить виджет, и переходите в режим Правка
2. Помещаем код для вставки виджета

{{#widget:Iframe |url= |width=600 |height=400 |border=0 }}

3. Откройте Readymag, перейдите на страницу публикации и скопируйте адрес браузерной строки
4.Вставьте скопированное в код виджета после url=

{{#widget:Iframe |url=https://readymag.com/u50075358/643807/ |width=600 |height=400 |border=0 }}

Примеры

Ссылки

Категория: Справка

В разделе «Конструктор сайта» задаются правила отображения каждой страницы интернет-магазина. Список страниц в системе предопределен установленными модулями. Например, страницами считаются: главная страница, страница со списком товаров, страница с карточкой товара, страница сравнения товаров, страница пункта меню, страница со списком статей, страница просмотра статьи и т. д.

Если для страницы уже заданы правила отображения, то она будет присутствовать в списке страниц. В случае, если страницы нет в списке, для ее отображения будут использоваться параметры страницы «по умолчанию». Чтобы добавить персональное отображение для страницы, нажмите на кнопку Добавить страницу.

Конструктор сайта. Список страниц.

Конструктор сайта позволяет:

  • Связать страницу с шаблоном отображения Smarty. В этом случае верстка и вставка необходимых блоков должны быть реализованы в шаблоне.
  • Настроить страницу по сеточной модели. Этот вариант предусматривает сборку страницы, основываясь на трех понятиях: Контейнер, Секция, Блок.

В случае сборки сайта по сеточной модели страница делится на 12 или 16 колонок равной ширины (это происходит внутри Контейнера).

Как мы делали сайт на Tilda Publishing

Стандартной шириной рабочей области (в которой располагается весь контент) считается 960 px, однако это значение может быть и другим. Внутри рабочей области могут располагаться Секции, ширина которых измеряется количеством колонок, занимаемых секцией. Внутри секций можно расположить Блоки.

Контейнер — это корневой элемент для секций, создает рабочую область. Имеет настройки:

  • Ширина — указывает какое количество колонок должно быть на странице. Возможные варианты 12 или 16 колонок.
  • CSS класс — CSS класс, который будет приписан HTML-элементу данного контейнера.
  • Название — любое название, характеризующее содержимое контейнера.
  • CSS класс оборачивающего блока — CSS класс HTML-элемента, располагающегося на уровень выше.
  • Внешний элемент — HTML-тег, оборачивающий элемент с контейнером.
  • Внешний шаблон — произвольный шаблон, выводящий HTML контейнера через переменную $wrapped_content. Вокруг этой переменной можно добавить любой HTML-код.
  • Внутренний шаблон — произвольный шаблон, выводящий HTML секций через переменную $wrapped_content. Вокруг этой переменной можно добавить любой HTML-код.

Параметры контейнера

Чтобы добавить секцию в контейнер или настроить параметры контейнера, необходимо воспользоваться меню контейнера.

Меню контейнера

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

Секция — область внутри контейнера, имеющая определенную ширину. Основное предназначение секции — это удерживание содержимого в пределах своей области. Имеет настройки:

  • Название секции для автоматической вставки модулей — возможные значения: «Не указано», «Левая колонка», «Правая колонка», «Центральная колонка», «Другое». Используется во время установки новых модулей, для автоматического размещения Блоков.
  • Ширина — ширина секции, указывается в количестве колонок, которое должна занимать секция.
  • Внутреннее выравнивание — возможные значения: на всю ширину, слева, справа. Устанавливает, как должны горизонтально выравниваться Блоки внутри секции.
  • Префикс — отступ слева внутри секции (padding-left). Задается в количестве колонок. Увеличивает ширину секции.
  • Суффикс — отступ справа внутри секции (padding-right). Задается в количестве колонок. Увеличивает ширину секции.
  • Сдвиг влево — сдвигает секцию влево, при этом секция может накладываться на другую (position:relative; left:-n).
  • Сдвиг вправо — сдвигает секцию вправо, при этом секция может накладываться на другую (position:relative; left:+n).
  • Пользовательский CSS класс — CSS класс, который будет присвоен HTML-элементу секции.
  • Внутренний шаблон — произвольный шаблон, выводящий HTML блоков через переменную $wrapped_content.

    Вокруг этой переменной можно добавить любой HTML-код.

Параметры префикс (prefix), суффикс (suffix), сдвиг влево (pull), сдвиг вправо (push) полностью соответствуют понятиям, принятым в CSS-фреймворке GS960.

Параметры секции

Каждая секция имеет собственное меню, действия которого описаны в изображении ниже.

Меню секции

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

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

Блок — видимая часть модуля, в которой отображается определенная информация. Блок размещается внутри секции. Каждый модуль может иметь неограниченное число блоков. Например, модуль «Каталог» содержит в себе следующие блоки: «Последние просмотренные товары», «Список категорий», «Рекомендуемые товары».

Чтобы добавить блок, в меню требуемой секции следует нажать на иконку «Добавить модуль». Откроется окно со списком доступных блоков, распределенных по модулям.

Диалог выбора блока

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

Например, блок «Список категорий» имеет две настройки:

  • Шаблон, который используется для отображения блока;
  • Корневая директория, с помощью которой можно ограничить список отображаемых категорий.

Настройки блока

Отдельно стоит сказать про блок Главное содержимое страницы. Он принадлежит Системному модулю. Этот блок содержит основной HTML, который был подготовлен фронт-контроллером для открытой пользователем страницы. То есть данный блок должен присутствовать на каждой странице. Исключением может быть главная страница, фронт-контроллер которой ничего не возвращает.

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

Наследование контейнеров

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

Секции и блоки можно перемещать, используя технологию drag&drop (то есть с помощью мыши).

Перемещение блоков

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

В верхней части «Конструктора сайта» располагаются кнопки для быстрого импорта/экспорта структуры блоков через xml-файл:

  • Сохранить эталон темы — позволяет сохранить все сведения о страницах в файле blocks.xml темы оформления.
  • Экспорт — позволяет скачать xml-файл со всеми сведениями о страницах.
  • Импорт — позволяет загрузить сведения о страницах из xml-файла.

Кнопки конструктора сайта

Оставьте комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *