dhivel
11 Trik WordPress Conditional Tags
Posted on Januari 27, 2010 by dhivel.setiawan
Conditional Tags merupakan salah satu elemen paling penting pada WordPress, mengingat hampir tidak ada (atau mungkin tidak ada) themes dan plugin yang tidak menggunakan Conditional Tags.
Konsep Conditional Tags itu sederhana sekali—sama dengan pernyataan berkondisi dalam dunia pemrograman, yaitu pengambilan keputusan berdasarkan dua atau lebih kemungkinan. WordPress telah menyediakan kemungkinan tersebut berupa tags untuk Conditional Tags, yang bisa dilihat pada WordPress Codex.
Sebagai ilustrasi, perhatikan baris contoh Conditional Tags berikut ↓
1 |
<?php if (is_author()) { ?> |
2 |
<h1>Posts written by <?php the_author(); ?></h1> |
3 |
<?php } else (is_archive()) { ?> |
4 |
<h1>You are viewing the archives</h1> |
5 |
<?php } ?> |
Kode tersebut menyatakan: jika halaman arsip penulis (author) dibuka, maka tampilkan kode <h1>Post written by [author name]</h1>. Jika halaman arsip (archive.php) dibuka, maka tampilkan <h1>You are viewing archives</h1>.
Satu lagi yang lebih kompleks menggunakan elseif ↓
1 |
<?php if (is_author()) { ?> |
2 |
<h1>Posts written by <?php the_author(); ?></h1> |
3 |
<?php } elseif (is_category()) { ?> |
4 |
<h1>You are viewing the <?php single_cat_title(); ?> category</h1> |
5 |
<?php } else (is_archive()) { ?> |
6 |
<h1>You are viewing the archives</h1> |
7 |
<?php } ?> |
Menyatakan: jika halaman arsip penulis (author) dibuka, maka tampilkan kode <h1>Post written by [author name]</h1>. Jika arsip kategori dibuka maka tampilkan kode <h1>You are viewing the [category name] category</h1>. Jika halaman arsip (archive.php) dibuka maka tampilkan <h1>You are viewing archives</h1>.
Penggunaan Conditional Tags tidak sebatas heading dinamis saja, tetapi juga bisa dipakai untuk membuat sidebar yang berbeda untuk halaman home dengan single post misalnya—semua tergantung kebutuhan dan kreativitas masing-masing.
Berikut ini saya kutip beberapa contoh bagus pemanfaatan Conditional Tags dari artikel saya yang lalu serta dari artikel blog lain yang saya temukan.
1. Dynamic Heading
01 |
<div id="header"> |
02 |
<div id="headerimg"> |
03 |
<?php if ( is_home () ) : ?> |
04 |
<p id="name"><a href="<?php echo get_settings('home'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></p> |
05 |
<h1 id="tagline"><?php bloginfo('description'); ?></h1> |
06 |
<?php else : ?> |
07 |
<p id="name"><a href="<?php echo get_settings('home'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></p> |
08 |
<div class="description"><?php bloginfo('description'); ?></div> |
09 |
<?php endif; ?> |
10 |
</div> |
11 |
</div> |
Sumber: Trik Membuat Level Heading Blog WordPress Lebih SEO-friendly.
2. Dynamic Menu Highlighting
1 |
<ul class="menu"> |
2 |
<li class="<?php if ( is_home() or is_archive() or is_single() or is_paged() or is_search() or (function_exists('is_tag') and is_tag()) ) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>" title="<?php _e('Home'); ?>"><?php _e('Home'); ?></a></li> |
3 |
<?php wp_list_pages('sort_column=post_title&depth=1&title_li='); ?> |
4 |
<?php wp_register('<li>','</li>'); ?> |
5 |
</ul> |
Sumber: Belajar WordPress — Membuat Dynamic Highlight Menu.
3. Two-Tiered Conditional Navigation
PHP:
01 |
<ul id="nav"> |
02 |
<?php wp_list_pages('title_li=&depth=1'); ?> |
03 |
</ul> |
04 |
<?php if($post->post_parent) |
05 |
$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); else |
06 |
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0"); |
07 |
if ($children) { ?> |
08 |
<ul id="subnav"> |
09 |
<?php echo $children; ?> |
10 |
</ul> |
11 |
<?php } else { ?> |
12 |
<?php } ?> |
CSS:
01 |
* {margin:0;padding:0} |
02 |
#nav {background:#577da2;border-bottom:1px solid #FFF;height:32px} |
03 |
#nav li {margin-right:25px} |
04 |
#nav li, #subnav li {float:left;list-style:none} |
05 |
#nav a, #nav a:visited {color:#FFF;text-decoration:none;font-weight:bold} |
06 |
#nav a:hover, #nav a:active, |
07 |
li.current_page_parent a, |
08 |
li.current_page_parent a:visited, |
09 |
#nav li.current_page_item a, |
10 |
#nav li.current_page_item a:visited {background:#295887} |
11 |
#subnav {background:#e6eef7;border-top:2px solid #577da2;border-bottom:2px solid #cad8e6;height:28px} |
12 |
#subnav li {border-right:1px solid #295887;padding:0 7px} |
13 |
#subnav a, #subnav a:visited {color:#295887;text-decoration:none;font-weight:bold } |
14 |
#subnav a:hover, #subnav a:active,#subnav li.current_page_item a,#subnav li.current_page_item a:visited {text-decoration:underline} |
Sumber: Creating Two-Tiered Conditional Navigation in Wordpress.
4. Author Signature
Kode berikut berguna untuk menampilkan gambar tanda tangan sendiri di setiap postingan ↓
1 |
<div class="entry"> |
2 |
<?php the_content(); ?> |
3 |
<?php if (is_single()) |
4 |
{ |
5 |
echo '<div class="signature"> |
6 |
<img src="http://example.com/images/signature.gif" alt="" /> |
7 |
</div>'; |
8 |
} ?> |
Sumber: Adding a Signature To Personalize Your Blog Post.
5. WordPress Meta
WordPress Meta (yang biasa kita lihat di sidebar) bisa kita tampilkan hanya pada logged in user menggunakan kode berikut ↓
01 |
<?php if (is_user_logged_in()) { ?> |
02 |
<div id="site-meta"> |
03 |
<div id="meta-panel"> |
04 |
<ul> |
05 |
<?php wp_register() ?> |
06 |
<li><?php wp_loginout() ?></li> |
07 |
</ul> |
08 |
</div> |
09 |
<a href="" id="meta-anchor">Site Meta</a> |
10 |
</div> |
11 |
<?php } ?> |
Sumber: A Better Spot for The WordPress Meta.
6. Breadcrumb Navigation
Alternatif menampilkan sistem navigasi berbentuk breadcrumb selain memakai plugin adalah dengan memanfaatkan Conditional Tags.
Untuk kode lengkap silakan lihat sumbernya: Wordpress Conditional Tags In Action (Breadcrumbs).
7. Dynamic Sidebar
Ingin membuat sidebar pada single post berbeda dengan halaman lain? Buat dua file untuk sidebar pada single post dan sidebar untuk halaman lain, misal sidebar_single.php dan sidebar.php. Kemudian manfaatkan pernyataan berkondisi if ↓
1 |
<?php if ( is_single () ) : ?> |
2 |
<?php include (TEMPLATEPATH . '/sidebar_single.php'); ?> |
3 |
<?php else : ?> |
4 |
<?php include (TEMPLATEPATH . '/sidebar.php'); ?> |
5 |
<?php endif; ?> |
8. Unique Single Template
Bila ingin menggunakan template berbeda untuk postingan pada kategori tertentu, gunakan kode berikut ↓
01 |
<?php |
02 |
$post = $wp_query- >post; |
03 |
if ( in_category('1') ) { |
04 |
include(TEMPLATEPATH . '/single1.php'); |
05 |
} elseif ( in_category('2') ) { |
06 |
include(TEMPLATEPATH . '/single2.php'); |
07 |
} else { |
08 |
include(TEMPLATEPATH . '/single_other.php'); |
09 |
} |
10 |
? > |
Sumber: WordPress Theme Hacks.
9. Author Comments Highlighting
Membuat tampilan komentar penulis berbeda dengan komentar yang lain. Sudah pernah saya tulis di artikel Belajar CSS Yuk: Membuat Highlight Komentar.
10. SEO-friendly Title Tag
1 |
<title><?php |
2 |
if ( is_single() ) { single_post_title(); } |
3 |
elseif ( is_home() || is_front_page() ) { bloginfo('name'); print ' | '; bloginfo('description'); get_page_number(); } |
4 |
elseif ( is_page() ) { single_post_title(''); } |
5 |
elseif ( is_search() ) { bloginfo('name'); print ' | Search results for ' . wp_specialchars($s); get_page_number(); } |
6 |
elseif ( is_404() ) { bloginfo('name'); print ' | Not Found'; } |
7 |
else { bloginfo('name'); wp_title('|'); get_page_number(); } |
8 |
?></title> |
Sumber: The WordPress Theme Header Template.
11. Conditional Stylesheet
Tidak semua kode pada file stylesheet (style.css) pada theme terpakai pada semua halaman. Untuk itu kita perlu membuat stylesheet yang lebih spesifik untuk setiap halaman, misalnya untuk home, single post, page, dan archive. Hal ini perlu dilakukan supaya CSS yang dipakai lebih efektif karena ukuran file akan diperkecil serta mempersingkat waktu download file.
01 |
<link rel="stylesheet" href="http://www.domain.com/wp-content/themes/default/style.css" type="text/css" media="screen" /> |
02 |
<?php if (is_home() ) { ?> |
03 |
<link rel="stylesheet" href="http://www.domain.com/wp-content/themes/default/index.css" type="text/css" media="screen" /> |
04 |
<?php } elseif ( is_single() ){ ?> |
05 |
<link rel="stylesheet" href="http://www.domain.com/wp-content/themes/default/single.css" type="text/css" media="screen" /> |
06 |
<?php } elseif ( is_page() ){ ?> |
07 |
<link rel="stylesheet" href="http://www.domain.com/wp-content/themes/default/page.css" type="text/css" media="screen" /> |
08 |
<?php } elseif ( is_archive() ){ ?> |
09 |
<link rel="stylesheet" href="http://www.domain.com/wp-content/themes/default/archive.css" type="text/css" media="screen" /> |
10 |
<?php } elseif ( is_search() ){ ?> |
11 |
<link rel="stylesheet" href="http://www.domain.com/wp-content/themes/default/search.css" type="text/css" media="screen" /> |
12 |
<?php } elseif ( is_404() ){ ?> |
13 |
<link rel="stylesheet" href="http://www.domain.com/wp-content/themes/default/404.css" type="text/css" media="screen" /> |
14 |
<?php } elseif ( is_attachment() ){ ?> |
15 |
<link rel="stylesheet" href="http://www.domain.com/wp-content/themes/default/single.css" type="text/css" media="screen" /> |
16 |
<?php } ?> |
Kode di atas akan menyertakan file style.css (yang dipakai untuk semua halaman) dan satu lagi file CSS khusus untuk halaman tertentu.
Optimalkan Koneksi Internet
Optimalisasi Koneksi Internet
Pada kali ini ESC creation dot com akan membahas beberapa tips untuk Optimalkan koneksi sambungan internet yang intinya mempercepat browsing, chatting dan download dari jaringan internet. Silahkan mencoba tips dan trik untuk mempercepat ber internet kita. Hal ini sangat berguna bila kita menggunakan koneksi internet yang serba minim dari segi kecepatan yang lambat seperti internet menggunakan akses GPRS, dial up dan sebagainya. Tips ini juga bisa mengoptimalkan kecepatan internet kita seperti menggunakan akses Indosat IM3, Mentari, mempercepat koneksi internet Indosat IM2 yang kita gunakan di jaringan GPRS, tapi juga bisa digunakan di jaringan Telkom Speedy dan koneksi internet lainnya.
- Pertama kita rubah sedikit configurasi Group Policy di PC kita. Masuk Menu Run >>> ketik: gpedit.msc >>> Computer Configuration >>> Administrative Templates >>> Network >>> Qos Packet Scheduler >>> Limit Resevable Bandwidth doble klik >>> atur settingnya ke enable dan isi bandwidth limit dengan 0 % klik Ok.
- Matikan Fitur update pada Komputer anda dengan cara : Masuk Control Panel >>> Security center >>> pilih Turn Off Automatic updates
- Hilangkan Peringatan Auto Update dengan cara : Masuk control Panel >>> Security center >>> pada bagian resource pilih change the way Security Center alerts me >>> Hilangkan Cawang pada Automatic Updates. Untuk Windows Versi SP1 : klik kanan my Computer >>> Pilih Auto Updates >>> Tandai pada Turn Off Automatic Updates . Matikan pula Menu updates pada plikasi lain yang anda gunakan.
- Untuk Software browser saya sarankan anda menggunakan Browser Mozila Firefox. Yang menurut pengalaman saya paling cepat dan sesuai digunakan pada koneksi internet yang lambat. Sofware Mozila FireFox ini bisa anda download di http://www.mozilla.com/firefox lebih bagus lagi bila anda menggunakan Mozila Firefox versi 2.0 yang cocok bila di jaringan internet lambat.
- Optimalkan Mozila FireFox anda dengan menambahkan Plugins atau Addons Faster Fox. Addon untuk Mozila Firefox ini bisa anda download di https://addons.mozilla.org/firefox/addon… dimana Addon ini hanya bisa dipakai pada Mozila Firefox versi 2.0. Guna dari addon ini meningkatkan performa Firefox dan disesuaikan dengan jaringan internet kita. Atur Pluginsnya dengan cara masuk Menu Tools pada mozila >>> Pilih add-ons >>> Pilih Fasterfox Options >> Pilih Turbo Charged >>> Ok
- Browsing menggunakan Mozila ini bisa kita tingkatkan lagi dengan cara menggunakan proxy dan kita terapkan pada Browser Mozila Firefox ini. Cara rubah setting proxy pada Mozila sebagai berikut : Buka menu tools >>> Options >>> Advanced >>> Network >>> Conection Settings >> tanda pada Manual Proxy Configuration >>> Http proxy >> masukan salah satu IP proxy pada daftar Proxy di bawah ini.
- Untuk Kebutuhan Download saya sarankan anda menggunakan Sofware Internet Download Manager (IDM) silahkan anda download di http://www.internetdownloadmanager.com/
- Bila perlu gunakan Proxy di atas pada IDM. Langkahnya sebagai berikut : Jalankan IDM klik menu options >>> Proxy >>> Cawang Use Http Proxy >>> Masukan salah satu Proxy dan port Proxy di atas >> user name dan Password kosongkan >>> Klik OK.
- Untuk kebutuhan chatting ESC creation sarankan memakai Sofware Yahoo Mesenger versi 7 atau 8 karena lebih cepat bila digunakan pada jaringan lambat. Atau bisa gunakan alternatif Mesenger yahelite.
- Proxy di atas juga bisa digunakan pada yahoo mesenger dengan cara buka aplikasi Yahoo Mesenger Klik menu Connection Preference >>> Tandai Use Proxy >>> cawang enable Http Proxy >>> masukan salah satu Proxy di atas >> apply dan OK.
Daftar Http Proxy Update 21 November 2009 Proxy Availability :
212.93.193.90 Port:443 (Arab Saudi)
212.93.193.89 Port:443 (Arab Saudi)
212.93.193.88 Port:443 (Arab Saudi)
168.10.168.61 Port:80 (USA Filter)
212.138.84.62 Port:80 (Arab Saudi)
193.136.124.226 Port:3128 (Coden)
210.125.84.17 Port:3124 (Coden)
200.65.129.1 Port:80 (Mexico)
148.233.239.24 Port:80 (Mexico)
148.233.239.23 Port:3128 (Mexico)
213.132.58.149 Port:8080 (UEA Etisalat)
Proxy Khusus Jaringan Telkom Speedy :
PROXIES.TELKOM.NET.ID Port: 8080
125.167.43.218 Port 8080
202.134.0.135 Port 8080
Proxy Khusus Situs Indowebster.com
119.110.76.76 Port : 3128
Buka blokir website di kantor
Mungkin pernah di kantor Anda mengalami pemblokiran website sehingga Anda tidak bisa mengakses alamat website tersebut ? Misalnya mauakses Friendster ditolak… ?
Niy ada info bagus dan ok banget dari forum tetangga …
Bagi yg suka buka web/download file di kantor sering nemuin keadaan kyk gini :
1. Akses lama, koneksi lelet & timeout.
2. Hasil download sering error.
3. Bete sering lihat iklan (ads by Google, Adbrite, dll) waktu surfing
di friendster, blogspot.dll.
4. Frekuensi download dibatasi (kyk di rapidshare, dll).
5. IP kita dibanned / dilarang ngunjungi.
6. Takut alamat IP qt dicatat.
Dan kita berharap :
1. Koneksi lebih CEPAT (misalnya untuk akses https://) .
2. Koneksi lebih AMAN (alamat IP qt 100% berubah, HIGH ANONYMITY).
3. Bebas iklan waktu surfing Friendster, blogspot, dll.
4. Bisa download lebih banyak TANPA DIBATASI (mgkn bisa tak terbatas,
tergantung settingan cookies).
5. Bisa mengunjungi website TANPA KHAWATIR dibanned lagi.
5. Surfing BEBAS gak perlu was-was lagi.
Semua tadi bisa didapatkan dengan pake tool online GRATIS
(GA PERLU DOWNLOAD/INSTALL utk pakenya) di:
http://proxiter.com
Cukup dengan memasukkan alamat web/URL yang pingin kita tuju trus klik
Surf now.
Semua koneksi yang kita lakukan akan lebih cepat & aman.
Ada 1 hal lagi paling seru, bahwa alamat koneksi / IP qt akn berubah
menjadi IP USA.
Untuk cek IP anda bisa dengan mengunjungi website :
www.proxydetect.com & www.showip.net
Silahkan buka lakukan sebelum & sesudah menggunakan tool ini.
Nanti akan kelihatan perbedaan IP (alamat koneksi kita) yg kita pke.
Slain itu utk buka situs https jg lebih cepet.
Karena saat mngunjungi situs yg urlnya https,
tool ini tetep jln karena qt buka tool ini tanpa hrs ngrubah ke https
pula.
Slain itu koneksi qt tetep aman krn komunikasi qt akn tetep dienskripsi!
Tool ini menggunakan script curl (common gateway interface) dg zelune
sbg enginenya. Yaitu merupakan script yg opensource & licence-nya
udh kedaftar ke GNU (www.gnu.org). Jadi, qt ga perlu takut / khawatir
utk makenya.
Jika anda suka, silahkan bookmark alamat web ini online di del.icio.us
jadi anda bisa mmbukanya dimana aja tanpa hrs melihat catatan bookmark
anda.
Ok, itu aja info gratisnya
Maaf bila ada salah kata, sekedar share agar kita bs manfaatin sbaik2nya.
Smoga bermanfaat buat rekan2 disini.
<a href=”http://www.000webhost.com/51451.html” target=”_blank”><img src=”http://www.000webhost.com/images/banners/120×60/banner1.gif” alt=”Free Web Hosting with Website Builder” width=”120″ height=”60″ border=”0″></a>
