IO Blog Editorial

Готовые цветовые палитры

Откройте IO Blog → Студия оформления. Выберите «Изумруд», «Океан», «Лес», «Янтарь», «Терракота» или «Графит»: каждая палитра содержит светлую и тёмную схему. Шрифты и расположение блоков не меняются.

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

Для мастера профиля, генератора аватаров и уровней участия установите Pro 1.9.0. На действующем сайте новые модули включаются отдельно в настройках кабинета.

Системные требования

Установка

1. Откройте в админке WordPress раздел Внешний вид → Темы → Добавить новую → Загрузить тему.
2. Выберите архив ioblog-editorial-1.14.0.zip, нажмите «Установить», затем «Активировать».
3. Для Pro откройте «Плагины → Добавить плагин → Загрузить плагин» и установите ioblog-editorial-pro-1.8.0.zip. Издательские инструменты требуют тему 1.12.0; кабинет также работает с другой темой через шорткод.
4. Назначьте меню областям «Основное меню» и «Меню в подвале».
5. В разделе «Настроить → Свойства сайта» установите логотип и штатную иконку сайта WordPress.
6. Откройте пункт IO Blog в главном меню админки и проверьте параметры поиска, комментариев и интеграций.

Первый запуск

Главная страница

Главная строится из стандартной ленты записей. Во вкладке «Главная страница» можно выбрать главный материал и до пяти статей редакционной подборки, включить или скрыть секции, изменить их порядок и количество записей. Отключённые секции не забирают статьи из общей ленты. Ссылка «О блоге» появляется после выбора опубликованной страницы. Тексты первого экрана меняются через «Настроить → Главная IO Blog».

Меню и подвал

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

Логотип и favicon

Логотип задаётся через Customizer. Для favicon используется стандартная настройка WordPress «Иконка сайта»: она создаёт корректные варианты для вкладок, мобильных устройств и панели администратора.

Панель IO Blog

Настройки разделены на вкладки. Переключение сохраняет введённые значения; общая кнопка применяет изменения во всех разделах. Вкладки рекламы, коротких ссылок и интеграций появляются после активации Pro. При отключении расширения его настройки остаются в базе. Навигация работает с клавиатуры, а без JavaScript все разделы доступны обычной формой.

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

Ручная рекламная вставка

Настройте слот «Внутри статьи», затем вставьте в редактор шорткод [ioblog_ad slot="inline"]. Код принимает только известные имена слотов.

Короткие ссылки

Одна строка соответствует одному перенаправлению: slug|https://example.com/page|307. Поддерживаются статусы 301, 302, 307 и 308.

Gutenberg и статьи

Тема поддерживает стандартные стили блоков, широкое выравнивание, адаптивные встраивания и стили редактора. Заголовки H2/H3 автоматически формируют содержание статьи, не затрагивая заголовки рекламных блоков.

Нативные паттерны · Free

В панели паттернов Gutenberg найдите «Полезная заметка», «Плюсы и минусы», «Пошаговая инструкция» или «Итоги статьи». Они состоят из штатных блоков WordPress, переводятся вместе с интерфейсом и остаются редактируемыми при смене темы.

Блок «Карточка ссылки» · Pro

В редакторе найдите блок «Карточка ссылки» и вставьте полный HTTPS-адрес. Для своих записей данные берутся напрямую из WordPress. Для внешнего сайта безопасный HTTP-клиент получает заголовок, описание и Open Graph-изображение; результат кэшируется.

Комментарии

Нативная форма WordPress поддерживает древовидные ответы, emoji и одно изображение допустимого формата. Ограничение размера задаётся в настройках темы. Изображения проходят проверку MIME-типа перед сохранением в медиатеке.

Хлопки под статьями · Free

После текста опубликованной статьи появляется блок «Было полезно?». Читатель может нажать на ладони до десяти раз, в том числе несколько раз подряд. Короткая анимация подтверждает нажатие, а счётчик показывает общее количество хлопков и число поддержавших браузеров. Регистрация не нужна.

Кнопка «Отменить мои хлопки» убирает только собственные хлопки и сохраняет чужие. После обновления страницы выбор остаётся в том же браузере. Кнопки доступны с клавиатуры; при включённом в системе уменьшении движения анимация отключается.

В IO Blog → Интерфейс и контент переключатель «Хлопки под статьями» включает или скрывает функцию. Она доступна без Pro. Отключение и смена темы сохраняют накопленные реакции в базе; окончательное удаление статьи удаляет её реакции.

Библиотека и продолжение чтения · Free

