Установка и настройка шаблона MagSoft для Blogger

MagSoft — журнальный шаблон от Edgy Templates, отличающийся философией «Soft UI»: мягкие тени, скруглённые углы, card-style карточки. Это один из немногих шаблонов в каталоге, у которого есть встроенная система закладок (Bookmark) и кастомное уведомление в шапке (Notification Bar). Плюс шаблон поставляется в трёх версиях — Default, Dark Mode и RTL для арабского, иврита и других языков справа налево.

В этой инструкции я перевёл и адаптировал официальную документацию Edgy Templates на русский, проверил каждый шаг и добавил практические советы. Текущая версия шаблона — V.2.6.0 от 16 мая 2025. Особое внимание — разделу 1, где я разбираю установку всех трёх XML-файлов и переключение между ними, а также блоку «Эксклюзивные фишки MagSoft» — там про Bookmark и Notification Bar, которые работают из коробки без сложных настроек.

Работай с открытой админкой Blogger в соседней вкладке. Ещё не установил MagSoft? Сначала глянь обзор шаблона — там разбор уникальных фишек и сравнение с другими шаблонами каталога.

📋 Навигация по инструкции

1. Установка шаблона (3 версии в коробке)
2. Логотип шапки
3. Меню шапки
4. Мега-меню
5. Топ-трендовые посты
6. Избранные посты
7. Лента недавних постов
8. Система комментариев
9. Настройка меток постов
10. Автор и дата поста
11. Похожие посты
12. Реклама в постах
13. Карточки в постах
14. Разбивка длинных постов
15. Социальные иконки автора
16. Виджет Facebook
17. Соцсети в сайдбаре
18. Подписка по Email
19. Посты и комментарии в сайдбаре
20. Посты в подвале (уникально для MagSoft)
21. Подвал сайта
22. Согласие на cookies
23. Варианты вёрстки
24. Настройка фида
25. Цвета и шрифты

1. Установка шаблона: 3 версии в коробке

У MagSoft есть особенность — в одной покупке ты получаешь три отдельных XML-файла. Каждый — это полноценный шаблон со своим дизайном. Прежде чем устанавливать, разберись, какая версия тебе нужна.

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

🌞 Default (светлая) — классический Soft UI дизайн на белом фоне. Универсальный вариант для tech-журналов, личных блогов, lifestyle-проектов и портфолио.

🌙 Dark Mode (тёмная) — полностью тёмный дизайн со скруглёнными углами. Soft UI особенно красиво смотрится в тёмной палитре — мягкие тени делают интерфейс «обволакивающим». Идеально для tech-блогов и гейминга.

🌍 RTL (справа налево) — версия с направлением текста справа налево. Для сайтов на арабском, иврите, фарси.

Базовая установка

Процесс одинаков для любой из трёх версий:

1. Скачай XML-файл нужной версии из библиотеки Gumroad (если ты купил премиум) или из обзора шаблона (для бесплатной версии).
2. Открой свой блог в Blogger и перейди в раздел Тема.
3. Нажми на стрелочку вниз рядом с кнопкой Настроить.
4. Выбери Восстановить.
5. Загрузи скачанный XML-файл.
6. Шаблон применится автоматически.

⚠️ Обязательно сделай бэкап
Перед установкой нового шаблона сохрани текущий: Тема → стрелочка вниз → Резервное копирование. Если что-то пойдёт не так, всегда сможешь вернуться к старой версии.

Как переключаться между версиями

Допустим, ты поставил Default и хочешь попробовать Dark Mode. Процесс простой:

1. Сделай бэкап текущей темы (на всякий случай).
2. Открой Тема → стрелочка вниз → Восстановить.
3. Загрузи XML-файл другой версии (Dark Mode или RTL).
4. Готово — новый дизайн применился.

Что сохраняется при переключении: посты, страницы, комментарии, метки — всё остаётся на месте. Это контент сайта в Blogger, а не часть шаблона.
Что нужно перенастроить: виджеты в Дизайне (логотип, меню, шорткоды). Часто настройки сохраняются автоматически, но иногда нужно подкрутить.

Сразу после установки: зайди в Настройки → Site Feed и установи режим Short. Это активирует Native Feed System шаблона и ускорит загрузку сайта (см. раздел 24).

🎁 Эксклюзивные фишки MagSoft, которые работают «из коробки»

У MagSoft есть две уникальные функции, которых нет ни у одного другого шаблона в каталоге. Хорошая новость — они работают автоматически после установки, без дополнительных настроек.

🔖 Bookmark / Like System — на каждом посте появляется кнопка лайка. Когда читатель её нажимает, пост сохраняется в его браузере (через localStorage) и появляется в верхней панели меню как закладка. Без регистрации, без серверов. При следующем визите подборка ждёт пользователя в меню. Это работает сразу после установки шаблона.

📢 Notification Bar — кастомная полоса-уведомление в самом верху сайта (над меню). Используется для акций, новых постов, ссылок на Telegram. Настраивается через HTML-виджет в Layout — пишешь текст, ставишь ссылку, сохраняешь.

После установки нужной версии шаблон готов к настройке. Все элементы редактируются через раздел Дизайн в админке Blogger.

↑ Наверх

2. Логотип шапки

Открой Дизайн → нажми на иконку редактирования в виджете Header Logo.

