Grid Mag — журнальный шаблон от Piki Templates с пятью типами контентных блоков. В отличие от других шаблонов того же автора (WindSpot, QuickSpot, NestSpot), Grid Mag — единственный использует Bootstrap Icons вместо Google Material Icons. Это даёт другой визуальный стиль и другой синтаксис при настройке меню. Если ты уже работал с другими Piki-шаблонами — будь внимателен, разница есть.
Шаблон отлажен с мая 2023 года и сейчас на версии V.1.5.0 (16 мая 2025). В этой инструкции я провёл тебя через все 24 раздела настройки: от установки до тонкой кастомизации главной из 5 типов блоков. Особое внимание — разделу 3 (Bootstrap Icons) и разделу 7 (Content Blocks), где собрана главная фишка Grid Mag.
Я перевёл и адаптировал официальную документацию Piki Templates на русский, проверил каждый шаг и добавил решения реальных проблем из комментариев пользователей. Работай с открытой админкой Blogger в соседней вкладке. Ещё не установил Grid Mag? Сначала глянь обзор шаблона — там разбор уникальных фишек и сравнение с другими шаблонами каталога.
- Установка шаблона
- Логотип шапки
- Меню шапки (Bootstrap Icons)
- Мега-меню
- Топ-трендовые посты
- Избранные посты
- Контентные блоки (5 типов)
- Лента недавних постов
- Система комментариев
- Настройка меток постов
- Автор и дата поста
- Похожие посты
- Реклама в постах
- Карточки в постах
- Разбивка длинных постов
- Социальные иконки автора
- Виджет Facebook
- Соцсети в сайдбаре
- Подписка по Email
- Посты и комментарии в сайдбаре
- Подвал сайта
- Согласие на cookies
- Варианты вёрстки
- Настройка фида
- Цвета и шрифты
1. Установка шаблона
Перед тем как настраивать виджеты, нужно установить сам шаблон в Blogger. Процесс простой и занимает 2-3 минуты:
- Скачай XML-файл шаблона из библиотеки Gumroad (если ты купил премиум) или из обзора шаблона (если используешь бесплатную версию).
- Открой свой блог в Blogger и перейди в раздел Тема.
- Нажми на стрелочку вниз рядом с кнопкой Настроить.
- Выбери Восстановить.
- Загрузи скачанный XML-файл.
- Шаблон применится автоматически.
Перед установкой нового шаблона сохрани текущий: Тема → стрелочка вниз → Резервное копирование. Если что-то пойдёт не так, всегда сможешь вернуться к старой версии.
После установки шаблон готов к настройке. Все элементы (виджеты) редактируются через раздел Дизайн в админке Blogger. Каждый виджет настраивается отдельно — об этом дальше.
Short. Это активирует Native Feed System шаблона и ускорит загрузку сайта (см. раздел 24). Без этого Grid Mag не покажет максимальной скорости.
2. Логотип шапки
Открой Дизайн → нажми на иконку редактирования в виджете Header Logo.
Тёмная версия логотипа
Шаблон поддерживает отдельный логотип для тёмного режима. Чтобы загрузить тёмную версию:
- Сначала загрузи тёмное изображение в любой пост (можно черновик).
- Скопируй ссылку на изображение (правый клик → копировать URL картинки).
- Вставь эту ссылку в поле Link в настройках виджета (как показано на скриншоте выше).
Когда пользователь переключает сайт в тёмный режим, логотип сменится автоматически.
3. Меню шапки (Bootstrap Icons)
Открой Дизайн → нажми на иконку редактирования в виджете Header Menu.
Основное и вложенное меню
Структура ссылок задаётся через специальный синтаксис:
Основной пункт меню: Features — обычный пункт меню.
Подменю 1 уровня: _Sub Menu 1 — одно подчёркивание перед названием.
Подменю 2 уровня: __Sub Menu 2 — два подчёркивания перед названием.
Иконки для пунктов меню — Bootstrap Icons
Это главное отличие Grid Mag от других шаблонов Piki Templates. Если в WindSpot, QuickSpot и NestSpot используются Google Material Icons, то Grid Mag работает с Bootstrap Icons. Это другая библиотека, другой синтаксис и другая эстетика — тонкие минималистичные линии вместо массивных Material-форм.
Формат кода иконки в Grid Mag:
<i class="bi bi-house"></i>
Обрати внимание на префикс bi- перед названием иконки и тег <i> вместо <span>.
Как получить HTML-код иконки
- Перейди в галерею Bootstrap Icons.
- Найди нужную иконку через поиск и кликни на неё.
- На странице иконки скопируй Icon Font Code.
- Вставь код иконки в текст пункта меню в формате
<i class="bi bi-название"></i>
Популярные иконки для меню
Часто используемые иконки и их коды:
Главная: <i class="bi bi-house"></i>
Поиск: <i class="bi bi-search"></i>
Меню: <i class="bi bi-list"></i>
Категории: <i class="bi bi-grid"></i>
Контакты: <i class="bi bi-envelope"></i>
Тёмный режим: <i class="bi bi-moon"></i>
<span class="material-symbols-rounded">name</span> — это совершенно другой формат. Все иконки придётся пересобрать заново из галереи Bootstrap Icons.
4. Мега-меню
Мега-меню — это развёрнутое меню с превью постов при наведении. В Grid Mag это премиум-фишка. Создаётся через шорткоды:
Недавние посты: megamenu/recent
Случайные посты: megamenu/random
По конкретной метке: megamenu/Your Label
Название метки должно точно совпадать с написанием в постах (важен регистр букв).
⚠️ Известная проблема: 404 для всех постов в мега-меню
Это самая частая проблема пользователей Grid Mag (упомянута в комментариях официальной документации Piki Templates, август 2025). Симптом: все 100-300+ постов сайта возвращают 404 при попытке отобразиться в мега-меню.
Решение от поддержки Piki Templates (ответ Komal Dh):
- Открой каждый пост, который должен показываться в мега-меню, в редакторе Blogger.
- В нужном месте поста (после первого абзаца обычно) вставь Page Break — это разрыв страницы через кнопку «Insert jump break» в редакторе.
- Сохрани и опубликуй пост.
- Мега-меню начнёт корректно отображать превью постов.
summary из фида Blogger для генерации превью. Если в посте нет Page Break, фид может вернуть пустой summary, что приводит к 404. Это особенность Grid Mag, которой нет у других шаблонов Piki.
5. Топ-трендовые посты
Блок трендовых постов в верхней части главной страницы. Открой Дизайн → нажми на иконку редактирования в виджете Top Trending Posts. Внутри можно добавить виджет HTML/JavaScript или Популярные посты.
Через HTML/JavaScript
Через шорткоды можно настроить, какие посты показывать в блоке. Также можно задать заголовок блока через настройку «Title»:
Недавние посты: trending/recent
Случайные посты: trending/random
По метке: trending/Your Label
Через виджет Популярные посты
Вместо HTML-виджета можно использовать стандартный Популярные посты от Blogger — он выведет самые читаемые материалы по статистике блога.
↑ Наверх6. Избранные посты
Открой Дизайн → нажми на иконку редактирования в виджете Featured Posts Section. Внутри можно добавить виджет HTML/JavaScript или Популярные посты.
Через HTML/JavaScript
Через шорткоды можно настроить, какие посты показывать в блоке избранных. Поддерживается заголовок и количество постов:
Недавние посты: featured/recent
Случайные посты: featured/random
По метке: featured/Your Label
Через виджет Популярные посты
Аналогично топ-трендовым постам, можно использовать стандартный виджет Популярные посты от Blogger вместо HTML/JavaScript.
↑ Наверх7. Контентные блоки — 5 типов вёрстки
Это сердце Grid Mag и его главная фишка. Через контентные блоки ты собираешь главную страницу как из кубиков — каждый блок выводит подборку постов в своём стиле вёрстки. У Grid Mag пять типов блоков, что больше, чем у NestSpot (4 типа), но меньше, чем у QuickSpot (7).
Открой Дизайн → нажми на иконку редактирования в виджете Content Blocks Section. Внутри добавь виджет HTML/JavaScript. Можно добавить несколько таких виджетов — по одному блоку в каждом.
Структура шорткода
Количество результатов / Тип блока / Источник
Где источник — это recent (свежие посты), random (случайные) или название метки. А количество результатов (число в начале) используется только в тех типах блоков, которые его поддерживают.
5 типов блоков Grid Mag
Каждый тип блока даёт свой стиль вёрстки на главной странице. Используй их сочетания, чтобы главная не выглядела однообразной.
Block-1 — одна крупная карточка во всю ширину: block1/recent
Block-2 — две колонки со средними карточками: block2/recent
Block-3 — три колонки, компактные карточки: block3/recent
Grid-1 — равномерная сетка из 4-6 карточек: grid1/recent
Video — блок специально для видео-постов: video/recent
В любом шорткоде можно менять источник постов:
recent— недавние постыrandom— случайные постыYour Label— посты с конкретной меткой
Готовые раскладки главной под разные ниши
Вот как из блоков собрать главную под разные проекты. Добавь несколько HTML/JavaScript виджетов в Content Blocks Section, в каждый — по одному шорткоду:
Новостной портал: block1/Главное → block3/Новости → grid1/recent
Журнал с рубриками: block2/Главное → grid1/Статьи → block3/Интервью
Технологический блог: block2/Гаджеты → grid1/Обзоры → video/Распаковки
Кулинарный блог: block1/Сезонное → grid1/Рецепты → block3/Десерты
Гейминг-портал: block1/Главное → video/Стримы → grid1/Обзоры
Портфолио: block1/Главный_проект → grid1/recent → block3/Избранное
block3/Спорт и block3/спорт — это разные метки для Grid Mag.
8. Лента недавних постов
Открой Дизайн → нажми на иконку редактирования в виджете Main Recent Posts (Section).
Это основная лента публикаций на главной странице. Здесь показываются последние посты блога — обычно она идёт ниже всех контентных блоков.
Скрытие заголовка ленты
Если нужно убрать главный заголовок над лентой постов, используй шорткод:
(hide)
Шорткод вставляется в поле Read More виджета. После сохранения главный заголовок ленты скроется.
↑ Наверх9. Система комментариев
Новая система комментариев позволяет настроить тип комментариев через виджет Blog Posts. Перейди в Дизайн → Blog Posts → Comment Format.
Шаблон поддерживает три системы комментариев. Выбери одну через шорткод:
Стандартные комментарии Blogger: #type=(blogger)
Disqus: #type=(disqus) #shortname=(Your Shortname)
Facebook: #type=(facebook)
Facebook с выбором языка: #type=(facebook) #lang=(Your Language Code)
Языковые коды для 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. Полный список языков Facebook доступен в официальной документации Facebook.
Вставка медиа в комментарии Blogger
В стандартных комментариях Blogger можно публиковать изображения и видео без шорткодов — просто скопируй ссылку на медиа и вставь её в поле комментария.
10. Настройка меток постов
Метки (Labels) можно показывать или скрывать в превью постов, а также менять их подпись. Перейди в Дизайн → Blog Posts → Labels Prefix.
Возможные действия:
- Изменить подпись перед метками (по умолчанию — «Labels»).
- Полностью скрыть метки в превью постов, отключив переключатель.
- Оставить метки видимыми, но без префикса.
Метки помогают читателям ориентироваться в темах блога. Для журнального сайта они особенно полезны — позволяют переходить между рубриками. На главной странице с 5 типами контентных блоков (см. раздел 7), метки на постах усиливают визуальную структуру рубрик.
/search автоматически добавлен тег nofollow. Это предотвращает утечку SEO-веса на технические страницы поиска и улучшает индексацию основных страниц с контентом.
block1/Метка используется одна метка за раз — это нормальное поведение шаблона.
11. Автор и дата поста
В этом разделе настраиваются два связанных элемента: имя автора и дата публикации.
Настройка автора
Перейди в Дизайн → Blog Posts → Author Format.
Здесь можно:
- Изменить префикс перед именем автора (по умолчанию — «Posted By»).
- Перевести префикс на русский, например, «Автор:».
- Полностью скрыть имя автора, отключив переключатель.
Настройка даты
Перейди в Дизайн → Blog Posts → Date Format.
Здесь можно:
- Изменить формат даты публикации.
- Полностью скрыть дату, если контент должен выглядеть «вечнозелёным».
12. Похожие посты
Открой Дизайн → нажми на иконку редактирования в виджете Related Posts.
В этом виджете можно настроить заголовок блока и количество показываемых постов. Также поддерживается фильтрация по конкретной метке.
Шорткоды для похожих постов
Все шорткоды начинаются с числа — это количество постов, которые будут показаны:
По теме поста (автоматически): 3/related/default
Недавние посты: 3/related/recent
Случайные посты: 3/related/random
По конкретной метке: 3/related/Your Label
Похожие посты показываются в конце каждой статьи. Это важный элемент для удержания читателя — особенно на многотемном журнальном сайте, где можно увести пользователя из одной рубрики в смежную.
13. Реклама в постах
Открой Дизайн → нажми на иконку редактирования в виджете Ad Code for Posts/Pages.
Вставь свой рекламный код (например, AdSense) в этот виджет. Реклама автоматически появится в начале и конце каждой статьи.
Реклама в середине поста
Для размещения рекламного блока в любом месте внутри поста используется шорткод:
(ads)
Шорткод (ads) вставляется в редакторе поста между параграфами в нужном месте. После публикации в этом месте появится рекламный блок.
(ads) работает только при условии, что рекламный код заполнен в виджете Ad Code for Posts/Pages. Без этого шорткод останется пустым.
Скрытие рекламы в конкретных постах
Если в каком-то посте реклама не нужна, используй шорткод:
(hideAds)
Вставь его в любое место поста. После публикации в этом посте автоматическая реклама не будет показываться.
(hideAds) также пригодится, если ты заметил подозрительную активность по кликам и хочешь временно отключить рекламу на части постов.
14. Карточки в постах
Post Cards — это специальные карточки, которые можно вставлять в посты или на страницы. Они помогают выделить важную информацию: ссылку на другой пост, загрузку файла, рекламу продукта или произвольную карточку. В Grid Mag Post Cards используют Bootstrap Icons для оформления.
Базовый синтаксис
(getCard) #type=(Card Type) #title=(Card Title) #info=(Card Info) #button=(Card Text) #icon=(Icon Code)
Поддерживается 4 типа карточек: post, download, product, custom.
Карточка типа Post (ссылка на другой пост)
Используется когда нужно красиво порекомендовать другую статью в блоге.
(getCard) #type=(post) #title=(You might Like)
Ссылка карточки: поле ссылки можно оставить пустым или поставить любой символ (например, # или /). Шаблон сам подберёт связанный пост.
Карточка типа Download (загрузка файла)
Используется для предложения файла на скачивание: PDF, шаблон, чек-лист, программа.
(getCard) #type=(download) #title=(GridMag_Blogger_template.zip) #info=(74.02kb) #button=(Download)
Ссылка карточки: вставь прямую ссылку на файл. Можно включить опцию открытия в новом окне.
Карточка типа Product (продукт на покупку)
Используется для рекомендации товара или платного продукта.
(getCard) #type=(product) #title=(GridMag Premium Template) #info=(21$) #button=(Buy)
Ссылка карточки: вставь ссылку на страницу покупки. Можно включить открытие в новом окне.
Карточка типа Custom (произвольная)
Универсальная карточка, которую можно настроить под любую задачу.
(getCard) #type=(custom) #title=(Custom Post Card) #info=(Info) #button=(Button) #icon=(download)
Параметр #icon — здесь указывается код иконки. В Grid Mag это название иконки из Bootstrap Icons (без префикса bi-).
Как получить код иконки для Post Cards
Grid Mag использует Bootstrap Icons. Пошагово:
- Перейди в галерею Bootstrap Icons.
- В поиске сверху найди нужную иконку.
- Кликни на иконку, чтобы открыть её страницу.
- Скопируй название иконки (без префикса
bi-).
Популярные иконки для Post Cards
Загрузка: #icon=(download)
Покупка: #icon=(cart) или #icon=(bag)
Звезда (рекомендация): #icon=(star)
Книга (гайд): #icon=(book)
Видео: #icon=(play-circle)
Внешняя ссылка: #icon=(box-arrow-up-right)
(getCard) #type=(...)... должен быть в одну строку. Также проверь, что параметры заключены в круглые скобки правильно — лишний пробел или незакрытая скобка ломает карточку.
random в Post Cards работает корректно — раньше был баг с отображением случайных постов. Если у тебя старая версия — обнови до V.1.5.0.
15. Разбивка длинных постов
Длинные статьи (3000+ слов) можно разбить на несколько страниц с пагинацией. Эта функция (Post Split) улучшает поведенческие факторы, удерживает читателя и увеличивает доход от рекламы.
Шорткод разбивки
Вставь шорткод между параграфами в редакторе поста, чтобы создать переход на следующую страницу:
(nextPage)
Шорткод можно использовать несколько раз в одном посте — каждое появление создаёт новую страницу. Внизу поста появятся кнопки навигации между страницами.
(nextPage)) можно использовать карточки (getCard) из предыдущего раздела. Они работают одинаково на всех страницах.
16. Социальные иконки автора
Под каждым постом отображается блок с информацией об авторе. В нём можно добавить иконки социальных сетей. Эти иконки берутся из профиля Blogger.
Настройка профиля Blogger
Открой Настройки Blogger → выбери Редактировать профиль Blogger.
Как добавить иконки соцсетей
В поле «О себе» нужно вставить специальный код. Шаги:
- Зайди в Blogger → Настройки → Профиль пользователя.
- В поле описания вставь код со ссылками на свои соцсети.
- Сохрани изменения.
Формат кода для иконок
Каждая иконка социальной сети — это обычная HTML-ссылка с названием соцсети внутри тега. Шаблон Grid Mag автоматически распознаёт название и подставляет нужную иконку (через Bootstrap Icons).
Пример одной ссылки на Instagram:
<a href="https://instagram.com/pikitemplates">instagram</a>
Полный пример профиля с описанием и пятью ссылками:
Hello this is Jane Doe, I am Web Designer and Expert at Piki Templates
<a href="https://facebook.com/pikitemplates">facebook</a>
<a href="https://twitter.com/pikitemplates">twitter</a>
<a href="https://youtube.com/pikitemplates">youtube</a>
<a href="https://instagram.com/pikitemplates">instagram</a>
<a href="https://www.pikitemplates.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. Их название в теге должно быть в нижнем регистре.
Скрытие блока автора
Если ты не хочешь показывать блок автора под постами, его можно отключить. Перейди в Дизайн → Blog Posts → Show Author Profile и сними галочку.
17. Виджет Facebook
В сайдбар можно добавить виджет лайка страницы Facebook — это типичный социальный элемент, который показывает количество подписчиков страницы.
Как добавить виджет
Для работы виджета Facebook нужно выполнить следующие шаги:
- Сначала установить систему комментариев как Facebook (см. раздел 9 этой инструкции).
- Затем зайти на сайт Facebook Like Button и сгенерировать код виджета.
- Скопировать сгенерированный HTML-код.
- В Blogger перейти в Дизайн, добавить в сайдбар новый виджет HTML/JavaScript.
- Вставить туда скопированный код Facebook.
18. Соцсети в сайдбаре
Открой Дизайн → нажми на иконку редактирования в виджете 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 — твоя ссылка на эту соцсеть.
19. Подписка по Email
Открой Дизайн → нажми на иконку редактирования в виджете Follow by Email.
Виджет работает со сторонними сервисами email-рассылок (Brevo, Mailchimp и другими). Просто вставь ссылку на свою форму подписки.
Шорткоды настройки
Базовый шорткод формы: (sibForm)
Заголовок формы: #title=(Follow by Email)
Подзаголовок: #caption=(Get Notified About Next Update Direct to Your inbox)
Заголовок и подзаголовок — опциональные параметры. Можно использовать только базовый шорткод (sibForm) без них.
Создание ссылки на форму подписки
Если у тебя ещё нет формы подписки, её нужно создать в сервисе рассылок. Подробная инструкция от автора шаблона: Как создать ссылку на форму подписки.
20. Посты и комментарии в сайдбаре
В сайдбар можно добавить два дополнительных виджета: блок постов и блок последних комментариев.
Блок постов в сайдбаре
Открой Дизайн → нажми на иконку редактирования в виджете Sidebar Posts Section.
В виджете можно настроить заголовок блока, количество постов и фильтрацию по метке.
Шорткоды для блока постов
Все шорткоды начинаются с числа — это количество показываемых постов:
Недавние посты: 3/sidebar/recent
Случайные посты: 3/sidebar/random
По конкретной метке: 3/sidebar/Your Label
Блок комментариев в сайдбаре
Открой Дизайн → нажми на иконку редактирования в виджете Comments Section.
В виджете можно настроить количество отображаемых комментариев. Блок показывает последние комментарии с разных постов блога с превью текста и ссылкой на пост.
21. Подвал сайта
Подвал в Grid Mag состоит из трёх независимых блоков, которые настраиваются отдельно: социальные иконки, меню и копирайт.
Соцсети в подвале
Открой Дизайн → нажми на иконку редактирования в виджете Footer Section.
Соцсети в подвале настраиваются так же, как в сайдбаре — через LinkList Gadget. Поддерживается тот же список иконок:
blogger, facebook, twitter-x, youtube, telegram, instagram, pinterest, linkedin, tiktok, vk, whatsapp, discord, github, rss и другие — всего 32 иконки.
Меню в подвале
Открой Дизайн → нажми на иконку редактирования в виджете Footer Menu.
В подвале обычно размещают ссылки на служебные страницы: «О нас», «Контакты», «Политика конфиденциальности», «Условия использования», «Карта сайта». Эти ссылки нужны для соответствия требованиям Google и AdSense.
Копирайт в подвале
Открой Дизайн → нажми на иконку редактирования в виджете Footer Copyright.
В этом виджете указывается копирайт сайта — обычно с годом и названием.
22. Согласие на cookies
Открой Дизайн → нажми на иконку редактирования в виджете Cookies Consent.
Виджет показывает посетителю всплывающее уведомление о cookies. Это требование GDPR и других законов о защите персональных данных. После согласия посетителя выбор сохраняется в его браузере на указанное количество дней.
Настройка через шорткоды
Текст кнопки согласия: #buttons=(Accepted !)
Срок хранения согласия в днях: #days=(20)
Шорткоды вставляются в настройки виджета. После сохранения уведомление будет показывать новый текст и запоминать выбор пользователя на указанный срок.
23. Варианты вёрстки
Grid Mag поддерживает несколько режимов вёрстки сайта. Открой Панель Blogger → нажми на Тема → перейди в Настроить.
Доступные режимы
- Boxed Mode — содержимое сайта помещается в центральный блок с отступами по бокам.
- Sticky Header — шапка сайта остаётся видимой при прокрутке вниз.
- Sticky Sidebar — сайдбар остаётся видимым при прокрутке постов.
- Native Dark Mode — поддержка системного тёмного режима устройства.
Каждая опция включается значением 1 или выключается значением 0.
24. Настройка фида
Открой Панель Blogger → перейди в Настройки → прокрути до Site Feed.
Grid Mag использует Native Feed System — собственный механизм подгрузки контента. Чтобы он работал на полную мощность, нужно установить режим фида Short (короткий).
Преимущества короткого фида:
- Передаётся меньше данных с сервера Blogger.
- Главная и категорийные страницы грузятся быстрее.
- Защита контента от автоматического копирования через RSS.
25. Цвета и шрифты
Открой Тема → нажми на Настроить → исследуй разделы Background, Colors и Advanced.
Grid Mag полностью кастомизируется через стандартный Theme Designer Blogger. Доступно для изменения:
- Шрифты — стили текста, заголовков, навигации.
- Цвета меню — фон, текст, ховер-эффекты.
- Цвета виджетов — заголовки секций Content Blocks, фоны, разделители.
- Цвета подвала — фон, текст, иконки соцсетей.
- Цвета акцентов — кнопки, ссылки, выделения.
Видеоинструкция от автора
Piki Templates выпустил видеообзор настройки шаблона Grid Mag: смотреть на YouTube. Видео на английском, но показывает все шаги визуально — можно понять без знания языка.
↑ НаверхЧасто задаваемые вопросы по настройке
В процессе настройки Grid Mag у пользователей возникают одни и те же вопросы. Собрал ответы на самые частые — многие взяты из реальных обращений в поддержку Piki Templates.
Какие иконки использует Grid Mag?
<i class="bi bi-home"></i>. Если переходишь с другого шаблона Piki — все иконки придётся пересобрать заново из галереи Bootstrap Icons.Что делать, если мега-меню показывает 404 для всех постов?
megamenu/Метка.Чем 5 типов Content Blocks отличаются от обычной ленты?
Почему Post Card шорткод не работает?
(getCard) разбит на несколько строк — должен быть в одну строку; 2) лишний пробел в параметрах; 3) незакрытая круглая скобка; 4) старая версия шаблона. Решение — обнови до V.1.5.0 и проверь шорткод на одну строку без переносов.Я загружаю XML и получаю ошибку «xml tag missing» — что делать?
Почему у меня мало функций в бесплатной версии?
Подходит ли Grid Mag для портфолио?
Какая версия Grid Mag сейчас актуальна?
Чем Grid Mag отличается от QuickSpot?
Где задать вопрос автору шаблона?
Нужна помощь с настройкой?
Если что-то пошло не так после прохождения инструкции — напиши мне в Telegram. Помогу разобраться с настройкой Grid Mag бесплатно для покупателей.
Написать мне →Источник документации: инструкция переведена и адаптирована из официальной документации Piki Templates для русскоязычных пользователей шаблона. Все скриншоты принадлежат автору шаблона.