Кнопка-закладка рядом с заголовком сохраняет статью. Открывайте «Моя библиотека» в шапке, чтобы вернуться к материалам, увидеть прогресс или убрать закладку. После повторного открытия недочитанной статьи появится предложение «Продолжить чтение»; страница не прокручивается сама.

Переключайтесь между «Закладки» и «История чтения». История включает и сохранённые, и несохранённые статьи с записанным прогрессом. Поиск работает по заголовку без учёта регистра; фильтры «Не начато», «Читаю» и «Прочитано» помогают выбрать нужное. Обновление прогресса не сбивает клавиатурный фокус.

В «IO Blog → Интерфейс и контент» есть переключатель «Личная библиотека читателя». До 100 закладок и 50 недавних несохранённых позиций хранятся в localStorage текущего браузера, без регистрации и синхронизации. Очистка данных браузера удаляет историю; отключение функции не стирает её. Место чтения не отправляется серверу. Если хранилище заблокировано, интерфейс сообщает об ошибке.

Как перенести библиотеку на другое устройство

1. Откройте библиотеку и нажмите «Экспорт библиотеки». Сохраните JSON-файл в безопасном месте: в нём есть заголовки, адреса статей, закладки, позиции чтения и время изменения.
2. На другом устройстве откройте тот же сайт и выберите «Импорт библиотеки». Допустим файл IO Blog размером до 256 КБ. Протокол, домен и порт должны совпадать; копия с продакшена не подходит для localhost.
3. Импорт объединяет закладки, не удаляя местные, и выбирает более свежую позицию чтения. При превышении 100 закладок сначала освободите место. Для несохранённых статей остаются 50 самых недавних позиций.

Серии, социальные обложки и интересы · Pro

В Gutenberg выберите «Серии статей», назначьте серию и «Номер главы». Порядок 1–10000, ноль — после пронумерованных глав. Под статьёй появится навигация с переходом к следующей; архив показывает до 100 опубликованных глав без пароля.

В «Публикации и читатели» включаются PNG-превью CSS-обложек 1200 × 630. Они повторяют текст, цвет и мотив, а не являются точным скриншотом. Нужен PHP GD с FreeType и mbstring. Обложки генерируются при сохранении статьи, не при посещении сайта. Для старых статей в «IO Blog → Интересы читателей» есть обработка по 20 записей за запуск. Ручная SEO-картинка приоритетнее.

Дополнительная статистика выключена по умолчанию. После её включения панель показывает число закладок и поисковые фразы без результатов за 30 дней. Хлопки видны без дополнительного сбора. Это приблизительные показатели браузеров, не подтверждённых людей. Закладки агрегируются по анонимной подписанной cookie; место чтения остаётся на устройстве. Перед включением обновите политику конфиденциальности. Подробности, ограничения фильтра личных сведений и инструкция включены в readme.html Pro.

Автоматические CSS-обложки

Если у записи нет миниатюры, тема автоматически создаёт лёгкую обложку из заголовка, рубрики и стабильной цветовой вариации. Обложка — это HTML/CSS, поэтому она не занимает место в медиатеке и не создаёт лишний сетевой запрос.

Автообложка Free появляется только при отсутствии миниатюры. В Pro доступен метабокс «CSS-обложка IO Blog»: палитра, короткий заголовок, надзаголовок, подпись и живой предпросмотр. Ручной выбор стиля заменяет миниатюру на сайте; «Автоматически» возвращает обычное поведение. Специальный вариант Win + V использует фиксированную композицию.

Pro распространяется отдельным архивом; лицензирование и официальные обновления настраиваются в разделе «Лицензия и обновления». Free не требует ключа и не зависит от магазина.

Мультиязычность

Домен переводов: ioblog-editorial. Английский используется как исходный язык, а готовый русский перевод входит в архив. Переведены PHP-шаблоны, админка, сообщения ошибок, Gutenberg, JavaScript и подписи доступности.

• languages/ioblog-editorial.pot — шаблон переводов.
• languages/ru_RU.po — редактируемый русский каталог темы.
• languages/ru_RU.mo — скомпилированный PHP-каталог в штатном формате WordPress 6.7+.
• JSON-файлы в languages/ — переводы JavaScript.

Для нового языка создайте PO-файл из POT в Poedit или Loco Translate и сохраните его под именем ioblog-editorial-LOCALE.po.

Приватность и внешние сервисы

Свежая установка не выполняет внешних запросов. После включения SmartCaptcha или reCAPTCHA браузер загружает скрипт провайдера, а сервер отправляет токен и IP посетителя на проверку. Блок внешней ссылки обращается к указанному адресу только по действию редактора. Рекламный и аналитический код работает только после его ручного добавления.

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