Виджет Header Logo в разделе Дизайн

Тёмная версия логотипа

Шаблон поддерживает отдельный логотип для тёмного режима — особенно полезно в Dark Mode-версии. Чтобы загрузить тёмную версию логотипа:

1. Сначала загрузи тёмное изображение в любой пост (можно черновик).
2. Скопируй ссылку на изображение (правый клик → копировать URL картинки).
3. Вставь эту ссылку в поле Link в настройках виджета (как показано на скриншоте выше).

Когда пользователь переключает сайт в тёмный режим, логотип сменится автоматически.

↑ Наверх

3. Меню шапки

Открой Дизайн → нажми на иконку редактирования в виджете Header Menu.

Основное и вложенное меню

Структура ссылок задаётся через специальный синтаксис:

Основной пункт меню: Features — обычный пункт меню.

Подменю 1 уровня: _Sub Menu 1 — одно подчёркивание перед названием.

Подменю 2 уровня: __Sub Menu 2 — два подчёркивания перед названием.

Пример настройки меню с подменю

Важно: Подменю 1 уровня должно идти выше подменю 2 уровня в списке.

Иконки для пунктов меню

MagSoft использует библиотеку Google Material Icons — более 2000 иконок.

Формат кода иконки: <span class="material-symbols-rounded">toggle_on</span>

Как получить HTML-код иконки:

1. Перейди в галерею Google Material Icons.
2. Найди нужную иконку через поиск и кликни на неё.
3. Скопируй Icon Font Code — название иконки (например home, search, toggle_on).

Копирование Icon Font Code из галереи Google Material Icons

4. Вставь код иконки в текст пункта меню в формате <span class="material-symbols-rounded">название</span>

Пункт меню с добавленной иконкой Material Icons

Примечание: В некоторых разделах документации Edgy Templates встречается упоминание Bootstrap Icons — это устаревшая информация из ранних версий. Актуальный шаблон MagSoft V.2.6.0 использует именно Google Material Icons, синтаксис которых описан выше.

↑ Наверх

4. Мега-меню

Мега-меню — это развёрнутое меню с превью постов при наведении. Создаётся через шорткоды:

Недавние посты: megamenu/recent

Случайные посты: megamenu/random

По конкретной метке: megamenu/Your Label

Название метки должно точно совпадать с написанием в постах (важен регистр букв).

Метки (Labels) в редакторе поста Blogger

Как выглядит настройка мега-меню

Ограничение: Мега-меню нельзя использовать внутри подменю — только в основных пунктах меню.

Совет: Если мега-меню выводит мало постов или показывает ошибку — убедись, что под указанным ярлыком опубликовано достаточно постов и название ярлыка точно совпадает с написанием в постах (с учётом регистра).

↑ Наверх

5. Топ-трендовые посты

Блок трендовых постов в верхней части главной страницы. Открой Дизайн → нажми на иконку редактирования в виджете Top Trending Posts. Внутри можно добавить виджет HTML/JavaScript или Популярные посты.

Через HTML/JavaScript

Виджет HTML/JavaScript в Top Trending Posts

Через шорткоды можно настроить, какие посты показывать в блоке. Также можно задать заголовок блока через настройку «Title»:

Недавние посты: trending/recent

Случайные посты: trending/random

По метке: trending/Your Label

Регистр меток: Названия меток в шорткоде должны точно совпадать с написанием в постах — в нижнем или верхнем регистре.

Через виджет Популярные посты

Виджет Популярные посты как альтернатива HTML/JS

Вместо HTML-виджета можно использовать стандартный Популярные посты от Blogger — он выведет самые читаемые материалы по статистике блога.

↑ Наверх

6. Избранные посты

Открой Дизайн → нажми на иконку редактирования в виджете Featured Posts Section. Внутри можно добавить виджет HTML/JavaScript или Популярные посты.

Через HTML/JavaScript

Виджет HTML/JavaScript в Featured Posts Section

Через шорткоды можно настроить, какие посты показывать в блоке избранных. Поддерживается заголовок и количество постов:

Недавние посты: featured/recent

Случайные посты: featured/random

По метке: featured/Your Label

Регистр меток: Названия меток в шорткоде должны точно совпадать с написанием в постах.

Через виджет Популярные посты

Альтернативный вариант через виджет Популярные посты

Аналогично топ-трендовым постам, можно использовать стандартный виджет Популярные посты от Blogger вместо HTML/JavaScript.

↑ Наверх

7. Лента недавних постов

Открой Дизайн → нажми на иконку редактирования в виджете Main Recent Posts (Section).

Виджет Main Recent Posts в разделе Дизайн

Это основная лента публикаций на главной странице — сердце контентной части MagSoft. Здесь показываются последние посты блога в card-style оформлении со скруглёнными миниатюрами.

Особенность MagSoft: В отличие от шаблонов Piki Templates (NestSpot, WindSpot, QuickSpot) с их 4-7 типами Content Blocks, у MagSoft главная страница построена по другой философии — упор на лаконичность и читаемость. Основной контент сосредоточен в Top Trending → Featured Posts → Main Recent Posts. Меньше виджетов — больше визуального пространства, что соответствует концепции Soft UI.

Скрытие заголовка ленты

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

(hide)

