Інструкція редактора

Як публікувати новини й наповнювати сторінки так, щоб сайт виглядав однаково й акуратно. Читається за 15 хвилин, економить години переробок. Поруч є Стайлгайд — там зразки оформлення й код для тих, хто хоче глибше.

Найкоротший підсумок, якщо читати ніколи:

Новина — це запис у модулі новин, а не окрема сторінка.
Фото новини вантажте в поле «Фото новини», а не всередину тексту.
Текст із Word вставляйте Ctrl+Shift+V, а потім тисніть «🪄 Чистка».
Заголовки робіть заголовками (H2/H3), а не жирним текстом.
Кілька фото — галереєю, а не одне під одним.

1. Як увімкнути редагування

Увійдіть під своїм логіном (посилання «Вхід» угорі праворуч).
Відкрийте сторінку, яку треба змінити.
Натисніть «Редагувати» — угорі з'явиться синя смуга «✏ Режим редагування», а кожен блок сторінки отримає свою панель із назвою й типом.

Що є на смузі режиму редагування

Властивості сторінки — назва, адреса, публікація, макет.
Макет і модулі — які блоки стоять на сторінці та в якому порядку. Там угорі є дошка розташування: картку блоку можна просто перетягнути мишею в іншу зону або вище/нижче — зміна зберігається одразу. З телефона дошки немає, там користуйтеся таблицею нижче.
+ Модуль — додати новий блок.
➕ Дочірня сторінка — створити сторінку рівнем нижче.
🔐 Права — хто може редагувати.

Кнопок може бути менше, ніж тут перелічено: показуються лише ті, на які у вас є права. Немає потрібної — це не помилка сайту, а питання доступу до конкретної сторінки.

Панель кожного блоку

Вміст — те, що видно відвідувачу (текст, новини, фото). ⚙ Налаштування — як блок поводиться (скільки новин показувати тощо). Права — хто ним керує. ▲▼ — порядок на сторінці. Поруч видно, хто і коли редагував блок востаннє — зручно, коли треба з'ясувати, звідки взялася зміна.

2. Головне непорозуміння: новина ≠ сторінка

Найчастіша й найдорожча помилка — створити нову сторінку під кожну новину. Наслідки: новина не потрапляє в стрічку, не показується на головній, не йде в архів і в RSS, засмічує структуру сайту й меню, а прибрати її потім важче, ніж створити.

Що робите	Правильний спосіб
Розповісти про подію, захід, досягнення	Новина в модулі новин потрібного підрозділу
Оголошення, яке має «висіти» певний період	Новина з датами «показувати від / до»
Постійна інформація (про кафедру, склад, правила)	Сторінка з текстовим блоком
Набір документів (положення, накази)	Сторінка з блоком файлів

Просте правило: якщо в тексту є дата й він застаріє — це новина. Якщо він має лежати роками — це сторінка.

3. Створюємо новину: кожне поле по черзі

Відкрийте сторінку зі стрічкою новин вашого підрозділу → режим редагування → на блоці новин натисніть «Вміст» → «➕ Додати новину». Відкриється форма.

Мовні вкладки: Українська / English

Обидві мови — в одній формі, перемикаються вкладками вгорі. Українську заповнювати обов'язково. Англійську — якщо є переклад; якщо вкладку English лишити порожньою, для англійської версії сайту візьметься українська. Не пишіть в English українською «щоб було» — краще порожньо.

Заголовок

Одне речення, 40–90 символів. Він же — заголовок сторінки новини й текст у результатах Google.
Без КАПСУ. «У ХДУ ВІДБУЛАСЯ ЗУСТРІЧ» читається гірше й виглядає як крик.
Без крапки в кінці. Знак питання й оклику можна.
Без «Новина:», «Оголошення:», «ВАЖЛИВО!!!» на початку.
Пишіть по суті: не «Відбулася зустріч», а «Представники ХДУ провели зустріч з Університетом Любека».

Короткий опис (анонс у стрічці)

Це те, що видно в стрічці новин і що йде у Facebook при репості. 2–4 речення, які самі по собі мають сенс — читач має зрозуміти суть, навіть не відкриваючи новину.

Не копіюйте сюди перший абзац повного тексту дослівно.
Не ставте сюди фото — для фото є окреме поле (нижче).
Не обривайте на півслові («…детальніше за посиланням»).

Повний текст

Якщо його заповнити — у новини з'явиться власна сторінка, а в стрічці буде посилання «Детальніше». Якщо лишити порожнім — новина показується лише анонсом у стрічці. Це нормальний варіант для коротких оголошень.

Фото новини

Це окреме поле внизу форми, а не картинка в тексті. Саме воно дає мініатюру в стрічці й велике зображення вгорі сторінки новини. Якщо поле порожнє, сайт бере перше зображення з опису — але тоді картинка виглядає гірше, бо не обрізана під потрібні пропорції.

