Tidak satupun pengelola yang menggunakan WordPress sebagai mesin blognya merasa asing dengan navigasi dasar tersebut. Asumsi pembelajaran ini adalah bentuk umum markah dan snippet pemanggil fungsi navigasi previous_next_post(s) dan tata letaknya pada kebanyakan tema WordPress.

Alasan previous_next_post(s) perlu di senaraikan.

Penulisan snippet pemanggil markah navigasi pada beberapa tema WordPress yang ada, rata rata di lakukan seperti berikut :

1. Untuk navigasi antar halaman (plural) di luar loop.

   <div class="navigation">
     <div class="nav-previous"><?php previous_posts_link('&laquo; Older Entry') ?></div>
     <div class="nav-next"><?php next_posts_link('Newer Entry &raquo;') ?></div>
   </div>
   

2. Untuk navigasi antar artikel (singular) dalam loop.

   <div class="navigation">
     <div class="nav-previous"><?php previous_post_link('&laquo; %link') ?></div>
     <div class="nav-next"><?php next_post_link('%link &raquo;') ?></div>
   </div>
   

Beberapa yang peduli dengan disiplin penulisan markah hiper teks, tentu mengetahui kekurangan snippet pemanggil fungsi navigasi di atas.
Anda benar… Elemen markah div sebaiknya di pergunakan sebagai pilihan terakhir, jika sudah tidak ada lagi elemen markah lain yang lebih cocok. Karena elemen markah div tidak memiliki makna semantik apapun kecuali sebatas pembangun layout halaman, mengundang ketidakteraksesan bagi pembaca dan menimbulkan kesulitan dalam pemeliharaan bagi pengelola atau pengembang.

Beberapa yang peduli dengan topik keteraksesan dan kemudahan pemeliharaan kemudian mengganti elemen markah div dengan elemen block level yang lain yang lebih semantik. Misalnya menggunakan elemen markah paragraf p.

Tetapi sebagai yang pernah beropini tentang elemen markah senarai list dalam beberapa pembelajaran senarai sebelumnya. Maka mengganti elemen div pada navigasi previous_post(s)_link dan next_post(s)_link dengan senarai unordered list ul sepertinya lebih pantas. Tidak… belum… saya belum bermaksud menghubungkannya dengan elemen markah nav pada HTML5 yang belum final saat tulisan ini di publikasikan.

Kendala meletakkan navigasi posting WP dalam senarai ul.

Seperti asumsi pemelajaran saya, saat pertama kali melakukan hal ini. Maka snippet navigasi previous_next_post(s) tersebut selaiknya di tuliskan dengan markah hiper teks sebagai berikut ;

1. Untuk navigasi antar halaman (plural) di luar loop.

   <div class="navigation">
     <h2>Some words as a heading</h2>
     <ul>
       <li class="any_class"><?php previous_posts_link('&laquo; Older Entry') ?></li>
       <li class="any_other_class"><?php next_posts_link('Newer Entry &raquo;') ?></li>
     </ul>
   </div>
   

2. Untuk navigasi antar artikel (singular) dalam loop.

   <div class="navigation">
     <h2>Some words as a heading</h2>
     <ul>
       <li class="any_class"><?php previous_post_link('&laquo; %link') ?></li>
       <li class="any_other_class"><?php next_post_link('%link &raquo;') ?></li>
     </ul>
   </div>
   

Sekilas, menggunakan elemen markah unordered list ul pada contoh diatas adalah tampak sempurna, tetapi sejujurnya belum sepenuhnya menyelesaikan masalah. Kendala yang muncul adalah, screen reader atau pembaca layar masih akan melafalkan bullet untuk list item li link pranala yang kosong. Kendala ini timbul jika pengunjung membuka atau berada pada ;

• Home page atau laman,
• Halaman terlama (oldest),
• Posting / artikel terlama,
• Posting / artikel terbaru.

Penyelesaian butir kosong pada senarai.

Pada sisi visual, hal ini bisa saja di atasi dengan menuliskan properti {list-style-type:none;} untuk selektor ul melalui lembar gaya Cascading Style Sheet (CSS). Tetapi jangan lakukan, karena ketika lembar gaya anda tidak aktif maka peramban web secara standar akan merender notasi bullet tersebut. Berikut adalah penyelesaiannya ;

Snippet navigasi antar artikel (singular).

WordPress akan memformat parameter yang di sertakan sebagai pembentuk konstruksi pranala. Perhatikan %link » pada snippet berikut ;

