August 20th, 2011

Geek WordPress #01 : Snap Shots website menggunakan shortcode

Adakalanya kita ingin membuat review kepada sesuatu website dan memerlukan gambar website tersebut. Perkara biasa yang akan kita lakukan adalah dengan print screen kemudian upload. Dengan menggunakan WordPress shortcode, kita boleh membuat thumbnail kepada sesuatu laman dengan lebih mudah tanpa perlu sebarang upload lagi.

1. Letak kan code ini didalam function.php iaitu form didalam template yang sedang anda gunakan sekarang. 

function wpr_snap($atts, $content = null) {
        extract(shortcode_atts(array(
			"snap" => 'http://s.wordpress.com/mshots/v1/',
			"url" => 'http://www.beyta.net',
			"alt" => 'BEYTA.net',
			"w" => '0', // width
			"h" => '0' // height
        ), $atts));

	$img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
        return $img;
}

add_shortcode("snap", "wpr_snap");

2. Kemudian untuk membuat snapshots letakkan shortcode dibawah ini didalam content post anda

[snap url="http://www.beyta.net/v3" alt="BEYTA" w="550" h="300"]

Dan ia akan memaparkan seperti contoh dibawah ini…

BEYTA
Sumber : Valentin Brandt, wprecipes.
Categories: Geek Tags: , ,

ANTARA YANG MENARIK



GEEK : #02 Muat naik (UPLOAD) website anda di 000WEBHOST.COM


Geek : #01 Buat Website secara percuma dengan 000webhost.com


[Inspired] : Laman Tutorial Menarik Untuk Rujukan Web Designer


[hotcool] : My Morning Coffee Website
.

Apa pendapat anda?

Follow BEYTA.net di Twitter


17 queries. 0.292 seconds.
© 2011 BEYTA.network | Coders Republic - Certified by Microsoft as Profesional Developer
Beyta | Tajuzzaman bin Tajol Molok. MCPD. MCTS.