В этой короткой заметке я расскажу как можно добавить на сайт WordPress скриншот, не сохраняя его предварительно на компьютер.
Поздравляю всех посетителей сайта с наступившим Новым Годом и хочу поднять довольно специфическую тему — добавление на сайт скриншотов. Полагаю что данный вопрос не понаслышке знаком любому человеку, часто составляющему инструкции, руководства к действию, разделы FAQ и т.п. Ну а какая хорошая инструкция обходится без картинок?
Обычно чтобы добавить на сайт скриншот, приходится сохранять скриншоты отдельно в виде файлов .png или .jpeg, а потом средствами WordPress загружать их на сайт. Однако есть пара инструментов, с помощью которых можно значительно упростить себе жизнь. Их сегодня и рассмотрим.
Первый способ значительно проще, и потому, на мой взгляд, предпочтительнее. В реализации поможет плагин Browser Shots. После стандартных установки и активации в визуальном редакторе появляется одноименная кнопка, при нажатии на которую открывается окно с параметрами скриншота.
В результате скриншот страницы добавляется на страницу записи WordPress.
Для применения второго способа нужно подключиться к хостингу по FTP и отредактировать файл functions.php, что находится в каталоге wp-content/themes/название_вашей_темы. Просто добавьте в конец файла код
Default
function wpb_screenshots($atts, $content = NULL) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'http://www.wpbeginner.com',
"alt" => 'screenshot',
"w" => '600', // width
"h" => '450' // height
), $atts));
$img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" />';
return $img;
}
add_shortcode("screen", "wpb_screenshots");
После сохранения изменений добавить скриншот можно при помощи конструкции [screen url=”yandex.ru” alt=”Так выглядит Яндекс”].
По умолчанию скриншоты добавляются в разрешении 600*450 пикселей, изменить это значение можно либо исправив параметры «w» и «h» во вставляемом фрагменте кода (тогда изменятся параметры по умолчанию), либо указав нужное разрешение непосредственно при вставке шорткода, конструкция в этом случае примет вид [screen url=”yandex.ru” alt=”Так выглядит Яндекс” w=”800″ h=”650″].
А вы при наполнении своего сайта используете скриншоты? О целях, способах, впечатлениях как обычно приглашаю писать в комментариях!
Это интересно
0
|
|||
Последние откомментированные темы:
-
Изменение ссылок
(1)
casham
,
01.02.2012
-
Плагин Special Text Boxes
(2)
Ирина
,
27.12.2011
-
Как закрыть ссылки от индексации быстро и красиво. Плагины WP-NoRef и WP No External Links.
(2)
-
Вышел WordPress 3.3 русская версия
(1)
casham
,
16.12.2011
-
Что нового в WordPress 3.3
(1)
casham
,
16.12.2011
20250410120941megr***@m*****.ru , 18.12.2011