<?php next_post_link('%link &raquo;') ?>

Silahkan ganti dengan <li class="class_here"> %link &raquo; </li> sehingga menjadi ;

<?php next_post_link('<li class="class_here"> %link &raquo; </li>'); ?>

Atau apabila di tuliskan secara lengkap, senarai untuk navigasi antar artikel dapat di kodekan sebagai berikut;

<div class="navigation">
  <h2>Some words as a heading</h2>
  <ul>
    <?php previous_post_link('<li class="class_here"> &laquo; %link </li>'); ?>
    <?php next_post_link('<li class="other_class_here"> &raquo; %link </li>'); ?>
  </ul>
</div>

Snippet navigasi antar halaman (plural).

Untuk mengatasi kendala pada penulisan snippet navigasi antar halaman, tidak dapat di lakukan seperti halnya pada navigasi antar posting tunggal. Karena konstruksi fungsi yang sedikit berbeda.

Yang perlu di lakukan untuk senarai navigasi antar halaman adalah menyiapkan sebuah variable untuk menampung string navigasi. Asumsinya, Jika variable itu tidak kosong, maka elemen markah senarai list item li dan string navigasi harus dicetak pada layar, Jika kosong maka elemen markah senarai list item li tidak perlu di cetak dan di abaikan.

Untuk memperjelas paragraf diatas, ujicobakan snippet pemanggil markah navigasi antar halaman berikut ;

<div class="navigation">
  <h2>Some words as a heading</h2>
  <ul>
<?php
$nextlink = get_next_posts_link('&raquo; Newer Entry');
$prevlink = get_previous_posts_link('&laquo; Older Entry');
if (!empty($nextlink)) {
  _e ('<li class="class_here">' . $nextlink . '</li>'); }
if (!empty($prevlink)) {
  _e ('<li class="other_class_here">' . $prevlink . '</li>'); }
?>
  </ul>
</div>

Meskipun, saya meyakini bahwa tulisan ini masih ada hubungannya dengan navigasi website yang baik, Tetapi, saya tidak bermaksud lagi menghubungkannya dengan kata optimalisasi tersebut.

Update

2010-09-19

Normatif : Rekomendasi FAE, UIUC — dani (Dani Iswara, dr.)

Tentatif : Use « & » instead of « & » — dani (Dani Iswara, dr.)

Dan karena alasan tersebut, maka nama berkas gambar yang dipergunakan Side22Press untuk pranala yang merujuk ke situs resmi WordPress Organization sudah diganti dengan “wordpress-logo.png”. Begitu pula alternatif teks yang dipergunakan dalam pranala gambar tersebut juga sudah di ubah menjadi “Modified WordPress Logo”. Tooltips atau title hover pada pranala yang dipergunakan juga sudah diganti dengan semboyan WordPress yaitu, “state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability”.

Aturan desain logo WordPress ? Do I need it ?

Alih-alih menggunakan logo yang (kadang-kadang terlalu) kreatif, sehingga justru menimbulkan kesalahan persepsi tentang hak cipta sebuah kreatifitas. Maka beberapa master dan yang peduli akhirnya lebih memilih teks sebagai pranala untuk membuat sebuah tautan ke situs resmi WordPress. Inilah kuotasinya :

Friends don’t let friends use the wrong WordPress logo. If you see one of these in the wild, please gun it down.

Seru khan ?… Awas kalau salah pasang Badge atau Logo WordPress !, Tak bedhil sampeyan ha…ha…ha…

Baiklah… berikut adalah acuan resmi wordpress organization yang dapat dijadikan sebagai dasar untuk berkreasi dalam design pembuatan logo wordpress :

Dan inilah pembenahan badge WordPress yang dipasang pada tema Yrrah dengan heading ‘Lovely Badge’, pada tag_key ‘Credit’. Pembenahan tersebut adalah bentuk rasa terima kasih karena telah diberikan keleluasaan menggunakan blogging tool dari WordPress secara Gratis.

Masih perlu bukti ? Apakah ini lelucon ? Atau sekedar omong kosong ? silahkan membaca kembali Tentang Logo & Graphics wordpress.org. Atau mulai ingin berselingkuh dengan Mengunduh Source Code WordPress ?

WordCamp Indonesia 2010