Шорткод вставляется в поле Read More виджета. После сохранения главный заголовок ленты скроется.

↑ Наверх

8. Система комментариев

Новая система комментариев позволяет настроить тип комментариев через виджет Blog Posts. Перейди в Дизайн → Blog Posts → Comment Format.

Comment Format в виджете Blog Posts

Шаблон поддерживает три системы комментариев. Выбери одну через шорткод:

Стандартные комментарии Blogger: #type=(blogger)

Disqus: #type=(disqus) #shortname=(Your Shortname)

Facebook: #type=(facebook)

Facebook с выбором языка: #type=(facebook) #lang=(Your Language Code)

Обновление V.2.4.0: С версии V.2.4.0 (ноябрь 2023) в MagSoft улучшена гибкость системы комментариев — теперь поддерживается несколько типов «Comments Box» с более удобными настройками. Это позволяет проще переключаться между Blogger, Disqus и Facebook без правки HTML-кода шаблона.

Языковые коды для Facebook-комментариев

Доступные коды языков: en_US, es_ES, ar_AR, id_ID, th_TH, de_DE, ga_GA, it_IT, ne_NE, ja_JA, vi_VN, pt_BR, fr_FR, ru_RU.

Для русского языка используй код ru_RU. Для RTL-версии MagSoft особенно актуален код ar_AR — комментарии будут отображаться справа налево, как и весь остальной контент сайта. Полный список языков Facebook доступен в официальной документации Facebook.

Вставка медиа в комментарии Blogger

В стандартных комментариях Blogger можно публиковать изображения и видео без шорткодов — просто скопируй ссылку на медиа и вставь её в поле комментария.

Изображения и видео отображаются прямо в комментариях

↑ Наверх

9. Настройка меток постов

Метки (Labels) можно показывать или скрывать в превью постов, а также менять их подпись. Перейди в Дизайн → Blog Posts → Labels Prefix.

Настройка отображения меток через Labels Prefix

Возможные действия:

• Изменить подпись перед метками (по умолчанию — «Labels»).
• Полностью скрыть метки в превью постов, отключив переключатель.
• Оставить метки видимыми, но без префикса.

Метки помогают читателям ориентироваться в темах блога. В MagSoft, благодаря Soft UI-оформлению, метки выглядят как мягкие округлые «таблетки» — стильно и не агрессивно.

Особенность MagSoft V.2.6.0: В новой версии к ссылкам меток /search автоматически добавлен тег nofollow. Это предотвращает утечку SEO-веса на технические страницы поиска и улучшает индексацию основных страниц с контентом.

↑ Наверх

10. Автор и дата поста

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

Настройка автора

Перейди в Дизайн → Blog Posts → Author Format.

Author Format — настройка префикса перед именем автора

Здесь можно:

• Изменить префикс перед именем автора (по умолчанию — «Posted By»).
• Перевести префикс на русский, например, «Автор:».
• Полностью скрыть имя автора, отключив переключатель.

Исправлено в V.2.5.0: Раньше при отключении автора через эту опцию возникали проблемы с отображением имени и фото в некоторых случаях. В версии V.2.5.0 (сентябрь 2024) проблема полностью решена.

Настройка даты

Перейди в Дизайн → Blog Posts → Date Format.

Date Format — настройка формата даты

Здесь можно:

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

Совет для lifestyle и tech-блога: Если у тебя на MagSoft и обзоры техники, и lifestyle-материалы — настройку даты лучше держать включённой. Свежесть техобзоров критична (модели меняются быстро), а у lifestyle-статей дата создаёт ощущение «свежего контента».

↑ Наверх

Открой Дизайн → нажми на иконку редактирования в виджете Related Posts.

Виджет Related Posts в разделе Дизайн

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

Шорткоды для похожих постов

Все шорткоды начинаются с числа — это количество постов, которые будут показаны:

По теме поста (автоматически): 3/related/default

Недавние посты: 3/related/recent

Случайные посты: 3/related/random

По конкретной метке: 3/related/Your Label

Параметр default автоматически показывает посты, которые тематически связаны с текущей статьёй. Это самый умный вариант — шаблон сам подбирает связанные публикации по меткам.

Похожие посты показываются в конце каждой статьи в формате карточек со скруглёнными миниатюрами — стилистически вписываются в Soft UI всего шаблона.

Обновление V.2.4.0: С этой версии Related Posts можно настраивать прямо из Layout без правки HTML — стало проще и удобнее. Также добавлена возможность гибко настраивать заголовок блока.

Особенность для Bookmark-системы: Похожие посты дополнительно усиливают фишку с закладками. Читатель, добавивший статью в Bookmark, видит в конце ещё 3-4 связанных материала — может тут же сохранить и их. Это создаёт «личную подборку» в шапке сайта и заметно повышает время на сайте.

↑ Наверх

12. Реклама в постах

Открой Дизайн → нажми на иконку редактирования в виджете Ad Code for Posts/Pages.

Виджет Ad Code for Posts/Pages

Вставь свой рекламный код (например, AdSense) в этот виджет. Реклама автоматически появится в начале и конце каждой статьи.

Особенность MagSoft V.2.4.0: Можно включить автоматическую рекламу сверху и снизу страниц прямо через Layout, без правки HTML. Также добавлена возможность отключать рекламу внутри статей на конкретных постах и страницах через простой шорткод.

