Зображення, фото та галереї в статтях wordpress
Скріншоти поста зняті c версії раніше WordPress 3.8.
Для WP є маса плагінів для роботи з зображеннями. Але в цій статті розглянемо внутрішній інструмент WordPress для вставки зображень в пост. C його допомогою можна вставляти як, окремі фото, так і цілі галереї. Причому як зображення, так і галереї побажанню можна налаштовувати.
Відкриється сторінка налаштувань зображень для вставки в статті, за замовчуванням. Тут бачимо три параметра розмірів зображень: розмір мініатюри, середній розмір, великий розмір.
Читайте так же: Вийшов Wordpress 4.0
Мініатюра статті
Для правильного відображення мініатюри в Facebook розмір мініатюри повинен бути мінімум 200 × 200.
Розмір мініатюри задається в шаблоні за його верстці. Щоб великі зображення для мініатюр пропорційно обрізалися під розмір мініатюри, відзначте спеціальний чекбокс.
Читайте так же: Чужий код в темі WordPress
Великий розмір виставите на максимальне значення 1024 × 1024. Але якщо ви хочете, щоб зображення на всьому сайті були обмежені певними розмірами, виставите ці розміри в цьому пункті налаштувань.
Завантаження файлів
Наступний пункт меню заслуговує на увагу, це завантаження файлів.
Всі фото сайту завантажуються в так звану «Бібліотеку медіафайлів» вашого сайту. Зображення завантажуються відразу в трьох розмірах зазначених в налаштуваннях вище.
Якщо в налаштуваннях медіафайлів в пункті «Розміщувати завантажені мною файли в папки по місяцю і року» поставити галочку
то зображення будуть завантажуватися в наступний каталог:
де Рік / Місяць автоматично створюються на поточний рік і місяця завантаження фото в бібліотеку.
Якщо галочку в пункті не ставити, то все фото будуть завантажуватися в папку:
/ Public_html / wp-content / uploads, без сортування.
Прив'язані і не прив'язані фото
Зупинюся докладніше як вставляти в статті окремі зображення і фото галереї.
Як вставити в статтю WP зображення
- Відкриваєте Консоль → Записи → Додати нову.
- Для вставляння фото до статті натискаємо «Додати мультимедійний».
Далі по пунктах:
- Вибираємо фото або з комп'ютера, або з інтернет по URL, або з бібліотеки раніше завантажених фотографій, сайту.
Перед додаванням фото до статті (справа) вибираємо розмір фото для установки в статтю, прописуємо теги alt, назва фото, при бажанні опис фото.
Редагування, дороботка фото в статті
У нових версіях WordPress, наприклад 4.4. кнопки редагування фото дещо змінилися:
В налаштуваннях можна змінити:
- Змінити становище фото в статті (немає, центр, праворуч, ліворуч).
- Додати стиль рамки, відступи по горизонталі і вертикалі.
Приклад Стилю рамки: border: 5px solid red;
Як вставити галерею до статті WordPress
- Вибрати «Вставити галерею»;
- Вибрати «Завантажити фото»;
- Вибрати на комп'ютері потрібні для галереї фото;
- Налаштувати показ галереї: кількість колонок і порядок показу фото;
- Натисніть «Вставити галерею».
Розмір мініатюр в галереї буде відповідати встановленим розмірам мініатюр у вкладці (Параметри → Медіафайли).
Додавання галерей за допомогою кодів
Всі коди укладіть в квадратні дужки, [код]
Додати галерею з прикріпленими до статті фото
Всі прикріплені до статті фото, можна вивести в будь-якому місці статті, вставивши простий код: [gаllery]. Після цього всі прикріплені фото до цієї статті, з'являться в статті у вигляді галереї.