Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem
WebHelp.pl Warsztat Porady WordPress: umieszczanie zrzutów stron za pomocą shortcode

Warsztat / Porady

WordPress: umieszczanie zrzutów stron za pomocą shortcode

Bartosz Romanowski 9 lutego 2012 komentarze ()

WordPress.com udostępnia bezpłatną usługę mShots, za pomocą której możemy w łatwy sposób umieszczać w naszych tekstach wykonywane automatycznie zrzuty (screenshot) stron WWW. API usługi jest bardzo proste - wystarczy przekazać adres interesującej nas strony WWW pod specjalny URL, na przykład:

Kod: Zaznacz cały
http://s.wordpress.com/mshots/v1/http://webhelp.pl

Dodatkowo możemy przekazać parametr width, dzięki któremu otrzymamy obraz o podanej szerokości:

Kod: Zaznacz cały
http://s.wordpress.com/mshots/v1/http://webhelp.pl?w=300

Korzystając z WordPressa najwygodniej będzie wykorzystać dostępne mechanizmy i opakować ten interfejs w shortcode. Wklejmy więc poniższy kod do pliku functions.php lub pliku wtyczki:

Kod: Zaznacz cały
function screenshot_shortcode($atts, $content = null) {
	extract(shortcode_atts(array('api_url' => 'http://s.wordpress.com/mshots/v1/', 'url' => '', 'alt' => 'Zrzut strony', 'width' => 400), $atts));
	return '<img src="'.$api_url.urlencode($url).'?w='.$width.'" alt="'.$alt.'" />';
}
add_shortcode('screenshot', 'screenshot_shortcode');

Teraz aby w treści wpisu umieścić screen strony internetowej wystarczy skorzystać z nowego shortcode [screenshot], na przykład tak:

Kod: Zaznacz cały
[screenshot url="http://webhelp.pl" alt="WebHelp" width="300"]

Wymagany jest jedynie parametr url – pozostałe (alt i width) są opcjonalne i posiadają domyślne wartości.

Zdarzyć się może, że po umieszczeniu zrzutu w odpowiedzi otrzymamy domyślny obrazek z tekstem “Generating Preview…”. Jest to normalne, ponieważ gdy serwery usługi nie dysponują w miarę świeżym screenem interesującej nas strony, musi on zostać wykonany, co może potrwać do kilkunastu minut.

Masz pytania lub wątpliwości? Odwiedź nasze forum dyskusyjne.

Bartosz Romanowski

Programista, gadżeciarz, krytyczny miłośnik produktów Apple, fan ciężkich brzmień i niepoprawny pesymista.


Komentarze


HTML CSS JavaScript PHP bazy danych MySQL Flash grafika framework hosting domeny pozycjonowanie wordpress Facebook