Реклама в середине поста

Для размещения рекламного блока в любом месте внутри поста используется шорткод:

(ads)

Шорткод (ads) в редакторе поста

Шорткод (ads) вставляется в редакторе поста между параграфами в нужном месте. После публикации в этом месте появится рекламный блок.

Важно: Шорткод (ads) работает только при условии, что рекламный код заполнен в виджете Ad Code for Posts/Pages. Без этого шорткод останется пустым.

Скрытие рекламы в конкретных постах

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

(hideAds)

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

Совет для эстетики Soft UI: MagSoft — это шаблон про визуальный комфорт. Если ты вставишь по 5-7 рекламных блоков на статью, вся «мягкость» дизайна сломается. Используй (hideAds) на премиум-материалах, обзорах своих услуг и портфолио. И не злоупотребляй шорткодом (ads) — 1-2 размещения в середине длинной статьи достаточно.

Когда полезно скрывать рекламу: на страницах «О нас», «Контакты», «Политика конфиденциальности» — там реклама неуместна. Также при размещении гостевых статей или при обзорах своих продуктов.

↑ Наверх

13. Карточки в постах

Post Cards — это специальные карточки, которые можно вставлять в посты или на страницы. Они помогают выделить важную информацию: ссылку на другой пост, загрузку файла, рекламу продукта или произвольную карточку. В MagSoft Post Cards появились с версии V.1.1.0 (февраль 2023).

Базовый синтаксис

(getCard) #type=(Card Type) #title=(Card Title) #info=(Card Info) #button=(Card Text) #icon=(Icon Code)

Поддерживается 4 типа карточек: post, download, product, custom.

Четыре типа карточек: Post, Download, Product, Custom

Карточки в стиле Soft UI: В MagSoft Post Cards отображаются со скруглёнными углами и мягкими тенями — стилистически они идеально вписываются в общий дизайн шаблона. Это делает их визуально приятнее для читателя, чем «острые» карточки в новостных шаблонах.

Карточка типа Post (ссылка на другой пост)

Используется когда нужно красиво порекомендовать другую статью в блоге.

(getCard) #type=(post) #title=(You might Like)

