Шаблоны
Сайты клиентов
Тарифы
Обучение
Campus - Обучение
Практические знания, как улучшить навыки в создании сайтов
и заработке на этом
Статьи
Статьи, как улучшить качество сайта
и увеличить продажи
Справочный центр
Инструкции по сервису и связь
с тех.поддержкой
Бесплатный практикум
Инструкции по сервису и связь
с тех.поддержкой
Вход
Регистрация
← Назад
Редактор
Сайт

Как добавить на сайт блог, статьи, новости

Сложность ∙ Легко
В этой статье мы покажем несколько примеров, как создать блог в конструкторе сайтов mottor.


Опишем 2 основных метода:
I. С помощью секции "Контент, статьи, блог"
II. С помощью товарного каталога


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

I. С помощью секции "Контент, статьи, блог"

  • Перейдите в редактор нужной страницы сайта, добавьте новую секцию:
Добавление новой секции в редакторе mottor
Добавление новой секции в редакторе mottor

• Во вкладке "Динамические" выберите категорию "Контент, статьи, блог" и один из трех шаблонов секций в нем:

Добавление динамической секции "Контент, статьи, блог"
Добавление динамической секции "Контент, статьи, блог"
Для размещения большого списка статей мы рекомендуем использовать шаблоны "Список статей" или "Адаптивная сетка со слотами".

Шаблон "Список статей" позволит вам собрать блог с фиксированной структурой максимально быстро.

Шаблон "Адаптивная сетка со слотами" представляет собой набор пустых карточек, которые вы сможете самостоятельно наполнить нужными блоками. Дает большую свободу при настройке дизайна, но потребует больше времени для размещения новостей.

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


В рамках этой инструкции мы в качестве примера рассмотрим шаблон "Список статей", добавим его в редактор:
Шаблон "Список статей" в mottor
Шаблон "Список статей" в mottor

• Чтобы быстро изменить текст внутри секции, кликните по элементу и укажите нужную формулировку:

Изменения текста в шаблоне страницы сайта
Изменения текста в шаблоне страницы сайта

• Для замены изображений в новостях, дважды кликните по ним левой кнопкой мыши и загрузите нужное фото:

Изменения изображение в шаблоне статей
Изменения изображение в шаблоне статей

• Теперь рассмотрим настройки секции. Чтобы открыть их, нажмите на иконку шестеренки в меню этой секции:

Переход в настройки секции для статей
Переход в настройки секции для статей

Справа откроется панель меню:

Настройки секции "Список статей"
Настройки секции "Список статей"

• Во вкладке "Список статей" вы сможете создать новые, либо настроить или удалить уже имеющиеся статьи:

Добавление или удаление статей из секции "Список статей"
Добавление или удаление статей из секции "Список статей"

Нажав на кнопку "•••", вы сможете открыть настройки статьи:

Настройки статьи в секции в mottor
Настройки статьи в секции в mottor

Здесь вы также сможете отредактировать ее содержимое, а также указать ссылку на страницу сайта с полным текстом новости.


• Если вы желаете разместить на сайте короткие новости без подробного просмотра, то можете отключить показ кнопок во вкладке "Настройка карточек":

Настройка кнопок в секции со статьями
Настройка кнопок в секции со статьями

Но в нашем примере кнопки будут нужны, потому мы их не отключаем.



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

Переход в список страниц из редактора сайта в mottor
Переход в список страниц из редактора сайта в mottor

• Воспользуйтесь опцией "Создать страницу":

Создание новой страницы в mottor
Создание новой страницы в mottor

В рамках данного примера мы используем пустую страницу:

Выбор пустого шаблона при создании страницы в mottor
Выбор пустого шаблона при создании страницы в mottor

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

Наполнение страницы может быть абсолютно любое, потому этот шаг мы не будем подробно рассматривать.


• Теперь нужно изменить адрес страницы с новостью. Для этого перейдите
в настройки страницы:

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