Хлопки используют только сервер вашего сайта. Чтение счётчика не создаёт cookie. После первого действия браузер получает подписанный cookie на один год с HttpOnly и SameSite=Lax, а на HTTPS — Secure. В базе хранится хеш идентификатора браузера, номер статьи и количество хлопков. Ограничения запросов используют временные подписанные хеши, без сохранения исходного IP-адреса. Дополните политику сайта этим описанием. Число поддержавших — это браузеры, а не проверенные люди: очистка cookie и другой браузер дают новую идентичность.

Экспорт и импорт всех настроек

Откройте IO Blog → Экспорт и импорт. Перенос доступен в Free и сохраняет также настройки Pro, даже если расширение временно отключено. В JSON включены все сохранённые значения: интерфейс, язык, главная, типографика, комментарии, CAPTCHA с обоими ключами, рекламные блоки с исходным кодом, переключателями и позицией в тексте, аналитика, короткие ссылки, социальные сети и другие параметры Pro. Дополнительно сохраняются название и краткое описание сайта, theme mods, дополнительный CSS и привязки к меню, логотипу и иконке сайта.

1. Нажмите «Скачать резервную копию JSON» и сохраните файл в защищённом месте. Экспорт не меняет настройки и не создаёт файл в медиатеке.
2. На нужном сайте выберите файл до 1 МБ и нажмите «Предпросмотр импорта». Файл проверяется целиком: формат, версия, типы, диапазоны и существующие объекты. До подтверждения конфигурация не меняется.
3. Проверьте список изменений и предупреждения. По умолчанию выбраны все разделы; можно оставить только нужные. Ключи и код скрыты в таблице, но полностью присутствуют в файле.
4. Подтвердите доверие к файлу и наличие копии текущих настроек. Нажмите «Применить выбранные настройки» в течение десяти минут. Если настройки за это время изменились, потребуется новый предварительный просмотр.

Перенос на другой сайт

Адреса внутри рекламного кода, счётчиков и партнёрских ссылок сохраняются без переписывания. Проверьте ограничения домена у CAPTCHA. Для восстановления языка заранее установите соответствующий языковой пакет WordPress: импорт не загружает его автоматически. Изменение языка также синхронизирует язык текущего администратора, как обычное сохранение в панели темы.

Привязки к статьям, страницам, меню и изображениям присутствуют в JSON. На другом сайте они сопоставляются по slug и типу, а не по совпадению ID. Если объект отсутствует, его текущая привязка сохраняется и показывается предупреждение. Сначала перенесите контент и медиатеку, если хотите восстановить их привязки.

Это копия настроек, не резервная копия всего сайта: статьи, блоки Gutenberg, индивидуальные обложки записей, сами файлы медиатеки, пункты меню, комментарии, хлопки и личные библиотеки читателей не копируются. Лицензионный ключ и активация Pro привязаны к установке и не входят в файл; на новом домене активируйте лицензию отдельно. Настройки Pro сохранятся, но импорт не устанавливает и не активирует расширение.

При обычной ошибке записи тема пытается восстановить прежние значения. Полная недоступность базы данных не позволяет гарантировать откат, поэтому перед обновлением или переносом по-прежнему нужна отдельная резервная копия базы. Серверный предварительный просмотр действителен десять минут. Его временная копия хранится в закрытом хранилище WordPress и удаляется при подтверждении или очистке просроченных transient; при отключённом WP-Cron физическая очистка базы может произойти позже.

Обновление и резервная копия

Перед заменой темы сохраните каталог wp-content/themes/ioblog-editorial и резервную копию базы данных. Настройки темы хранятся в одной опции ioblog_settings; тексты Customizer — в стандартных theme mods WordPress.

Автор: Kirill Aleksandrov. Free обновляется установочным ZIP; репозиторий исходников и бесплатные релизы: acidtmn/ioblog-editorial. Публичный репозиторий не содержит Pro и данных сайта.

Лицензия и обновления Pro

1. После установки Pro откройте IO Blog → Лицензия и обновления.
2. Введите ключ IOPRO из письма магазина, не пароль WordPress. Нажмите «Активировать»: только это действие может занять или восстановить слот.
3. «Проверить сейчас» проверяет существующую установку, не восстанавливая отключённую в кабинете привязку.
4. «Проверить обновления» получает доступный релиз. Установите его через штатный раздел плагинов WordPress; перед распаковкой проверяются SHA-256, структура и совместимость.

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