Hajatan besar bertajuk WordCamp Indonesia 2010 untuk pencinta, pengguna dan pengagum WordPress baik WordPress.com maupun WordPress.org di Indonesia akan segera diselenggarakan pada Hari Sabtu, Tanggal 30 Januari 2010, di Aula Universitas Gunadarma, Jakarta.

Saya pribadi berharap ikut berpartisipasi dalam gelaran tahunan ini. Tetapi karena ada satu dan lain hal, sebagai pengguna dan pencinta WordPress saya hanya bisa memberikan ini. Pekabaran.

Untuk rekan-rekan yang sudah ikut sibuk mempersiapkan penyelengaraan event akbar WordCamp Indonesia 2010, saya hanya bisa membantu dengan doa untuk kesuksesan acara istimewa tersebut.

Sebagai bentuk applaus, saya sudah sisipkan badge WordCamp Indonesia 2010 untuk kampanye mensukseskan acara tersebut. Semoga Sukses ! Amin.

nowGoogle SEO Challenge 2010

Pada tanggal 15 Januari 2010, akan segera dibukukan peraturan-peraturan penyelenggaraan kontes SEO di awal tahun 2010 dengan hadiah jutaan rupiah untuk pemenang 1 sampai dengan 20.

Bagi jawara-jawara SEO dan blogger yang concern pada materi SEO, silahkan melakukan pembuktian diri dan uji nyali pada awal tahun ini.

Saya tidak bermaksud ikut berpartisipasi. Sekali lagi, hanya ingin membantu mengabarkan adanya kompetisi SEO pertama yang saya ketahui setelah Google mengeluarkan algoritma baru Caffeine. Selamat bekerja. Sukses untuk semuanya.

Tetapi maaf, entry ini tidak bermaksud membahas resep masakan seorang WordPress Mania atau makanan dan hidangan favorit seorang WordPress Lovers. Posting ini adalah versi ke sekian ratus juta tentang langkah demi langkah upgrade weblog atau blog dengan core engine WordPress secara manual.

Tulisan-tulisan senada telah dibuat dan diposting jutaan bahkan milliaran kali oleh semua pengguna WordPress dari seluruh jagad raya, oleh karena itu judul ‘Refreshment’ sepertinya adalah yang paling tepat dipergunakan dalam tulisan ini.

Ya… karena tulisan ini hanya sekedar materi penyegaran untuk master-master WordPress yang sudah mendapatkan kesempatan menuliskannya lebih dahulu, dan digunakan terbatas sebagai tool pribadi untuk menguji tingkat daya ingat yang mulai memudar.

Meskipun sejak versi 2.5, WordPress sebenarnya telah menyediakan fasilitas pemutakhiran secara otomatis hanya dengan melakukan 2 sampai 3 kali klik melalui panel tool upgrade dashboard admin. Tetapi, sebuah petunjuk manual untuk upgrade kadang-kadang tetap harus dimengerti untuk mengatasi kendala koneksi dial-up di bumi pertiwi yang kadang bagus sekali dan kadang-kadang kebalikannya.

Sekali lagi, seorang pendatang baru yang akan mencintai WordPress, sudah seharusnya hafal diluar kepala pada materi backup dan upgrade untuk mengimbangi interval upgrade yang relatif singkat.

Dan berikut adalah 10 manual untuk memutakhirkan WordPress blog ;

1. Backup Database. Database adalah materi paling berharga untuk sebuah situs dinamis pada era Web 2.0. Kerusakan atau bahkan kehilangan materi ini berarti sebuah malapetaka telah menimpa sebuah situs atau blog. Mempertimbangkan proses backup database secara periodik lebih bermanfaat jika dibandingkan melakukan backup hanya pada saat akan melakukan upgrade besar-besaran pada sebuah weblog. Untuk pengguna panel hosting cPanel, berikut beberapa alternatif backup database yang bisa dipilih, diurutkan berdasarkan tingkat ketelitian saat melakukannya ;
   • Melalui menu Files — Backup Wizard
   • Melalui menu Files — Backups
   • Melalui menu Databases — phpMyAdmin

   untuk pengguna kontrol panel yang lain, bisa membacanya pada dokumentasi resmi “Backup WordPress”.

