Створення скріншотів сайтів за допомогою сервісу mShots
Сервіси, які роблять скріншоти сайтів, працюють в інтернеті досить активно, але жоден з них не працює так швидко і чітко, як цей WordPress.com mShots. Але не всі ці ресурси, по-перше, безкоштовні, а по-друге, багато з них працюють повільно, деякі ставлять свої водяні знаки на скріншоти, рідко оновлюють знімки і т.д. І мало хто знає, що на WordPress.com є свій сервіс створення знімків (скриншотів). Для сайтів на CMS WordPress можна створити нескладний шорткод, вставкою якого в сторінки сайту можна легко організувати відображення знімка будь-якого сайту в потрібному місці. Шорткод має такий вигляд:
[mshot url="http://www.mysite.com/" alt="Пишете ваш alt і title" w="200" h="150"]
Тепер докладніше про значення виразу, тобто коду:
Скріншоти автоматично робляться із співвідношенням сторін 3/4, тому вказувати довільні значення сенсу немає – сервіс обрізатиме скріншот за своїми параметрами. Тобто якщо ширина скріншота — 200 px, то висота буде 150 px, незалежно від прописаного розміру висоти. Тому достатньо вказати лише один параметр розміру скріншота – друге значення буде обчислено автоматично. Всім скріншотам надано клас «mshots», за допомогою якого можна оформити стиль зображень сайтів, що виводяться. Наприклад, можна додати у файл styles.css вашого шаблону теми такий код:
Таким чином, скріншоти будуть оточуватись закругленою рамкою з тінню. Звичайно, цей код не обов'язково використовувати, але бажано зробити видимий кордон у скріншота, тому що на багатьох сайтах за замовчуванням встановлюється біле тло, і тому ваш скріншот сайту буде зливатися з навколишнім фоном сторінки.
У сховищеWordPress.org лежить кілька плагінів, які теж роблять такі ж скріншоти, що і вказаний код, але кожен з них має свої недоліки, і виправляти їх просто немає сенсу, та й часу шкода – простіше скористатися цим функціоналом шляхом додавання шорткоду до файлу functions. php шаблон поточної теми. При першому знімку знімка екрана сайту на сторінці з'явиться такий малюнок:
Цей скріншот буде відображатися весь час, доки сервіс згенерує зображення вказаного сайту. Цей процес займає не більше хвилини, а найчастіше відбувається практично миттєво. У той час, як багато інших сервісів працюють у десятки разів повільніше. Тому відразу оновивши сторінку, ви отримаєте знімок сайту в реальному часі. Далі всі скріншоти сайту будуть оновлюватися автоматично приблизно один раз на добу.
На одному із своїх сайтів я зробив сторінку партнерів сайту саме з використанням цього коду. Ось як вона виглядає:
Як бачите, скріншоти будуть завжди актуальні, та й додавати їх зовсім нескладно, так що напевно ця фішка комусь знадобиться. До зустрічі у наступних публікаціях!