При отказе проверьте покупку и установки в кабинете магазина. Удаление ключа из WordPress не освобождает серверный слот. Перенос: отключите прежнюю установку в кабинете, удалите ключ локально, активируйте на новом домене.

Для клиента необходимы расширения PHP Sodium, Intl и Zip. Multisite-активация не поддерживается. Подробная отдельная инструкция включена в Pro как readme.html и доступна по ссылке в панели лицензии.

Внешние HTTPS-запросы лицензирования передают магазину ключ, UUID установки и адрес сайта; запрос обновлений — только ключ и UUID. Пароли и телеметрия не передаются. Проверки работают через WP-Cron или действие администратора, а не при синхронном показе страниц посетителям.

Лицензии и ресурсы

Код и оригинальные визуальные ресурсы IO Blog Editorial: © 2026 Kirill Aleksandrov, GNU GPL v2 или новее.

Шрифт DM Sans: © 2014 The DM Sans Project Authors, SIL Open Font License 1.1. Полный текст находится в assets/fonts/OFL.txt, исходник — googlefonts/dm-fonts.

Студия оформления · Free 1.9.0

Откройте «IO Blog → Студия оформления». Светлая и тёмная палитры настраиваются отдельно: фон страницы, карточки, основной и вторичный текст, границы, акценты, кнопки, ошибки и фокус клавиатуры. Проверяйте контраст текста: для обычного текста ориентир AA — 4,5:1.

Выберите семейства для текста, заголовков, меню, кнопок, метаданных и кода. Доступны локальный DM Sans, системные семейства и собственный WOFF2 до 2 МБ. После загрузки выберите файл в разделе шрифтов и «Загруженный шрифт» для нужной роли. Размеры H1–H6, насыщенность, интервалы и мобильный текст настраиваются отдельно. Убедитесь, что ваш шрифт поддерживает кириллицу и разрешён для использования на сайте.

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

Под статьёй доступны режим чтения (выход клавишей Escape) и печать. В избранном и истории показывается настоящая обложка — фотография или CSS. Полный экспорт включает оформление и привязку шрифта; сам WOFF2 нужно перенести вместе с медиатекой.

Кабинеты читателей · Pro 1.8.0

В «IO Blog → Кабинеты читателей» включите кабинет и нужные модули. Ссылка появится в шапке. Для другой страницы используйте [ioblog_account]. Кабинет включает библиотеку и коллекции, личную ленту рубрик, свои комментарии, уведомления, переписку, профиль и безопасность.

Для синхронизации сначала объедините библиотеку браузера с аккаунтом, затем включите синхронизацию. Она действует для выбранного браузера и пользователя; рядом доступно отключение. При конфликте откройте свежий снимок и повторите объединение. Гостевые закладки продолжают работать в Free.

Вход поддерживает VK, Яндекс, Telegram, Google и GitHub. Создайте приложение провайдера, зарегистрируйте показанный callback и внесите Client ID / Secret. Для Telegram используйте OIDC и RS256. Кнопка появляется только для включённого настроенного провайдера. Одноклассники и Mail.ru для входа не используются. Привязка существующего профиля выполняется в «Безопасность» после входа; совпадение email не объединяет аккаунты.

Переписка требует согласия получателя в профиле; доступны блокировка и жалоба. Email-подборки добровольные, отправляются через wp_mail и требуют рабочего cron и почтового транспорта. Почта подтверждается ссылкой, которую нужно открыть в той же авторизованной сессии. Данные сохраняются при выключении модуля; для экспорта/удаления персональных данных доступны штатные инструменты WordPress.

Pro также добавляет наследуемые стили записи/рубрики и условия рекламы по аудитории, устройству, рубрикам и датам. Все рекламные коды и настройки OAuth включены в полный конфигурационный JSON; файл содержит секреты и требует защищённого хранения.

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

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

В «IO Blog → Почта / SMTP» настройте сервер, авторизацию, адрес отправителя и SSL/TLS либо STARTTLS. Пустой пароль при сохранении оставляет прежний; удаление — отдельная команда. Проверка сертификатов включена. Разрешение самоподписанного или недоверенного сертификата снижает безопасность и действует только на SMTP. Тест отправляется текущему администратору. Экспорт включает пароль: JSON нужно хранить приватно. В локальном Docker проекта письма перехватывает Mailpit, внешняя почта не используется.

Меню шапки · Free 1.9.1

Откройте «IO Blog → Студия оформления → Области сайта» и отключите «Навигация в шапке», если рубрики уже показаны под hero. Назначенное меню не удаляется; логотип, поиск, переключатель темы и кабинет остаются. По умолчанию навигация включена для новых установок. Настройка входит в полный экспорт.