Вы хотите создать автоматические скриншоты сайта в WordPress? Если вы часто добавляете скриншоты сайта в свои посты или страницы WordPress, то автоматизация этого процесса сэкономит вам время, потраченное на создание скриншотов вручную. В этой статье мы покажем вам, как создавать автоматические скриншоты сайта в WordPress.
Метод 1: Создание автоматических скриншотов сайта в WordPress с помощью плагина
Этот метод проще, поэтому рекомендуется для новичков и пользователей, которые не хотят возиться с кодом.
Первое, что вам нужно сделать, это установить и активировать плагин Browser Shots. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
Плагин работает из коробки, и у вас нет никаких настроек для конфигурирования.
Просто отредактируйте пост/страницу или создайте новую. Вы заметите новую кнопку в визуальном редакторе для добавления скриншотов сайта.
Нажав на него, вы увидите всплывающее окно, в котором можно ввести URL сайта, альтернативный текст, ссылку на URL, а также высоту / ширину скриншота.
Нажмите на кнопку OK, и плагин добавит шорткод в ваш пост WordPress. Теперь вы можете предварительно просмотреть свой пост, чтобы увидеть плагин в действии.
Если вы используете текстовый редактор в WordPress или не хотите использовать кнопку в визуальном редакторе, то вы также можете вручную добавить шорткод самостоятельно.
По умолчанию плагин создаст скриншот размером 600 x 600 пикселей. Вы можете изменить это, добавив атрибуты ширины и высоты в шорткод.
[browser-shot url=»https://www.wpbeginner.com» width=»400″ height=»400″]
Он также автоматически поставит ссылку на веб-сайт. Вы можете изменить это, добавив атрибут ссылки к шорткоду и добавить любую ссылку, которую вы хотите.
[browser-shot url=»https://www.wpbeginner.com» width=»400″ height=»400″ link=»http://example.com»]
Если вы хотите добавить подпись под скриншотом, то вы можете сделать это, обернув текст подписи вокруг шорткода.
[browser-shot url=»https://www.wpbeginner.com»]WPBeginner — сайт ресурсов WordPress для начинающих[/browser-shot]
Надпись будет использовать стили надписей вашей темы WordPress. Вот как это выглядит на нашем демонстрационном сайте:
Плагин Browser Shots использует WordPress.API mshots от com для создания скриншотов «на лету». Эти изображения не хранятся в медиатеке WordPress. Скриншоты отправляются непосредственно из WordPress.com-серверы.
Метод 2: Создание автоматических скриншотов путем добавления кода в WordPress
Этот метод требует добавления кода в файлы WordPress. Не рекомендуется для новичков. Если вам удобно вставлять фрагменты из Интернета в WordPress, то вы можете использовать этот метод.
Просто добавьте этот код в функции вашей темы.php файл или плагин для конкретного сайта.
function wpb_screenshots($atts, $content = NULL) < extract(shortcode_atts(array( "snap" =>'http://s.wordpress.com/mshots/v1/', "url" => 'https://www.wpbeginner.com', "alt" => 'screenshot', "w" => '600', // ширина "h" => '450' // высота ), $atts)); $img = ''; return $img; > add_shortcode("screen", "wpb_screenshots");
Подобно плагину, который мы упоминали ранее, этот код также использует WordPress.com mshots API для создания скриншотов на лету.
Чтобы отобразить скриншот сайта в постах и страницах WordPress, вам нужно ввести шорткод следующим образом:
[screen url=»http://wpbeginner.com» alt=»WPBeginner»]
Заменить URL и Alt поля с вашими собственными значениями.
По умолчанию этот код будет генерировать скриншот размером 600 x 450 пикселей. Вы можете изменить это, добавив свои собственные атрибуты высоты и ширины в шорткод.
[screen url=»http://wpbeginner.com» alt=»WPBeginner» w=»400″ h=»400″]
Вот и все, мы надеемся, что эта статья помогла вам узнать, как создавать автоматические скриншоты сайта в WordPress. Вы также можете ознакомиться с нашим руководством по автоматизации WordPress и социальных сетей с помощью IFTTT.
Источник: www.wpbeginner.com