Розробка
Наповнення сайту
Контент
Відео інструкція з наповнення
Тексти
Ресурси
Вікова категорія
Зображення
Пропорції та розміри
Блог: 1.956 (приклад: 845х432) (1400х716) (1200*613)
Тип картинки: тематичне, бажано фото: люди, предмети, емоції.
Орієнтація: горизонтальна, із змістовим навантаженням по центру, з розрахунку того що ліва та права 1\5 (приблизно), буде відтинатись на сторінці зі списком усіх блогів. Ресурсы: 1.238 (приклад: 453х366) (1400*1131) (1200х969)
Тип картинки: дуже бажано використовувати заглавне фото ресурсу, будь-то малюнок, графіка чи колаж. Навіть частину обкладинки буклету/книжки (бажано обрізаючи назву, аби на картинці не було слів), це для того аби переходячи по посиланню, людина зрозуміла, що попала туди куди йшла).
Орієнтація: горизонтальна, із змістовим навантаженням по центру, з розрахунку того що, несильно, але відтинає верх та низ на сторінці із детальніше про ресурс. Тренинги: 1.534 (приклад: 540х352) (1400х913) (1200х782) Тип картинки: тематичне до напряму тренінгу, бажано фото, люди/процес навчання, предмети, емоції, щось характерне, що може візуально ідентифікувати сам тренінг.
Орієнтація: горизонтальне, із СИЛЬНИМ фокусованим навантаженням по центру, з розрахунку того що, сильно відтинає ліву та праву частину, перетворюючи її на вертикальне фото на сторінці детальніше про тренінг.
Логотипи для авторів/аватарки авторів (200*200) у людей портрет, у логотипів по краям відступи, із розрахунку, що автоматично буде різатись під коло. Лого
Розмір: 200х200
Колір основи: f2f2f2
Принципи розміщення і підписування лого:
Ресурси/Джерело. Зазвичай джерело ресурсу - організація. Тому зображення лого - це лого організації. Якщо на лого є зрозумілий надпис, не підписуємо. Якщо є й якісь автори - люди, не згадуємо їх, вони зазначаються на самому ресурсі. Якщо ресурс походить винятково від фізичної особи, використовуємо фото і підписуємо Блоги/Автори. Фото, підпис - ім’я, регалії. Головна слайдер
Шестикутник: 540х580
Кольорова композиція
Ідеальним для сайту буде фото, що у своїй кольоровій композиції містить корпоративні кольори, або їх похідні, чи близькі до них. На приклад, чудове фото по кольоровій композиції:
Це фото містить наш м’ятний колір.
Теж дуже хороше фото, із близькими до нашої гами кольорами, пастельно-карамельні:
Приклади невдалого фото за кольорами:
Такі фото будуть вибиватись із загального дизайну.
Редагування зображень в WordPress
1. Завантажте фото до медіа-папки. Оберіть завантажений файл. Натисніть під фотографією кнопку "Редагувати зображення"
2. Масштабуйте фото. У правій колонці введіть перший показник - необхідну ширину зображення, згідно з рекомендаціями вище, наприклад, 1200 пікселів, та натисніть кнопку "Масштабувати”.
3. Ви змінили розмір зображення. Тепер треба змінити розмір зображення. Ліворуч є кнопка “Обрізати”. Натисніть, побачите квадратики по периметру.
4. Тягніть квадратики.
5. Праворуч побачите як змінюються показники у полі "Обрізання зображення". Також там можна вручну підправити показники для потрібної форми (див. вище ).
6. Для підтвердження знову натисніть кнопку ліворуч над фото "Обрізати". Фото зберігається вже з обрізкою.
7. Зберігаємо модифіковане зображення натисканням кнопки "Зберегти" під фото. Закриваємо вікно. Бачимо у медіатеці оновлений файл. Готово!
Тексти
Блоги
CAPS LOCK
На сайті заборонено використовувати ВСІ ВЕЛИКІ як на прикладі нижче. Виділяємо головне іншими засобами!
Марковані списки
Кількість пунктів зазвичай не повинна перевищувати 5 пунктів, в крайніх випадках 10. Більші списки не читаються, для відображення такого роду інформації застосовуються таблиці та інші засоби.
Посилання на ресурси
Якщо є ресурс у вигляді файлу, а покласти його немає куди, кладемо на Google Drive екаунту в папці Роздача прав