Формат JPG або PNG, ширина 1200–1600 px.
Вага до 500 КБ. Фото на 5 МБ прямо з телефону сповільнює сайт для всіх — стисніть перед завантаженням.
Горизонтальне. Вертикальні фото в стрічці обрізаються.
Головне має бути в центрі: краї підуть під обрізку.
Не ставте скриншот тексту чи афішу з дрібним шрифтом — у мініатюрі його однаково не прочитати.

SEO: ключові слова

Можна лишити порожнім — сайт згенерує сам із тексту. Якщо заповнюєте, то 3–7 слів через кому, реальними словами, якими людина шукала б цю новину. Опис для Google і для соцмереж будується з анонса автоматично.

Показувати від / до

Від — дата новини (за нею йде сортування у стрічці). До — коли новина зникне зі стрічки; порожньо означає «назавжди». Заповнюйте «до» для оголошень із дедлайном: конкурс, набір, реєстрація.

Хочете опублікувати заздалегідь? Поставте «від» у майбутньому — новина з'явиться сама в потрібний час.

Порядок

Менше число — вище у стрічці. Чіпайте лише коли треба закріпити новину зверху; звичайні новини самі стають за датою.

Запропонувати опублікувати

Щоб новина підрозділу потрапила на головну сторінку університету, поставте галочку «Запропонувати в агрегатор новин» і виберіть потрібний зі списку. Далі:

🕓 чернетка — новина чекає підтвердження редактором того агрегатора. У своїй стрічці вона вже видима.
✅ підтверджено — новина показується в агрегаторі.

Важливо: якщо ви редагуєте вже підтверджену новину, вона повертається в чернетку й потребує повторного підтвердження. Це не збій — так система не дає підмінити погоджений текст. Тому вичитуйте новину до пропозиції, а не після.

4. Текст із Word і Facebook — головне джерело дефектів

Коли текст копіюють із Word, Google Docs чи Facebook, разом із ним приїздять чужі шрифти, кеглі й кольори. Через це стрічка новин виглядає як мозаїка: одна новина великим сірим Times, сусідня — дрібним Calibri.

Як правильно

Вставляйте Ctrl+Shift+V (на Mac — ⌘+Shift+V). Це вставка без форматування.
Якщо вже вставили звичайним Ctrl+V — натисніть на панелі редактора «🪄 Чистка». Вона прибирає чуже оформлення, лишаючи структуру. Не сподобався результат — Ctrl+Z.
Далі розставте заголовки, списки й посилання вже засобами редактора.

Сайт і сам чистить оформлення при збереженні та при показі — але краще бачити чистий текст одразу, ніж здогадуватися, як воно вийде.

5. Типові помилки: погано → добре

Так робити не треба	Як треба
Підзаголовок зроблений жирним текстом	Стиль «Заголовок 2» у списку форматів. Тоді він правильного розміру, потрапляє в зміст і його читають пошукові системи
Порожні абзаци `EnterEnterEnter` для відступу	Нічого не робити — відступи вже задані стилями. Порожні абзаци сайт однаково прибирає
Список зроблений рисочками «-» на початку рядків	Кнопка маркованого списку на панелі
Кольоровий або збільшений текст «щоб помітили»	Звичайний текст. Акцент — жирним. Кольори в тексті ламають єдиний вигляд сайту
Текст із вирівнюванням по центру «для краси»	Ліворуч. По центру — лише підписи під фото
П'ять фото одне під одним у тексті	Галерея — кнопка «🖼 Галерея» в редакторі. Фото стають акуратною сіткою з переглядом на весь екран (Стайлгайд §12)
Оголошення сфотографоване або вставлене картинкою	Текстом. Картинку не можна ні знайти пошуком, ні прочитати з телефону, ні озвучити для незрячих
PDF замість новини («відкрийте файл і прочитайте»)	Головне — текстом у новині, PDF — посиланням унизу для тих, кому потрібен оригінал
Посилання виглядає як `https://kspu.edu/…?utm_source=fb&fbclid=IwAR…`	Виділити слово в тексті й повісити посилання на нього. Хвіст після `?` зазвичай зайвий
«Читати тут», «за посиланням», «тиць»	Посилання на осмислених словах: «умови вступу на бакалаврат»
Заголовок ВЕЛИКИМИ ЛІТЕРАМИ	Звичайними. Великі літери в заголовку — це крик і мінус до читабельності
Фото вставлене в опис, поле «Фото новини» порожнє	Фото — у поле «Фото новини». Тоді мініатюра в стрічці буде правильно обрізана

6. Фото й файли зі сховища

Куди вантажити

У кожної сторінки є своя тека у файловому сховищі. Редактор відкриває саме її — не розкидайте файли по чужих теках і не складайте все в корінь. У формі новини є посилання «📁 Файли сторінки».

Картинка в тексті