2. Backup berkas berkas pada root instalasi WordPress termasuk berkas berkas otentifikasi yang ada didalamnya.
3. Yakini bahwa, langkah pertama dan kedua di atas telah dilakukan dengan baik dan benar.
4. Periksa kompabilitas Plugin yang dipakai. Apabila menggunakan plugin yang tidak kompak dengan versi WordPress terbaru yang akan di pergunakan, segera “Deactive” melalui dashboard admin, dan segera download versi plugins yang paling kompatibel.
5. Yakini kembali bahwa 4 langkah pertama diatas sudah dilaksanakan dengan benar serta terdokumentasi dengan baik pula.
6. Melalui kontrol panel hosting atau FTP Client, silahkan hapus file dan folder dengan kriteria sebagai berikut :
   • berkas index.php pada root instalasi WordPress
   • berkas xmlrpc.php pada root instalasi WordPress
   • semua berkas dengan prefix wp-, kecuali wp-config.php
   • folder wp-admin beserta anak-pinak di dalamnya
   • folder wp-includes beserta anak-pinak di dalamnya
7. Unduh versi terbaru WordPress kemudian ektrak pada komputer lokal. Pada hasil ekstrak segera hapus :
   • folder wp-content
   • file wp-config-sample.php
8. Unggah semua folder dan berkas yang tersisa pada langkah ke-tujuh ke tempat instalasi WordPress menggunakan FTP client yang paling familiar kita pergunakan.
9. Setelah proses unggah selesai, buka url berikut http://domain-anda.com/wp-admin/upgrade.php untuk menyelesaikan proses update database dengan versi WordPress terbaru yang telah di pasang.
10. Aktifkan kembali Plugins, dan lakukan preview, review serta evaluasi untuk memastikan bahwa proses pemutakhiran versi WordPress telah selesai dan berfungsi dengan baik.

“Kenapa hanya 10 langkah standar ?”, karena beberapa plugins terpasang mungkin akan memberikan beberapa langkah tambahan yang harus dilakukan, agar blog anda tetap bekerja dengan normal setelah proses pemutakhiran.

Saya pribadi menyarankan, untuk melakukan upgrade pada saat anda benar-benar santai dan dalam keadaan tidak terburu-buru karena proses ini hanya membutuhkan ketelitian dan kehati-hatian. Dua faktor yang tidak akan pernah dimiliki oleh orang yang sedang terburu-buru.

Akan lebih afdol, jika anda menyiapkan minuman favorit untuk dinikmati setelah selesai melaksanakan pekerjaan upgrade engine WordPress pada blog anda.

Referensi :

• Upgrading – WordPress
• Backup – WordPress

Ketika 3-2 minggu yang lalu dalam pembelajaran membuat tema secara mandiri, dengan tidak mengutak-atik redireksi halaman error pada panel hosting maka alasan utama masalah tersebut diatas adalah jelas, bahwa ada satu berkas bernama 404.php yang lupa di buat atau lupa disertakan dalam paket tema yang sedang dibuat atau dipergunakan. Tetapi jika berkas 404.php sudah disertakan dalam paket tema, dengan tetap berasumsi tidak mengubah konfigurasi redireksi halaman error pada panel hosting dan tetap masih tidak bisa melihat dashboard login serta disuguhi judul “error 404 – page not found” atau sejenisnya. Jangan buru buru cemas, seakan akan domain telah diambil alih orang, atau serta merta mengunggah ulang berkas wp-login dan atau berkas berkas instalasi dalam folder wp-admin pada public_html.

Salut, saya ucapkan bagi anda yang perfeksionis dalam sistem keamanan instalasi wordpress, karena selain menggunakan berkas bernama .htaccess untuk urusan permalink yang SEO Friendly, anda pasti telah menggunakan .htaccess didalam root direktori domain untuk memproteksi berkas wp-login dari tangan tangan jahil. Sekalipun saat membaca tulisan ini (mungkin) telah menjadi boomerang bagi anda sendiri (sekali lagi mungkin).

Saya sempat kebingungan menghadapinya, sempat menanyakannya ke sebuah forum sambil menelusuri sendiri dari mana asal muasal senjata makan tuan yang ternyata bernama Dynamic IP Address dari ISP yang saya percaya (Koq tega ya ?!?). Setelah menemukan IP Addess yang baru, segera buka berkas .htaccess, sunting dan tambahkan (jangan diganti) IP Address yang baru tersebut. Kenapa tidak diganti ? Hanya untuk berjaga-jaga apabila suatu saat tanpa kompromi di generate ulang ke IP Address yang lama.

Berikutnya, hapus cache, Refresh/restart peramban dan Halaman login menuju dashboard WordPress sudah kembali. Tetapi sebelum mulai memasukkan username dan password admin anda, tolong cium dulu layar monitornya.