Наполнение страницы может быть абсолютно любое, потому этот шаг мы не будем подробно рассматривать.


• Теперь нужно изменить адрес страницы с новостью. Для этого перейдите в настройки страницы:

Настройки страницы в mottor
Настройки страницы в mottor

Во вкладке "Общие" найдите пункт "Адрес страницы", нажмите "Изменить" и укажите подходящий адрес новости:

Изменение адреса страницы статей в mottor
Изменение адреса страницы статей в mottor

• Вернемся в редактор страницы со списком новостей. Откройте настройки новости, установите в ней переход на созданную страницу сайта. Для этого одинаково подходят опции "Страница сайта" и "Внешняя ссылка":

Варианты ссылок с карточек новостей
Варианты ссылок с карточек новостей

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


Проще всего будет воспользоваться опцией "Страница сайта", установим ее и выберем из списка нужную страницу:

Выбор ссылки на страницу новости
Выбор ссылки на страницу новости

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

Выбор страницы новости в списке страниц
Выбор страницы новости в списке страниц

Таким же образом вы сможете создать страницы для остальных новостей и разместить ссылки на них в настройках секции "Список статей".

• Если вы планируете создать большое кол-во новостей с примерно одной структурой, то можете клонировать уже готовую страницу с новостью:

Клонирование страниц в mottor
Клонирование страниц в mottor

II. С помощью товарного каталога

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


• Зайдите в "Управление" сайтом, раздел "Товары", создайте новый товар:
Добавление товара вручную для создания статьи
Добавление товара вручную для создания статьи

• В названии товара укажите дату и краткую формулировку новости:

Ввод названия товара
Ввод названия товара

Укажите цену товара — 0:

Установка цены 0
Установка цены 0

Загрузите одну или несколько фотографий:

Добавление картинок новости через товар
Добавление картинок новости через товар

Укажите краткое описание новости, в ней опишите его основную суть:

Ввод краткого описания статьи через товары
Ввод краткого описания статьи через товары

Привяжите к товару новую категорию. Например, "Статьи":

Добавление категории товаров для статьи
Добавление категории товаров для статьи

И сохраните настройки товара:

Сохранение информации статьи
Сохранение информации статьи

• Теперь создадим страницу сайта с подробным описанием новости. Перейдите в "Управление" сайта и создайте новую страницу:

Создание страницы в mottor
Создание страницы в mottor

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

Выбор нового шаблона страницы
Выбор нового шаблона страницы

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

Наполнение страницы может быть абсолютно любое, потому этот шаг мы не будем подробно рассматривать.


• Измените адрес страницы в ее настройках:

Переход в настройки страницы
Переход в настройки страницы

Во вкладке "Общие" найдите пункт "Адрес страницы" и нажмите "Изменить". Укажите нужный адрес страницы и сохраните изменения:

Изменение адреса страницы новости
Изменение адреса страницы новости

Скопируйте ссылку на эту страницу и вернитесь в настройки товара (новости). В разделе "Специальная страница для просмотра товаров" выберите параметр "Внешняя ссылка", вставьте скопированную ссылку на страницу с новостью:

Ввод адреса страницы в подробной просмотр товара
Ввод адреса страницы в подробной просмотр товара

И не забудьте сохранить настройки товара.

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



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

Добавление новой секции на страницу в mottor
Добавление новой секции на страницу в mottor

Во вкладке "Динамические" выберите категорию "Товарный каталог", добавьте шаблон "Товары с параметрами":

Добавление товарной секции в редактор
Добавление товарной секции в редактор

Секция появится в редакторе:

Отображение примера секции "Товары с параметрами"
Отображение примера секции "Товары с параметрами"

Как мы видим, в этой секции отображается много лишней информации — поиск по товарам, сортировка, фильтры, цена товара, кнопка "В корзину". Все это нужно отключить в настройках секции, откроем их:

Настройки секции товаров
Настройки секции товаров

