be art agency
Новый кот
небольшое руководство со скриншотиками по добавлению, оптимизации и поддержке сайта.

Удачи и
Приятного просмотра!

Кстати, читать гайд удобнее всего на одной из двух  опубликованных страниц.

Новый кот Адресный сбор
Как добавить страницу котика на сайт?
  1. Нажимаем кнопку + Создать новую  страницу.
  2. В появившемся окне выбираем пункт Мои шаблоны.
  3. Из шаблонов выбираем Милая миса.
  4. Страница создана и готова к редактированию.
Как редактировать и настраивать новую страницу
Важно!
Первым делом обратите внимание на жёлтую надпись при наведении на блок Если здесь стоит значение от 980px до ∞, то блок будет корректно отображаться только на экранах компьютеров.

А надпись от 0px до 980px сообщает нам, что блок виден на мобильной и планшетной версии.

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

Вернемся к контенту


  1. Выбираем пункт Контент, меняем название и фото.
  2. Сохраните изменения.

Редактируем страницу для мобильных устройств


  1. Переходим к следующему блоку шаблона (второй сверху) — он и является версией страницы для мобильных устройств и планшетов.
  2. Внимательно следите за расположением контента на странице!

Для наглядного примера используем имя Рассудительная Розмари

Обратите внимание, кот совсем не попал в кадр и имя кота не помещается в пределах экрана.


Как поступить в данной ситуации:

  • в имени кота оставляем только Розмари;
  • фото обрезаем в любом графическом редакторе так, чтобы лицо кота находилось по центру.

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

Как опубликовать новую страницу

  1. Для публикации страницы необходимо нажать одноимённую кнопку во всплывающем меню Тильды.
  2. Нажимаем кнопку и смотрим результат.
  3. Если вы вносите изменения, то для их отображения на конечной страниц, нужно снова нажать кнопку Опубликовать.

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


Ссылка в браузере, которую вы видите, когда создаете страницу, служебная. Если вы отправите ее кому-то, она не откроется. Если вы поставите ее в меню, работать она не будет (Скрин № 3).

текст и фото

В блоке DV12 при нажатии на вкладку Контент появится блок с текстом 799118259, 799118260.
Его нужно удалить и нажать на кнопку Выбрать блоки. Пролистнуть чуть выше и отметить первые два блока с нашими обложками и сохранить результат.

первый текстовый блок

Первым блоком будет текстовый — TL02. После замены текста необходимо нажать на иконку книги над текстом.
Этот элемент называется Автотипограф он добавляет в текст элементы (( ) неразрывный пробел)

Фото

Следующий блок GL 12 — блок галерея. В его настройках мы можем добавлять количество карточек в ряду (до 4-х карточек).
Остальные настройки трогать не нужно). Если фотографий больше четырёх, то остальные лучше расположить в блоке ниже.


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


Убедительная просьба! Сжимайте фото перед загрузкой на сайт, ссылка на сервис: https://www.iloveimg.com/ru/compress-image

Второй текстовый блок

Следующий текстовый блок снова текстовый — TX01


Важно! Данный блок всегда должен быть ниже блока TL02 (если блок не используется в конкретной публикации, то его нужно удалить!)

завершающий текстовый блок

Страница заканчивается ещё одним текстовым блоком — TX02.


Важно! Данный блок всегда должен быть в конце страницы.

BASICS
Как задать имя страницы?
  1. Переходим во вкладку настройки.
  2. Меняем заголовок, описание и придумываем ссылку страницы, например : rozmaryy; и добавляем бейджик.
  3. Теперь ссылка на нашу страницу: https://matroskin-perm.ru/rozmaryy

Страница готова, теперь нужно добавить котика на страницу “Ищут дом”

BASICS
Как добавить новую страницу в раздел "Ищут дом"?

  1. Переходим на страницу Ищут дом и находим блок PL115N.
  2. Для редактирования переходим во вкладку Контент.
  3. Для добавления новой карточки необходимо пролистать в самый низ и нажать кнопку Добавить элемент, либо дублировать любую ранее сделанную карточку.
Обратите внимание!
очень важная информация!

И последнее — выделите текст, выберите пункт добавить ссылку, в появившемся окне впишите в верхнюю строку header, цвет и стиль задавать не надо;


Имя кота пишется в пункте описание;


Отступ между именем кота и описанием 1 строка.

Фото нужно вставлять в рамку. Шаблоны рамок можно скачать по ссылке: figma.com


Далее добавляем ранее созданную нами ссылку.


Сохраняем, публикуем, наслаждаемся результатом.

Остались вопросы?