Ссылка карточки: поле ссылки можно оставить пустым или поставить любой символ (например, # или /). Шаблон сам подберёт связанный пост.

Карточка Post — рекомендация связанной статьи

Карточка типа Download (загрузка файла)

Используется для предложения файла на скачивание: PDF, шаблон, чек-лист, программа.

(getCard) #type=(download) #title=(MagSoft_Blogger_template.zip) #info=(74.02kb) #button=(Download)

Ссылка карточки: вставь прямую ссылку на файл. Можно включить опцию открытия в новом окне.

Карточка Download — кнопка загрузки файла

Карточка типа Product (продукт на покупку)

Используется для рекомендации товара или платного продукта.

(getCard) #type=(product) #title=(MagSoft Premium Template) #info=(21$) #button=(Buy)

Ссылка карточки: вставь ссылку на страницу покупки. Можно включить открытие в новом окне.

Карточка Product — продвижение товара или продукта

Карточка типа Custom (произвольная)

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

(getCard) #type=(custom) #title=(Custom Post Card) #info=(Info) #button=(Button) #icon=(download)

Параметр #icon — здесь указывается код иконки. Можно ставить любую иконку, подходящую под смысл карточки.

Карточка Custom — гибкая универсальная карточка

Как получить код иконки

MagSoft использует Google Material Icons. Пошагово:

1. Перейди в галерею Google Material Icons.
2. В поиске сверху найди нужную иконку.
3. Кликни на иконку, чтобы открыть её страницу.
4. В правой панели скопируй название иконки (Icon Font Code).

Копирование кода иконки из галереи Google Material Icons

Внимание: Будь аккуратен при копировании кода иконки — лишний символ или пробел сломает отображение карточки.

Исправление V.2.3.0: В версии V.2.3.0 (сентябрь 2023) исправлен баг — раньше шорткод random в Post Card работал некорректно. Теперь карточки с типом Post полноценно поддерживают случайные посты, а не только последние.

↑ Наверх

14. Разбивка длинных постов

Длинные статьи (3000+ слов) можно разбить на несколько страниц с пагинацией. Эта функция (Post Split) улучшает поведенческие факторы, удерживает читателя и увеличивает доход от рекламы. В MagSoft Post Split появился с версии V.1.1.0 (февраль 2023).

Шорткод разбивки

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

(nextPage)

Шорткод можно использовать несколько раз в одном посте — каждое появление создаёт новую страницу. Внизу поста появятся кнопки навигации между страницами.

Пример разбивки длинного поста на страницы

Совет: Разбивай пост по смыслу, а не механически. Каждая страница должна быть логически завершённой — раздел, тема, глава. Не разрывай посередине абзаца или мысли.

Карточки внутри страниц: Внутри каждой страницы поста (созданной через (nextPage)) можно использовать карточки (getCard) из предыдущего раздела. Они работают одинаково на всех страницах.

Идеально для tech-обзоров и лонгридов: MagSoft часто выбирают для длинных обзоров техники, гайдов и аналитических статей. Post Split увеличивает время на сайте и количество показов рекламы. Длинный обзор смартфона, разбитый на 4-5 страниц (внешний вид, экран, камера, производительность, вывод), даёт до 5 показов рекламы вместо одного.

Связь с Bookmark-системой: Когда читатель сохраняет в Bookmark длинный многостраничный пост, при возврате на сайт он открывается с первой страницы. Это значит — пользователь снова пройдёт всю серию страниц, генерируя повторные показы рекламы. Бонус к доходу от лояльной аудитории.

↑ Наверх

15. Социальные иконки автора

Под каждым постом отображается блок с информацией об авторе. В нём можно добавить иконки социальных сетей. Эти иконки берутся из профиля Blogger.

Настройка профиля Blogger

Открой Настройки Blogger → выбери Редактировать профиль Blogger.

Где найти редактирование профиля Blogger

Как добавить иконки соцсетей

В поле «О себе» нужно вставить специальный код. Шаги:

1. Зайди в Blogger → Настройки → Профиль пользователя.
2. В поле описания вставь код со ссылками на свои соцсети.
3. Сохрани изменения.

Поле «О себе» в профиле Blogger

Формат кода для иконок

Каждая иконка социальной сети — это обычная HTML-ссылка с названием соцсети внутри тега. Шаблон MagSoft автоматически распознаёт название и подставляет нужную иконку.

Пример одной ссылки на Instagram:

<a href="https://instagram.com/edgytemplates">instagram</a>

Полный пример профиля с описанием и пятью ссылками:

Hello this is Jane Doe, I am Web Designer and Expert at Edgy Templates
<a href="https://facebook.com/edgytemplates">facebook</a>
<a href="https://twitter.com/edgytemplates">twitter</a>
<a href="https://youtube.com/edgytemplates">youtube</a>
<a href="https://instagram.com/edgytemplates">instagram</a>
<a href="https://www.edgytemplates.com/">external-link</a>

Результат после вставки кода в профиль

Поддерживаемые социальные сети

В блоке автора поддерживаются следующие иконки (название внутри тега должно быть точно такое):

facebook, whatsapp, instagram, pinterest, blogger, reddit, youtube, twitter, linkedin, google, apple, microsoft, facebook-f, rss, behance, stack-overflow, telegram, tumblr, dribbble, codepen, snapchat, email, github, stumbleupon, vk

Для русскоязычных авторов: Хорошо работают иконки vk (ВКонтакте), telegram, whatsapp. Их название в теге должно быть в нижнем регистре.

Обновление V.2.6.0: В новой версии добавлена поддержка иконок Threads, X (новый Twitter) и Mastodon. Это позволяет привязать к посту все актуальные соцсети 2025-2026 года.

Скрытие блока автора

Если ты не хочешь показывать блок автора под постами, его можно отключить. Перейди в Дизайн → Blog Posts → Show Author Profile и сними галочку.

Опция Show Author Profile в настройках Blog Posts

↑ Наверх

16. Виджет Facebook

В сайдбар можно добавить виджет лайка страницы Facebook — это типичный социальный элемент, который показывает количество подписчиков страницы.

Расположение виджета Facebook Like в сайдбаре

Как добавить виджет

Для работы виджета Facebook нужно выполнить два условия:

1. Сначала установить систему комментариев как Facebook (см. раздел 8 этой инструкции).
2. Затем зайти на сайт Facebook Like Button и сгенерировать код виджета.
3. Скопировать сгенерированный HTML-код.
4. В Blogger перейти в Дизайн, добавить в сайдбар новый виджет HTML/JavaScript.
5. Вставить туда скопированный код Facebook.

Опциональный виджет: Виджет Facebook не обязателен. Многие авторы предпочитают его не использовать, так как он замедляет загрузку страницы. У MagSoft и так есть особенность с Core Web Vitals — лишний виджет Facebook может ухудшить показатели.

Для RTL-версии MagSoft: Виджет Facebook автоматически адаптируется к направлению текста справа налево, если в коде указан язык ar_AR. Это сэкономит время на настройке RTL-версии сайта.

↑ Наверх

17. Соцсети в сайдбаре

Открой Дизайн → нажми на иконку редактирования в виджете Social Widget (Section).

Виджет Social Widget Section в сайдбаре

Здесь добавляются ссылки на социальные сети, которые будут показаны в сайдбаре. Виджет работает на основе LinkList Gadget от Blogger — стандартного виджета списка ссылок.

Поддерживаемые иконки

В сайдбаре поддерживается более широкий список соцсетей, чем в блоке автора:

blogger, facebook, twitter-x, youtube, messenger, snapchat, telegram, instagram, pinterest, google, apple, microsoft, dribbble, linkedin, tiktok, stumbleupon, vk, stack-overflow, github, soundcloud, behance, digg, delicious, codepen, flipboard, reddit, tumblr, twitch, rss, skype, whatsapp, discord

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

Чтобы добавить иконку, в виджете LinkList создай новый пункт:

• Site Name — название иконки (например, telegram).
• Site URL — твоя ссылка на эту соцсеть.

↑ Наверх

18. Подписка по Email

Открой Дизайн → нажми на иконку редактирования в виджете Follow by Email.

Виджет Follow by Email для подписки на блог

Виджет работает со сторонними сервисами email-рассылок (Brevo, Mailchimp и другими). Просто вставь ссылку на свою форму подписки.

Шорткоды настройки

Базовый шорткод формы: (sibForm)

Заголовок формы: #title=(Follow by Email)

Подзаголовок: #caption=(Get Notified About Next Update Direct to Your inbox)

Заголовок и подзаголовок — опциональные параметры. Можно использовать только базовый шорткод (sibForm) без них.

MagSoft: email-подписка vs Bookmark-система: У MagSoft есть встроенная Bookmark-система — пользователь сохраняет посты прямо на сайте. Это альтернатива email-подписке. Если у тебя журнальный блог с длинными обзорами, Bookmark может работать лучше: меньше трения, мгновенный возврат, никаких писем в спаме. Email же удобен, когда контент новостной и нужно «дёрнуть» аудиторию.

Важно: После настройки замени демо-ссылку (которая стоит в шаблоне по умолчанию) на свою собственную. Иначе подписчики будут попадать в чужую базу.

Совет по сервисам: Для небольших блогов подойдёт бесплатный план Brevo (бывший Sendinblue) — до 300 писем в день бесплатно. Для русскоязычной аудитории также можно рассмотреть Unisender или Mailerlite.

↑ Наверх

19. Посты и комментарии в сайдбаре

В сайдбар можно добавить два дополнительных виджета: блок постов и блок последних комментариев.

Блок постов в сайдбаре

Открой Дизайн → нажми на иконку редактирования в виджете Sidebar Posts Section.

Sidebar Posts Section — блок постов в боковой колонке

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

Шорткоды для блока постов в сайдбаре

Все шорткоды начинаются с числа — это количество показываемых постов:

Недавние посты: 3/sidebar/recent

Случайные посты: 3/sidebar/random

По конкретной метке: 3/sidebar/Your Label

Регистр меток: Названия меток в шорткоде должны точно совпадать с написанием в постах.

Блок комментариев в сайдбаре

Открой Дизайн → нажми на иконку редактирования в виджете Comments Section.

Виджет Comments Section для показа последних комментариев

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

Полезный совет: Блок комментариев в сайдбаре помогает создать ощущение «живого» блога. Если комментариев мало или они нерегулярные — лучше скрыть этот виджет, иначе пустота создаст обратное впечатление.

↑ Наверх

20. Посты в подвале (уникально для MagSoft)

Это эксклюзивный раздел MagSoft, которого нет в шаблонах Piki Templates (NestSpot, WindSpot, QuickSpot). В подвале сайта можно вывести дополнительный блок постов — отличная возможность показать читателю ещё контент перед уходом со страницы.

Открой Дизайн → нажми на иконку редактирования в виджете Footer Posts Section.

Шорткоды для блока постов в подвале

Структура шорткодов аналогична Sidebar Posts, но используется ключевое слово footer:

Недавние посты: 6/footer/recent

Случайные посты: 6/footer/random

По конкретной метке: 6/footer/Your Label

Число в начале (6) — количество постов в блоке. Обычно в подвале выводят 6-8 постов, чтобы заполнить ширину.

Регистр меток: Названия меток в шорткоде должны точно совпадать с написанием в постах — в нижнем или верхнем регистре.

Зачем нужен Footer Posts

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

Готовые сценарии для Footer Posts:
• 6/footer/random — случайные посты для «открытия» старого контента (хорошо для блогов с большим архивом)
• 6/footer/Популярное — лучшие посты блога (если у тебя есть метка для лучших материалов)
• 6/footer/Гайды — гайды и руководства (хорошо удерживают читателя)
• 6/footer/recent — свежие новости (для новостных блогов)

Сочетание с Bookmark: Footer Posts + Bookmark-система — мощная связка для удержания. Читатель видит ещё 6 постов в подвале, сохраняет 1-2 в закладки, и они уходят в верхнюю панель меню. При следующем визите пользователь возвращается прямо к этим сохранённым материалам.

↑ Наверх

21. Подвал сайта

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

Соцсети в подвале

Открой Дизайн → нажми на иконку редактирования в виджете Footer Section.

Виджет Footer Section для социальных иконок

Соцсети в подвале настраиваются так же, как в сайдбаре — через LinkList Gadget. Поддерживается тот же список иконок:

blogger, facebook, twitter-x, youtube, telegram, instagram, pinterest, linkedin, tiktok, vk, whatsapp, discord, github, rss и другие — всего 32 иконки.

Регистр: Все названия иконок пишутся в нижнем регистре.

Меню в подвале

Открой Дизайн → нажми на иконку редактирования в виджете Footer Menu.

Виджет Footer Menu — ссылки на ключевые страницы

В подвале обычно размещают ссылки на служебные страницы: «О нас», «Контакты», «Политика конфиденциальности», «Условия использования», «Карта сайта». Эти ссылки нужны для соответствия требованиям Google и AdSense.

Копирайт в подвале

Открой Дизайн → нажми на иконку редактирования в виджете Footer Copyright.

Виджет Footer Copyright для подписи в подвале

В этом виджете указывается копирайт сайта — обычно с годом и названием.

Обновление V.2.6.0: В новой версии копирайт стал гибким — теперь можно вставить длинный текст с дополнительной информацией о сайте, ссылками или юридическими формулировками без поломки вёрстки.

Важно: Изменение и удаление ссылки на Edgy Templates в подвале доступно только для премиум-пользователей. В бесплатной версии ссылка автора должна оставаться.

↑ Наверх

22. Согласие на cookies

Открой Дизайн → нажми на иконку редактирования в виджете Cookies Consent.

Виджет Cookies Consent для уведомления о cookies

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

Настройка через шорткоды

Текст кнопки согласия: #buttons=(Accepted !)

Срок хранения согласия в днях: #days=(20)

Шорткоды вставляются в настройки виджета. После сохранения уведомление будет показывать новый текст и запоминать выбор пользователя на указанный срок.

Известная проблема (из комментариев документации): В октябре 2024 года пользователь сообщил, что виджет Cookies Consent не отображается в Layout (Дизайн), но при этом на сайте появляется пустое всплывающее окно слева, которое не убирается. Если ты столкнулся с этой проблемой — решение есть.

Решение проблемы с пустым всплывающим окном

1. Открой Тема → Редактировать HTML.
2. Найди закрывающий тег </body> в самом конце.
3. Прямо перед ним должна быть секция section1 с виджетом HTML. Если её нет — это объясняет, почему виджет не виден в Layout.
4. Если виджет потерян после обновления, лучше всего сделать новую установку XML-файла из последней версии шаблона (V.2.6.0).
5. Если ничего не помогает — обратись в поддержку Edgy Templates через форму на сайте.

Рекомендуемые значения: Текст кнопки — «Принять» или «Согласен». Срок хранения — 30-90 дней. Не делай срок меньше 7 дней, иначе посетитель будет видеть уведомление почти при каждом визите.

↑ Наверх

23. Варианты вёрстки

MagSoft поддерживает несколько режимов вёрстки сайта. Открой Панель Blogger → нажми на Тема → перейди в Настроить.

Настройка режимов вёрстки в Customize

Доступные режимы

• Boxed Mode — содержимое сайта помещается в центральный блок с отступами по бокам.
• Sticky Header — шапка сайта остаётся видимой при прокрутке вниз.
• Sticky Sidebar — сайдбар остаётся видимым при прокрутке постов.
• Native Dark Mode — поддержка системного тёмного режима устройства.

Каждая опция включается значением 1 или выключается значением 0.

Рекомендуемая конфигурация: Sticky Header — включить (меню рубрик с Bookmark всегда под рукой, это критично для MagSoft!). Sticky Sidebar — включить, это поднимает просмотры рекламы и удерживает читателя дольше. Boxed Mode — отлично сочетается с Soft UI, добавляет «дыхания» по бокам. Native Dark Mode — но в MagSoft для тёмного режима лучше использовать отдельную Dark Mode-версию из коробки, см. раздел 1.

История обновлений: С версии V.2.4.0 (ноябрь 2023) настройки Sticky Sidebar и Sticky Menu перенесены в Theme Designer для более удобного управления. До этого они находились в HTML-коде шаблона. Также в V.2.4.0 добавлен Box Mode прямо в Theme Designer.

↑ Наверх

24. Настройка фида

Открой Панель Blogger → перейди в Настройки → прокрути до Site Feed.

Настройки Site Feed в админке Blogger

MagSoft использует Native Feed System — собственный механизм подгрузки контента (появился с V.1.1.0 в феврале 2023). Чтобы он работал на полную мощность, нужно установить режим фида Short (короткий).

Преимущества короткого фида:

• Передаётся меньше данных с сервера Blogger.
• Главная и категорийные страницы грузятся быстрее.
• Защита контента от автоматического копирования через RSS.

Важно: Не отключай фид полностью (вариант None) — это сломает систему комментариев и блок избранных постов. Используй только режим «Короткий» (Short).

Критично для Core Web Vitals MagSoft: У MagSoft есть особенность — на Core Web Vitals дотянуться до 100/100 сложнее, чем у других шаблонов из-за богатого визуала (тени, анимации, скругления). Включение Short Feed — самый простой способ выжать из шаблона максимум скорости. Без этого режима PageSpeed может упасть на 10-15 пунктов.

История развития: Native Feed System появилась в V.1.1.0 и заменила стандартный Blogger Feed для повышения производительности. В версиях V.2.4.0 и V.2.5.0 механизм Lazy Load и Native Feed постоянно улучшался для большей скорости. Поэтому важно держать шаблон обновлённым до последней версии V.2.6.0.

↑ Наверх

25. Цвета и шрифты

Открой Тема → нажми на Настроить → исследуй разделы Background, Colors и Advanced.

Раздел Customize для настройки внешнего вида

MagSoft полностью кастомизируется через стандартный Theme Designer Blogger. Доступно для изменения:

• Шрифты — стили текста, заголовков, навигации.
• Цвета меню — фон, текст, ховер-эффекты.
• Цвета виджетов — заголовки секций, фоны, разделители.
• Цвета подвала — фон, текст, иконки соцсетей.
• Цвета акцентов — кнопки, ссылки, выделения, кнопка Bookmark.

Совет для Soft UI: MagSoft хорошо работает с пастельной палитрой — мягкие розовые, лавандовые, мятные, бежевые тона усиливают эффект «уютного» дизайна. Резкие неоновые цвета сломают эстетику. Если выбираешь основной цвет — попробуй #6c5ce7 (мягкий фиолет), #fd79a8 (мягкий розовый), #00cec9 (мятный) или #fdcb6e (тёплый жёлтый).

Особенность 3 версий: Если ты используешь Dark Mode-версию шаблона, цвета по умолчанию уже подобраны под тёмный фон — не нужно настраивать с нуля. Просто подгони акцентные цвета под свой бренд. Для RTL-версии цветовая схема такая же, как у Default.

Расширенные шрифты: С версии V.2.3.0 (сентябрь 2023) добавлена расширенная поддержка шрифтов из Theme Designer. Это особенно важно для MagSoft — типографика часть его «личности».

↑ Наверх

Часто задаваемые вопросы по настройке

В процессе настройки MagSoft у пользователей возникают одни и те же вопросы. Собрал ответы на самые частые — некоторые взяты из реальных обращений в поддержку Edgy Templates.

Как работает система закладок (Bookmark)?

На каждом посте появляется кнопка лайка. Когда читатель нажимает её, пост сохраняется в браузере через localStorage и появляется в верхней панели меню как закладка. Без регистрации, без серверов. Работает «из коробки» — не требует настройки. Это уникальная фишка MagSoft, которой нет в шаблонах Piki Templates (NestSpot/WindSpot/QuickSpot).

Что значит «3 версии в коробке»?

После покупки в библиотеке Gumroad ты получишь три отдельных XML-файла: классическую светлую версию (Default), тёмную (Dark Mode) и RTL для языков с направлением текста справа налево (арабский, иврит). Переключаться между ними можно через Тема → Восстановить в Blogger без потери контента (см. раздел 1).

Что такое Notification Bar и как его настроить?

Это полоса-уведомление в самом верху сайта, над меню. Используется для акций, новых постов, ссылок на Telegram. Работает «из коробки» — текст и ссылка задаются через HTML-виджет в Layout. Сам шаблон автоматически отображает эту полосу на всех страницах.

У меня появилось пустое всплывающее окно слева — что делать?

Это известная проблема MagSoft, описанная в комментариях к официальной документации Edgy Templates (октябрь 2024). Виджет Cookies Consent теряется из Layout после некоторых обновлений, при этом на сайте показывается пустое окно. Решение: переустанови шаблон из последнего XML-файла (V.2.6.0) — это восстановит виджет. Если не помогает — обратись в поддержку Edgy Templates.

Какие иконки использует MagSoft?

MagSoft использует Google Material Icons — более 2000 иконок. Синтаксис: <span class="material-symbols-rounded">название</span>. В некоторых местах документации Edgy Templates ошибочно упоминаются Bootstrap Icons — это устаревшая информация. Актуальная версия V.2.6.0 использует именно Google Material Icons.

Почему у MagSoft хуже Core Web Vitals, чем у других шаблонов?

Это правда — у MagSoft показатели Core Web Vitals (LCP, CLS, INP) могут быть ниже, чем у NestSpot или SEO Next. Причина — Soft UI требует больше визуальных эффектов: тени, скругления, плавные анимации. Чтобы выжать максимум скорости: 1) включи Short Feed, 2) оптимизируй все изображения (Image Optimizer встроен), 3) минимизируй количество виджетов на главной, 4) не злоупотребляй рекламой.

