Блог Мудрого Кота
Советы и уроки для вебмастера, монетизация сайта и немного о SEO
Главная - Мои заметки - Скрипт для создания скриншотов

Скрипт для создания скриншотов

Скриншот

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

Блог Мудрого Кота

Вы сможете регулировать размер изображения и подгонять скриншоты под размер вашего сайта.
Итак, как же установить на свой сайт данную возможность?
Всё очень просто!

Для начала вам нужно скопировать данный php код:

function wpr_snap($atts, $content = null) {
        extract(shortcode_atts(array(
			"snap" => 'http://s.wordpress.com/mshots/v1/',
			"url" => 'http://blog-kota.ru/', // адресс вашего сайта
			"alt" => 'Изображение',
			"w" => '595', // ширина
			"h" => '366' // высота
        ), $atts));
 
	$img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
        return $img;
}
 
add_shortcode("snap", "wpr_snap");

А затем вставить его в файл функций вашей темы (functions.php).

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

50% работы выполнено. :)

Теперь дело за малым, осталось только вставить html код и вывести скриншот.
Для вывода скриншоты вы должны использовать вот этот код:

[snap url="http://blog-kota.ru/" alt="Блог Мудрого Кота" w="595" h="330"]

Где:

snap url — адресс сайта.
alt — название сайта.
w — ширина изображения.
h — высота изображения.

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

Яндекс:

Яндекс

Майл:

Майл

Google:

Google

После того как вы вставите html код для вывода скриншота в статью, в статье должно появиться вот такое окошко:

Через пару минут обновите страничку и вместо этого окошка появиться скриншот сайта.

Этот php код будет вам очень полезен.
Допустим, вы пишите обзор, какого то блога, или просто хотите показать читателям какие то сервисы, или блоги, но самостоятельно бегать по этим сервисам и делать скриншоты очень долго, а при помощи данной функции это можно сделать за пару секунд!

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

[snap url="http://blog-kota.ru/" alt="Блог Мудрого Кота" w="595" h="330"]

До такого состояния:

[snap url="переменная" alt="Название" w="595" h="330"]

Где «переменная» это адрес сайта, который указал пользователь.

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

Желаю удачи!
Искренне ваш Мудрый Кот.

Сегодня хочу показать вам видео «10 мифов об IT-шнике.», достаточно интересное и прикольное видео.

Часть 1:

Часть 2:

Подпишись и получай новые записи первым!

Подписаться вы можете с помощью или , но самый удобный способ это:

Ещё по теме:
3 лучших торрент трекера — где разместить свои файлы и где скачать чужие?
Итоги 2011 года и планы на год грядущий
Польза и вред форумов. А стоит ли на них штаны просиживать?
Кто управляет русским Интернетом?
Накупил барахла на Ozon.ru (фотоотчёт)
Информация о статье:
Опубликовано: 23 сентября 2011, в рубрику Мои заметки, просмотров: 665.
Теги: , , .

Поделись статьёй с друзьями:

Оставляя комментарий - вы автоматически принимаете участие в конкурсе комментаторов, и имеете возможность выиграть очень, классные призы!
I место - Сквозняк!
II место - Заметка!
III место - 200 Рублей!
Подробнее о конкурсе тут.

Оставь коммент, не будь бякой!


:wink: :twisted: :roll: :oops: :lol: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-D :-? :) :( :!: 8-O 8)


Подпишись на обновления блога:

RSS    twitter    e-mail


107 подписчиков

103 фолловера


Подробно:

Как создать сайт с онлайн фильмами
Как создать сайт с онлайн фильмами
Создание

Раскрутка

Монетизация



Как создать шаблон и дизайн для сайта
Как создать шаблон и дизайн для сайта
Макет

Разметка

Вёрстка


  • Лучшее
  • Советую
  • Новое

Я читаю:

Записки ночного блогера
Blogger.omg-linux