Разработчикам контента для веб-сайтов зачастую требуется создавать скриншоты, которые потом интегрируются в страницы или посты. Сам процесс их получения может отнимать немало времени, и было бы здорово как-то его упростить. Для пользователей WordPress существует несколько практичных решений, которые помогают решить эту задачу. Давайте рассмотрим их подробнее.
Одним из самых популярных способов автоматического создания скриншотов является использование плагинов. Существует множество плагинов, которые могут помочь вам в этом. Например, плагин WP Screenshot позволяет автоматически создавать скриншоты определенных веб-страниц и добавлять их в вашу медиатеку. Вы можете установить его в несколько кликов и настроить параметры по своему усмотрению.
Другим вариантом является использование сервиса Page2Images, который предлагает API для интеграции в WordPress. С помощью этого сервиса вы можете получать скриншоты страниц по URL и создавать их прямо из редактора постов. Вам всего лишь нужно зарегистрироваться, получить API-ключ и установить соответствующий плагин.
В дополнение к этому вы можете использовать скрипты на PHP, если у вас есть навыки программирования. С помощью библиотек, таких как Guzzle для HTTP-запросов и Imagick для обработки изображений, вы можете самостоятельно написать функцию, которая будет создавать скриншоты нужных веб-страниц и сохранять их в вашей медиатеке.
Преимущество автоматического создания скриншотов заключается в том, что вы можете значительно ускорить работу над контентом и повысить его качество. Скриншоты помогают лучше визуализировать информацию для посетителей и делают ваши посты более привлекательными. Не забудьте также устанавливать плагины, которые поддерживают автоматическое обновление скриншотов при изменении контента на целевых сайтах. Это поможет вам всегда держать информацию актуальной.
Способ 1. Плагин Browser Shots
На панели инструментов визуального редактора появилась новая кнопка. После ее нажатия откроется всплывающее окно, где можно указать URL-адрес сайта, альтернативный текст для ссылки, саму ссылку URL, а также задать размеры скриншота — ширину и высоту.

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

Для тех, кто предпочитает использовать текстовый режим в редакторе WordPress, плагин позволяет вручную вставить шорткод:
По умолчанию плагин создает изображение-скриншот с размерами 600 на 600 пикселей. Однако размеры картинки можно задать по своему усмотрению:
[browser-shot url="http:// site.ru" width="900" height="900"]
Ссылка на скриншот по умолчанию будет указывать на сайт, с которого он был создан. Для изменения этой ссылки нужно добавить атрибут link:
[browser-shot url="http:// site.ru " width="400" height="400" link="http ://example.com"]
Если вы хотите добавить подпись под изображением скриншота, это можно сделать следующим образом:
[browser-shot url="http:// site.ru"] Site.ru - сайт о природе[/browser-shot]
Также стоит отметить, что плагин Browser Shots поддерживает различные форматы изображений, что позволяет использовать PNG и JPEG для скриншотов. Это может быть полезно, если вам нужно отображать изображения с высоким качеством или с прозрачным фоном.
Чтобы улучшить производительность сайта, рекомендуется использовать оптимизированные изображения. Если вы столкнетесь с проблемами загрузки, убедитесь, что размеры изображений не превышают заданные параметры, и используйте метод сжатия изображений перед загрузкой.
Не забывайте, что обычно скриншоты могут занимать много места на сервере, поэтому стоит периодически проверять и удалять ненужные изображения, чтобы освободить место и улучшить скорость загрузки вашего сайта.
Наконец, для пользователей, которые хотят адаптировать внешний вид скриншотов, плагин предоставляет возможность добавления CSS-стилей через настройки плагина, что позволяет настроить отображение скриншотов в соответствии с дизайном сайта.
Способ 2. Добавление автоматических скриншотов вручную
Этот метод будет полезен тем, кто предпочитает по каким-то причинам не устанавливать дополнительные плагины на своем сайте. Для реализации данного подхода нужно добавить специальный PHP-код в файл functions.php своей активной темы WordPress.
Если вы не знаете, как редактировать functions.php, рекомендуем использовать плагин ProFunctions.
Итак, в файл необходимо вставить следующий код:
function site_screenshots( $atts, $content = NULL ) { extract( shortcode_atts( array( "snap" =>'http://s.wordpress.com/mshots/v1/', "url" => 'http://site.ru', "alt" => 'screenshot', "w" => '900', // ширина "h" => '900' // высота ), $atts ) ); $img = '
'; return $img; } add_shortcode( "screen", "site_screenshots" );
Чтобы отобразить скриншот на страницах сайта, можно использовать следующий шорткод:
В данном случае код по умолчанию будет генерировать изображение размером 900 на 900. Для изменения этих значений воспользуйтесь следующим шорткодом:
[screen url="http:// site.ru" alt="Мой сайт" w="400" h="400"]
В результате скриншот будет иметь размеры 400×400 пикселей.
Не забудьте сохранить изменения в файле functions.php после добавления кода. Чтобы избежать ошибок, рекомендуем сделать резервную копию файла перед его редактированием. Если код не сработает, проверьте наличие синтаксических ошибок и правильность введённых ссылок.
Как выбрать плагин для автоматизации?
Начните с изучения рейтингов и отзывов о плагинах. Плагины с высокой оценкой и достаточным количеством положительных откликов обычно более надежны. Погуглите обзоры и сравнения, чтобы оценить преимущества различных решений.
Обратите внимание на функциональность. Некоторые плагины предлагают лишь базовые возможности, тогда как другие могут включать расширенные настройки. Выясните, что именно вам нужно: возможность планирования, поддержка разных форматов или интеграция с внешними сервисами.
Совместимость – еще один важный аспект. Убедитесь, что выбранный инструмент корректно работает с вашей текущей версией. Проверяйте совместимость с другими установленными расширениями и темами. Некоторые плагины могут конфликтовать друг с другом, что приведет к сбоям.
Внимание! Изучите режим работы службы поддержки разработчиков. Наличие качественной поддержки может значительно облегчить вам жизнь в случае возникновения проблем, особенно когда речь идет о важной функции.
Проверяйте частоту обновлений. Плагины, следящие за безопасностью данных и обновлениями системы, будут гораздо более устойчивыми к ошибкам. Новые версии часто включают важные исправления и улучшения.
- Ищите функционал, который вам необходим.
- Обратите внимание на поддержку и документацию.
- Убедитесь в совместимости с другими расширениями.
Важно помнить о тестировании. Устанавливайте новые плагины на тестовом сайте, чтобы избежать проблем с функциональностью основного. Это сэкономит время и убережет от потенциальных ошибок.