Кнопка «Зображення» на панелі → 🔍 → вибрати зі сховища або завантажити. Можна просто перетягнути файл у редактор — він завантажиться у теку сторінки сам.

Обов'язково заповніть опис (alt) — це те, що зачитує програма для незрячих і що бачить Google. Для суто декоративної картинки лишіть порожнім.
Не розтягуйте картинку мишею до країв — вона стане розмитою. Краще завантажити більшу.

Документи: PDF, DOCX, XLSX

Кнопка «📎 Файл» — саме вона, а не «Зображення». Вставиться посилання з назвою файла. Виділіть слова перед натисканням — посилання ляже на них.

Назвіть файл по-людськи до завантаження: polozhennya-pro-stypendii-2026.pdf, а не scan_0012(1).pdf. Назву видно відвідувачу.

Кілька фото

Кнопка «🖼 Галерея»: у сховищі натискайте «➕ У добірку» на кожному потрібному фото, потім «🖼 Вставити галерею». Вийде сітка з переглядом на весь екран по кліку.

7. Який блок для чого — довідник модулів

Другий за поширеністю дефект — узятий не той блок. Нижче — усі типи й коли їх брати.

Блок	Для чого	Коли НЕ брати
Publisher Новини	Стрічка новин підрозділу: анонси, фото, дати, архів	Для постійної інформації — вона не має «протухати»
Aggregator Агрегатор	Збирає новини з інших стрічок (головна сторінка)	Не пишіть новини сюди напряму, якщо вони «живуть» у підрозділі — запропонуйте зі своєї стрічки
PublisherReader Читалка	Сторінка однієї новини повністю. Ставиться раз, працює сама	Не додавайте другу на ту саму сторінку
PublisherArchive Архів	Усі новини стрічки за роками	—
HtmlText Текст	Звичайний вміст сторінки: текст, таблиці, фото, файли	Не робіть у ньому «стрічку новин» руками
Gallery Галерея	Фотоальбом події або підрозділу	Для 2–3 фото всередині новини зручніше галерея прямо в тексті
Carousel Слайдер	Банери на всю ширину	Не для фотозвіту з події
FilesList Файли	Перелік документів із розміром і датою	Не перелічуйте документи руками в тексті
Link Посилання	Список посилань — на сторінки сайту або зовнішні	Не для одного посилання в тексті
Contacts Контакти	Люди: посада, телефон, пошта, фото	Не оформлюйте контакти таблицею в тексті — вона розсипається на телефоні
Navigation Навігація	Меню дочірніх сторінок; будується само	Не робіть меню списком посилань руками
Calendar Календар	Події з датами в календарній сітці	—
Wish Зворотний зв'язок	Форма звернення; лист іде на вказану адресу	Не публікуйте особисту пошту прямо в тексті — її збирають спамери
LastUpdates Оновлення	Список нещодавно змінених сторінок	—
SiteMap Карта сайту	Дерево сторінок розділу	—
JavaScript Скрипт	Вставки зі сторонніх сервісів (карта, форма)	Лише для тих, хто розуміє, що вставляє. Чужий код може зламати сторінку

8. Чек-лист перед «Зберегти»

Заголовок без КАПСУ, без крапки, зрозумілий без контексту.
Анонс 2–4 речення й читається окремо від новини.
Фото — у полі «Фото новини», горизонтальне, до 500 КБ.
У картинок заповнено alt.
Текст без чужих шрифтів: натиснуто «🪄 Чистка».
Підзаголовки — стилем «Заголовок 2», а не жирним.
Посилання на осмислених словах і всі відкриваються.
Прізвища, посади, назви й дати перевірені.
Дати «показувати від / до» виставлені (якщо є дедлайн).
Якщо треба на головну — поставлено «Запропонувати в агрегатор».
Після збереження — відкрито «Переглянути на сайті» і перевірено, як воно виглядає насправді.

9. Якщо щось пішло не так

Новини немає на сайті

Перевірте по черзі: дата «показувати від» не в майбутньому; дата «до» не минула; для головної — статус «✅ підтверджено», а не «🕓 чернетка»; сама сторінка зі стрічкою опублікована.

Немає кнопки «Редагувати» або «Вміст»

Це права доступу до конкретної сторінки чи блоку. Зверніться до адміністратора й назвіть точну адресу сторінки — так питання вирішується за хвилину.

Текст виглядає не так, як у редакторі

Найімовірніше лишилося оформлення з Word. Натисніть «🪄 Чистка» і збережіть. Якщо проблема в старій великій сторінці — у панелі текстового блоку є ще «🪄 Нормалізувати стиль» з переглядом «до/після» й можливістю відкотити.

Помилка «форма застаріла»

Сторінка редагування була відкрита надто довго. Скопіюйте текст у буфер, оновіть сторінку, увійдіть знову й вставте. Щоб не втрачати написане — зберігайте довгі матеріали частинами.