• Справа откроется окно настроек, в самом первом пункте выберите опцию
"Без фильтров":

Выбор отображения товаров без фильтров
Выбор отображения товаров без фильтров

• Во вкладке "Основные настройки" отключите показ "Поиска по каталогу", "Сортировки товаров" и "Подсчета товаров":

Отключение товарных опций для новостей
Отключение товарных опций для новостей

• Во вкладке "Карточка товара" обязательно включите опцию "Подробный просмотр по клику":

Включение подробного просмотра новости по клику
Включение подробного просмотра новости по клику

С помощью нее пользователи смогут переходить на страницу новости при нажатии на карточку внутри секции.


• В разделе "Элементы" скройте отображение цены товара:

Выключение отображения цены
Выключение отображения цены

• В настройках элемента "Кнопки" выберите показ только одной клавиши — "Подробнее":

Настройка кнопки "Подробнее" в списке новостей
Настройка кнопки "Подробнее" в списке новостей

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



• Теперь разместим выше секции со списком статей пустую блочную секцию:

Добавление блочной секции в редактор
Добавление блочной секции в редактор

• Добавьте в нее текстовый блок для установки заголовка. Под ним разместите блок "Поиск по товарам":

Добавление поиска по новостям и товарам
Добавление поиска по новостям и товарам

• Зайдите в настройки блока "Поиск по товарам" и во вкладке "Настройки отображения" отключите показ цены товара:

Настройки блока "Поиск по товарам" для поиска новостей
Настройки блока "Поиск по товарам" для поиска новостей

Выберите категорию товаров, по которой должен производиться поиск по статьям:

Выбор поиска в категории новостей сайта
Выбор поиска в категории новостей сайта

Готово, общая настройка завершена!

Часто задаваемые вопросы
1. Как добавить возможность оставлять комментарии на странице блога?

Вы можете использовать для этого виджет комментариев VK.

2. Как добавить кнопку "Поделиться новостью"?

Вы сможете сделать это с помощью нашей инструкции.

Итоги

Итак, в этой статье мы узнали, как можно создать блог.

Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat

Создать сайт с ИИ бесплатно

Не забудьте протестировать все возможности mottor прямо сейчас

Конструктор сайтов, чат-ботов, автоворонок, мобильных приложений

Конструктор сайтов, чат-ботов, автоворонок, мобильных приложений

Быстрый старт:

Премиум поддержка
Полезные материалы
Интеграции
Технологии
Шаблоны сайтов
Тарифы
Импорт из Figma
Сделано на mottor
Партнеры

Продукты:

Сайты + лендинги
Интернет-магазины
Квизы
Чат-боты
Автоворонки
Приложение
AI-агенты (n8n)
Партнерская программа
WhiteLabel

О нас:

О компании
Тур по сервису
Вакансии
Отзывы
Контакты

Шаблоны:

Популярные запросы:

Все шаблоны
Шаблон доставка еды
Шаблон строительство
Шаблон недвижимость
Шаблон онлайн-курс
Шаблон онлайн школа
Шаблон портфолио
Шаблон вебинар
Шаблон интернет-магазин мебели

ООО “ЛПМОТОР”, все данные защищены

Договор оферта
Согласие
Политика конфиденциальнсоти
Инструкция по установке
Бесплатный конструктор сайта
Одностраничный сайт
Конструктор интернет магазинов
Конструктор страниц
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Сайт конструктор бесплатно
Создать квиз
Конструктор создания сайтов
Создать сайт бесплатно конструктор
Многостраничный сайт
Создать бесплатно интернет магазин
Создать сайт онлайн бесплатно самому
Создать сайт конструктор

Стоимость:

Клиенты:

Материалы:

Обновления
Справочный центр
Бесплатный практикум
Mottor Campus

Подпишитесь на наши соцсети
и получайте кейсы, исследования и обновления первыми:

Бесплатный звонок по России

Бесплатный звонок по России

support@lpmotor.ru

support@lpmotor.ru