Чем MagSoft отличается от NestSpot?

Оба идут с 3 версиями (Default/Dark/RTL). Но MagSoft — про эстетику, retention и удержание читателя через Bookmark + Notification Bar. NestSpot — про универсальность и плотность контента через Content Blocks (4 типа). MagSoft дороже ($21 против $15), потому что Bookmark — премиум-фишка. Если нужен визуальный премиум и lifestyle/tech — MagSoft. Если утилитарный многотемный портал — NestSpot.

Какая версия MagSoft сейчас актуальна?

Текущая версия — V.2.6.0 от 16 мая 2025. В ней добавлена поддержка иконок Threads, X, Mastodon, исправлены H1-теги, добавлена Schema-разметка для страниц, улучшен Lighthouse-скор. Премиум-владельцы получают обновления бесплатно через Gumroad.

Подходит ли MagSoft для AdSense?

Да, шаблон AdSense Ready. Есть слоты до и после статьи, шорткод (ads) для рекламы внутри постов, и неограниченное количество размещений. Post Split разбивает длинные статьи на страницы — увеличивает RPM. Но не злоупотребляй рекламой: 5+ баннеров на статью разрушит эстетику Soft UI и оттолкнёт читателей с длинными сессиями (а это лучшая аудитория MagSoft).

Где задать вопрос автору шаблона?

У Edgy Templates есть форма поддержки на сайте edgytemplates.com. Для русскоязычных пользователей рекомендую сначала спросить меня в Telegram — часто проблема решается быстрее, чем через английскую поддержку. Контакты есть на странице «Контакты» каталога.

Нужна помощь с настройкой?

Если что-то пошло не так после прохождения инструкции — напиши мне в Telegram. Помогу разобраться с настройкой MagSoft бесплатно для покупателей.

Написать мне →

Источник документации: инструкция переведена и адаптирована из официальной документации Edgy Templates для русскоязычных пользователей шаблона. Все скриншоты принадлежат автору шаблона.