вы создаете автоматические скриншоты в WordPress? Если вы часто добавляете скриншоты сайта в свои записи / страницы WordPress, автоматизация процесса сэкономит вам время, потраченное на создание скриншотов вручную.

В этом уроке мы покажем вам, как создавать автоматические захваты Веб-сайт WordPress.

Захват автоматизирован WordPress

Метод 1: создание автоматических снимков с помощью плагина

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

Первое, что вам нужно сделать, это установить и активировать плагин " браузер Shots ». Для более подробной информации, смотрите наше пошаговое руководство по как установить плагин WordPress.

Плагин работает сразу, и нет никаких настроек для настройки.

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

скриншот сайта WordPressПри нажатии на нее откроется окно, в котором вы можете ввести URL-адрес сайта, альтернативный текст, ссылку на URL-адрес изображения и высоту / ширину скриншота.

Параметры браузера выстрелы

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

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

[URL-адрес браузера = "https://blogpascher.com"]

По умолчанию плагин создает снимок экрана размером 600 x 600 пикселей. Вы можете изменить это, добавив атрибуты ширины и высоты к шорткоду.

[URL-адрес браузера = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″]

У него также будет ссылка на данную страницу. Вы можете изменить это, добавив атрибут ссылки в шорткод и добавив любую ссылку, которую вы хотите.

[URL-адрес браузера = »http: // www. blogpascher.com "width =" 400 ″ height = "400 ″ link =" http://example.com "]

Если вы хотите добавить подпись к снимку экрана, вы можете сделать это, обернув текст вокруг шорткода.

[URL-адрес браузера = ”http://www. blogpascher.com »] Создание сайта – Блог WordPress, бутик электронной коммерции [/браузер-выстрел]
скриншот блога

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

Метод 2: создание улова путем добавления кода

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

function bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' screenshot ', "w" =>' 600 ', // ширина "h" =>' 450 '// высота), $ atts)); $ img = ' '; вернуть $ img; } add_shortcode ("экран", "bpc_screenshots");

Подобно плагину, упомянутому ранее, этот код также использует API " mshots С WordPress.com для создания скриншотов на лету.

Чтобы просмотреть снимок экрана Веб-сайт захвата в своих сообщениях и страницах WordPress, вам нужно будет ввести шорткод следующим образом:

[screen url = "https://blogpascher.com" alt = "BlogPasCher"]

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

По умолчанию этот код создает снимок экрана размером 600 x 450 пикселей. Вы можете изменить это, добавив в шорткод свои собственные атрибуты высоты и ширины.

[screen url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]

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