Как автоматически создавать скриншоты сайтов в WordPress

Владислав Белецкий
Владислав Белецкий .
Категория:
Комментариев: 0

Хотели бы вы создавать автоматические скриншоты веб-сайтов на своем WordPress ресурсе? Если вам часто приходится добавлять скрины сайтов в записи или на страницы WordPress, тогда автоматизация процесса сэкономит вам немного времени. В сегодняшней статье мы покажем вам как автоматически создавать скриншоты сайтов в WordPress.

automated-screenshots[1]

Способ 1: Создаем автоматические скриншоты сайтов в WordPress с помощью плагина

Этот способ достаточно простой, и поэтому рекомендуется для новичков и тех пользователей, которые не любят возиться с кодом.

Первым делом вам необходимо установить и активировать плагин Browser Shots.

Плагин работает «из коробки» и не нуждается в дополнительной настройке.

Просто переходим в редактирование записи/страницы или создаем новую. Вы сможете заметить новую кнопку в визуальном редакторе для добавления скриншотов сайтов.

browsershotsbutton[1]

Нажатие на нее откроет всплывающее окно, где можно будет указать URL сайта, альтернативный текст для ссылки, ссылка для URL, а также ширина и высота скриншота.

browsershotsmenu[1]

Нажимаем на кнопку OK и плагин добавляет шорткод в запись WordPress. Теперь можно просмотреть запись, чтобы увидеть плагин в действии.

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

[browser-shot url="https://wpincode.com"]

По-умолчанию плагин создаст скриншот размером 600х600px. Изменить размер можно, если добавить ширину и высоту в качестве параметров к шорткоду.

[browser-shot url="https://wpincode.com" width="400" height="400"]

Скриншот будет ссылаться на тот сайт, с которого он сделан. Изменить ссылку можно, добавив атрибут link к шорткоду.

[browser-shot url="https://wpincode.com" width="400" height="400" link="http://example.com"]

Если требуется добавить заголовок под скриншотом, то потребуется обернуть текстом сам шорткод.

[browser-shot url="https://wpincode.com"]WPinCode - WordPress без плагинов[/browser-shot]

Заголовок будет использовать стили заголовков вашей темы WordPress. Вот как это будет выглядеть в итоге:

browsershots-preview[1]

Плагин Browser Shots использует WordPress.com mshots API для генерации скриншотов на лету. Эти изображения не сохраняются в вашей библиотеке медиафайлов. Они обслуживаются напрямую с серверов WordPress.com.

Browser ScreenshotsBrowser Screenshots

Author(s): Ben Gillbanks

Current Version: 1.7.7

Last Updated: 24.11.2021

browser-shots.zip

96%Ratings

5 000+Installs

WP 4.0+Requires

Способ 2: Создаем автоматические скриншоты путем добавления кода в WordPress

Этот способ требует добавления кода в ваши файлы WordPress. Он не рекомендуется для новичков.

Просто вставляем следующий код в файл functions.php вашей темы или в плагин для сайта WordPress:

function devise_screenshots($atts, $content = NULL) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'https://wpincode.com',
"alt" => 'screenshot',
"w" => '600', // ширина
"h" => '450' // высота
), $atts));

$img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" />';

return $img;
}
add_shortcode("screen", "devise_screenshots");

Как и плагин, упомянутый нами выше, этот код также использует WordPress.com mshots API для генерации скриншотов на лету.

Для того, чтобы отобразить скриншот веб-сайта на своих страницах и в записях WordPress, вам потребуется добавить вот такой шорткод:

[screen url="https://wpincode.com" alt="WPinCode"]

Замените значения в полях URL и Alt на свои собственные.

По-умолчанию этот код будет генерировать скриншоты размером 600х450px. Изменить их можно на свои, если добавить атрибуты ширины и высоты к шорткоду.

[screen url="https://wpincode.com" alt="WPinCode" w="400" h="400"]

Вот и все, мы надеемся, что эта статья помогла вам научиться создавать автоматические скриншоты для сайтов в WordPress. Также вам может быть интересна наша статья о том, как автоматизировать WordPress и социальные сети с помощью IFTTT.

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.

VN:F [1.9.22_1171]

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии