Guntingbatukertas.com » CMS

Rampingkan Database Wordpress dengan Menghapus Revision Post

salsabel — Sun, 20 Dec 2009 18:32:27 +0000

Wordpress memiliki fasilitas pengarsipan posting yang dikenal dengan Post Revision. Fasilitas ini dimaksudkan agar setiap perubahan yang dilakukan penulis tetap tercatat sehingga setiap saat bisa dikembalikan ke kondisi semula. Namun fasilitas ini membuat database Wordpress menjadi gemuk dan memperlama waktu proses query database. Artinya Blog wordpress akan semakin lamban dan membuat pengunjung makin tidak sabar. Disamping itu semakin banyak database Anda berarti akan semakin meningkatkan beban hardware server. Lalu apa akal?

Solusinya adalah meminimalisir revisi posting yang disimpan otomatis oleh Wordpress lewat fasilitas Revision Post. Untuk itu ada banyak cara yang dapat dilakukan. Diantaranya:

1. Menghapus Post Revision lewat perintah SQL
Dengan asumsi Anda menggunakan CPanel, Anda cukup masuk ke phpMyAdmin dan menjalankan perintah SQL berikut ini.
Perintah tersebut secara otomatis akan menghapus semua catatan Post Revision dalam database wordpress Anda.

DELETE FROM wp_posts WHERE post_type = “revision”;

Mudah bukan?

2. Menggunakan Plugin Delete Post Revision
Plugin Delete Revision adalah Plugin Wordpress yang dapat menghapus semua revisi posting Anda dengan beberapa klik. Plugin ini juga secara otomatis akan mencari semua post revision dalam database ketika Anda klik tombol ‘Check Redundant Revision’.
Cara Instalasinya gampang, seperti plugin Wordpress yang lain, Anda tinggal ekstrak dan upload folder delete-revision ke dalam folder wp-uploads/plugin. Selanjutnya Anda tinggal aktifkan di dalam menu administrasi Wordpress.

[Download WP-Delete Revision]

3. Menonaktifkan fitur Post Revision
Jika Anda rasa Post Revision tidak terlalu berguna dan justru memperberat kinerja website Anda, Anda bisa menonaktifkan sepenuhnya fasilitas ini. Caranya cukup dengan menambahkan baris perintah di bawah ke dalam file wp-config.php Anda.

define(‘WP_POST_REVISIONS’, false);

Bagaimana caranya?
- Login via FTP Client seperti Filezilla ke situs Wordpress Anda. Jika Anda tertarik mempelajari ulang Filezilla, temukan panduannya di sini.
- Salin file wp-config.php ke PC Anda.
- Edit file tersebut dengan text editor seperti Notepad atau Wordpad.
- Pada baris sebelum closing tag ?>, tambahkan kode berikut:

define(‘WP_POST_REVISIONS’, false);

- Simpan kembali file wp-config.php kemudian upload dan timpa file wp-config.php yang lama.

Dengan demikian Wordpress tidak akan menyimpan revisi apapun kecuali Autosave dalam tiap posting. Sekarang database wordpress Anda akan tetap ramping dan bisa diakses dengan lebih cepat.

Menurut saya, Plugin ini merupakan keharusan bagi semua pengguna Wordpress. Selamat mencoba!

Catatan:
Harap lakukan langkah tersebut di atas dengan hati-hati. Saya sarankan Anda punya backup database penuh sebelum memutuskan untuk melakukan langkah di atas. Ingat, penghapusan post revision baik dengan perintah SQL maupun dengan plugin akan menghapus samasekali semua revisi tanpa Anda bisa pilih terlebih dahulu.

Semoga bermanfaat..

9 Plugin Pengaman Wordpress Terbaik

salsabel — Fri, 11 Dec 2009 18:14:51 +0000

Pernahkah Anda menyangka, sebenarnya website wordpress kesayangan Anda senantiasa diintai oleh ’seseorang’ di luar sana? Entah untuk kepentingan mencari kesenangan, pembuktian atau sekedar iseng mereka ingin masuk tanpa sepengetahuan kita? Saya berharap Anda nggak sampe kecolongan.

Banyak pengguna blog dan webmaster (termasuk saya sendiri ) yang gagal memahami betapa pentingnya menjaga keamanan web. Terutama setelah website Anda terkenal, ada pekerjaan tambahan yang perlu dilaksanakan, yakni menjaga celah keamanan agar tidak digunakan para perusak melakukan aksinya. Mulai dari sekedar masuk paksa, mengacak password dan isi posting, bahkan mereka tidak segan menyerang dengan trojan atau mencuri informasi penting dari web.

Berdasarkan hasil pencarian, ternyata banyak bantuan yang tersedia bagi pengguna Wordpress untuk meningkatkan keamanan website-nya. Berikut ini saya merangkum beberapa plugin yang menurut beberapa sumber cukup mumpuni meminimalisir celah keamanan tersebut. Berikut daftar lengkapnya.

1. WP Security Scan
Plugin ini mampu memindai instalasi Wordpress, menemukan celah keamanan dan merekomendasikan solusi. Fasilitas yang mampu dipindai diantaranya, tingkat keamanan kata sandi, permisi file, keamanan database, dan penyembunyian versi Wordpress Anda. Menurut saya, Plugin ini merupakan keharusan dalam instalasi Wordpress. Dalam rilis ke depan, disebut-sebut bahwa plugin ini akan dilengkapi dengan pendeteksi pengacak login dan upaya pembobolan keamanan.

Rating: 5/5
[Download] | [Situs Pengembang]

2. Force SSL
Bagi Anda yang memiliki hosting dengan dukungan SSL, mengapa tidak memanfaatkan fasilitas tersebut untuk mengamankan Wordpress Anda? Plugin ini akan membantu Anda mempermudah proses pengalihan semua akses koneksi protokol HTTP ke protokol HTTPS. Plugin yang cukup simpel untuk fasilitas yang mumpuni.
Rating: 4/5
[Download] | [Situs Pengembang]

3. Admin SSL
Plugin ini mengamankan jalur login dan halaman admin, mendukung semua penggunaan SSL dan mengenkripsi konten cookies. Bagi Anda yang benar-benar ingin mengamankan instalasi Wordpress Anda, Plugin ini dapat membantu Anda.
Rating: 4/5
[Download] | [Situs Pengembang]

4. Replace WP-Version
Mengamankan instalasi Wordpress Anda dengan menghapus dan/atau mengganti versi Wordpress Anda berikut database-nya dengan cara yang sangat mudah. Dengan mengganti versi Wordpress, Anda memberikan pekerjaan tambahan bagi mereka yang berniat mengganggu situs Anda.
Rating: 3/5
[Download] | [Situs Pengembang]

5. Invisible Defender
Adalah plugin yang memberikan pengamanan terhadap proses registrasi, login dan komentar dari bot spam dengan menambahkan dua kolom tersembunyi. Pendekatan ini dipercaya mampu memberikan proteksi anti-spam yang dapat diandalkan. Ini adalah versi lain dari Akismet, plugin serupa dari Wordpress.
Rating: 4/5
[Download] | [Situs Pengembang]

6. AskApache Password Protect
Pelindung password ini akan memberikan pengamanan yang tinggi bukan hanya pada direktori wp-admin, namun juga wp-includes, wp-content, plugin dan yang lainnya.
Rating: 5/5

[Download] | [Situs Pengembang]

7. Secure WordPress
Plugin ini akan membantu Anda mengamankan Wordpress dengan menghapus informasi Error pada halaman login, menambahkan index.html ke dalam direktori plugin, menghapus versi Wordpress (kecuali di halaman Admin).
Rating: 4/5
[Download] | [Situs Pengembang]

8. WordPress Database Backup
Wordpress database backup membantu Anda melakukan backup secara berkala terhadap database inti Wordpress berikut data yang Anda kehendaki dengan mucah. Plugin ini merupakan versi PHPMyAdmin yang terintegrasi dalam halaman Admin Wordpress.

Rating: 4/5
[Download] | [Situs Pengembang]

9. WordPress File Monitor
Plugin ini akan memonitor instalasi Wordpress dari perubahan, penghapusan maupun perubahan file. Ketika terdapat perubahan, Anda akan mendapatkan peringatan dalam halaman Admin. Anda juga dapat men-setting-nya untuk mengirimkan email pemberitahuan darurat ke alamat Anda.
Rating: 5/5
[Download] | [Situs Pengembang]

TIPS
Sekedar tambahan, saya senantiasa menyarankan Anda, para pengguna Wordpress untuk secara rutin melakukan update versi Wordpress dan plugin yang Anda pakai. Dengan demikian Anda akan selalu mendapatkan update terakhir penyempurnaan program dan kode keamanan Wordpress.

Nah, itu tadi sedikit catatan saya dari hasil googling berkat pengalaman saya yang tidak terlupakan. Semoga apa yang pernah terjadi pada web ini pada 9 November lalu cukup terjadi sekali dan bisa jadi pengalaman bagi Anda, para pembaca sekalian. Peace!

Tulisan ini ditulis ulang dari informasi pelfusion dan web blog berikut serta sumber-sumber yang tidak dapat disebut satu persatu.

Semoga bermanfaat.

Upload Massal ke Server Web dengan Mudah di Linux

salsabel — Wed, 30 Sep 2009 20:19:00 +0000

Pernahkah Anda mengalami kesulitan ketika ingin meng-upload file dari PC Anda yang notabene berbasis linux ke webhosting Anda? Hasil instalasi CMS seperti wordpress, phpbb atau wiki memiliki file dan direktori yang kompleks. Upload folder lokal ke server web akan sangat menjemukan, apalagi jika Anda hanya mengandalkan perintah basis ftp standar. Anda mungkin pernah mencoba beberapa program FTP, namun terkadang stabilitas dan masalah keamanan menjadi penghambat.

Jika Anda mencari alternatif solusi tersebut di atas, mungkin Anda perlu mencoba ncftp. Program ini bisa menjadi solusi mudah untuk meringankan tugas upload Anda.

Untuk melakukan upload, silakan ketik baris perintah berikut di konsol:

$ ncftpput –R –v –u “ftpusername” ftp.situsku.com /public_html/forum /home/user/dokumenku/forum

Keterangan:
ncftpput : basis perintah program ncftp untuk melakukan proses upload
-R : Recursive, artinya menyalin seluruh direktori dan subdirektori berikut file yang ada dalam folder asal (source)
-u “ftpusername” : username FTP server
-v : Verbose, maksudnya menampilkan keterangan capaian proses download
ftp.situsku.com : Alamat situs/server FTP
/public_html/forum : Direktori tempat Anda menyimpan hasil file Upload Anda.
/tmp/phpbb : Direktori lokal yang berisi file dan subdirektori yang akan di-upload ke ftp.server.com

Software ncftp client dapat Anda download dari situs http://www.ncftp.com/ncftp/. Menurut pengembangnya, program ini dapat berjalan di FreeBSD, Solaris dan hampir semua varian UNIX lainnya.

Untuk instalasi dan penggunaan lainnya, silakan klik panduan berikut:

Langkah Mudah mem-backup File dari Server FTP di Linux

Semoga bermanfaat.

Sumber: Cyberciti

Cara Simpel Melindungi Blog Wordpress Anda dari Serangan Hacker

salsabel — Sat, 25 Apr 2009 18:49:14 +0000

Beberapa saat lalu ada ulasan di sebuah blog yang menyatakan bahwa seseorang tanpa ijin telah masuk ke dalam sistem manajemen web blog wordpressnya. Website tersebut mendapatkan serangan setelah di-deface oleh orang yang tidak dikenal. Menanggapi masalah tersebut, beberapa rekan dalam forum memberikan beberapa respon tentang cara penanganan keamanan web berbasis Wordpress. Tulisan ini mungkin agak telat, tapi jika Anda berkutat dengan Wordpress, saya rekomendasikan Anda membaca yang satu ini..
Dalam laporan serangan tersebut disebutkan bahwa Wordpress 2.1 (waktu itu) punya kelemahan dalam folder /wp-admin. Meski belakangan bug ini sudah diperbaiki dalam versi 2.5 ke atas, tapi jika Anda merasa perlu Anda bisa menerapkan langkah ini, just in case..

Cara menggunakan file .htaccess untuk memberikan batasan khusus terhadap akses folder Wordpress. Dengan menambahkan sedikit baris perintah berikut, Wordpress akan menyaring akses berdasarkan alamat IP pengakses. Jika ada pengakses yang tidak kita kehendaki mencoba masuk, dia akan disambut dengan pesan ‘Forbidden Error’.

Caranya sederhana, tempatkan sebuah file .htaccess dalam folder /wp-admin. (Ingat, dalam folder /wp-admin, bukan .htaccess yang berada dalam root folder blog.) Saya sarankan sebelum Anda melakukan ini, Rename dulu .htaccess asli (jika ada) untuk backup sebelum melakukan upload file .htaccess berikut

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName “Access Control”
AuthType Basic
order deny,allow
deny from all
# Alamat IP rumah
allow from xxx.xxx.xxx.xxx
# Alamat IP kantor
allow from xxx.xxx.xxx.xxx
allow from xxx.xxx.xxx.xxx
# Alamat IP mobile
allow from xxx.xxx.xxx.xxx

Catatan: Ganti tanda xxx.xxx.xxx.xxx dengan alamat IP static yang diberikan Internet Provider Anda. Misalnya, untuk IP dari Telkomnet Speedy, biasanya berawalan 125.xxx.xxx.xxx. Ingat, ini bukan alamat IP local network PC yang Anda gunakan. Untuk pengguna dengan alamat IP Dinamic (DHCP), Anda perlu tenaga ekstra untuk menambahkan daftar IP yang Anda gunakan.

Jika Anda merasa tidak yakin, Anda bisa gunakan plugin Lockdown seperti WP-Supercache dan Login Lockdown dari Michael untuk mengantisipasi penyerang untuk melakukan serangan acak password. Dengan plugin ini, semua upaya login yang gagal akan dicatat dan setelah beberapa kali salah login, plugin akan memblokir alamat IP selama waktu yang ditentukan.

Ide tulisan ini ada di situs ini dan artikel ini.
Selamat mencoba…

Tutorial Membuat Halaman Theme Wordpress

salsabel — Thu, 26 Feb 2009 18:09:43 +0000

Anda sudah lama menggunakan wordpress, tapi tidak puas dengan tampilan theme gratis yang banyak beredar. Anda penasaran ingin membuat tema wordpress sendiri? Ingin tahu cara yang cepat? Silakan ikuti ulasan singkat berikut ini.

Langkah pertama: Siapkan bahannya
1. Program Editing web seperti Dreamweaver, GoLive, Frontpage. Saya sendiri lebih suka Dreamweaver.
2. Program Pengolah Grafis seperti Photoshop, Illustrator, Photopaint, Gimp. Saya suka memakai Photoshop.
3. Program webserver yang diinstall di komputer lokal Anda. Program ini penting dan mutlak dimiliki untuk mencoba hasil tampilan desain Anda. Banyak sekali pilihan program semacam ini, saya sendiri memakai XAMPP untuk Windows serta Apache2 di Linux. Jika Anda perlu XAMPP, silakan download file nya di sini.

Langkah kedua:
Gambar Layout tema Wordpress Anda, satu kolom, 2, 3 atau 4 kolom
Pilih warna tema Anda

Sudah? jika Anda sudah siap, mari lanjut ke langkah berikutnya. Berikut ini ilustrasi tampilan halaman Wordpress dengan 3 kolom

Buka Program Pengolah Web Anda, buat sebuah file HTML yang berisi kurang lebih seperti ini:

Untitled Document

Sekarang, buat Layout Anda..

My Header

My Menu

My Entry

My Left Sidebar

My Right Sidebar

My Footer

Akhir dari file HTML

My First Wordpress Theme

My Header

My Menu

My Entry

My Left Sidebar

My Right Sidebar

My Footer

Sekarang tampilan halaman Wordpress Anda sudah selesai. Anda bisa kembangkan sesuai dengan keinginan dan preferensi Anda. Bagi yang suka memakai Dreamweaver, Sekarang sudah ada Wordpress Template Kit untuk membuat theme Wordpress. Dengan cara ini proses kreatif Anda akan semakin mudah dilakukan. Posting ini ditulis oleh blogger sebelah, kunjungi situsnya disini.

Nantikan tulisan berikutnya tentang pembuatan theme Wordpress menggunakan Plugin Dreamweaver.

Permalinks WordPress Nggak Jalan di XAMPP?

salsabel — Tue, 24 Feb 2009 18:47:15 +0000

XAMPP berisi paket instalasi web server sekaligus PHP dan MySQL database tanpa harus diribetkan dengan setting yang rumit. Namun setelah Anda Install Wordpress, fitur permalink Anda tidak dapat berjalan dengan baik pada setting default instalasi XAMPP. Bahkan setelah Anda mengubah struktur permalink yang tepat untuk membuat file .htaccess. Tapi tetap saja, ketika Anda klik tiap permalink, Blog Wordpress Anda akan menampilkan halaman error 404 yang menjengkelkan sembari mengatakan pada Anda bahwa halaman tidak ditemukan. Anda hanya bisa mengakses halaman Anda dengan cara mengembalikan struktur default permalink seperti ini http://guntingbatukertas.com/?p=237.

Kenapa hal ini bisa terjadi?

PENJELASAN
Hal ini terjadi karena bahwa dalam XAMPP mod_rewrite tidak diaktifkan secara default. Terlebih lagi, fasilitas AllowOverride juga tidak diaktifkan sehingga Webserver Apache akan mengabaikan file .htaccess yang notabene digunakan untuk menulis kembali permalink dari URL sebenarnya.

SOLUSI
Untuk memperbaiki kesalahan tampilan Permalink di Wordpress yang diinstall pada server XAMPP, edit file httpd.conf yang terletak dalam folder ..xampp\apache\conf.

1. Buka file httpd.conf dengan program Text Editor, cari teks dengan kata kunci “mod_rewrite”. Anda akan menemukan baris perintah seperti di bawah ini:

#LoadModule rewrite_module modules/mod_rewrite.so

2. Hilangkan tanda kres (#) dari baris perintah tersebut. Adanya tanda # menandakan bahwa baris perintah ini tidak aktif. Setelah Anda ubah, baris perintah tersebut seharusnya tampak seperti ini:

LoadModule rewrite_module modules/mod_rewrite.so

3. Selanjutnya, cari lagi perintah dengan kata kunci “AllowOverride”. Temukan baris seperti di bawah ini:

AllowOverride None

Jika baris di atas berada dalam direktori default Anda dapat mengabaikannya. Lanjutkan pencarian dan temukan AllowOverride kedua yang berada dalam kolom Document Root Web server (Default XAMPP adalah di Windows).

4. Ubah nilai None menjadi All sehingga perintah akan tampak seperti ini:

AllowOverride All

5. Restart Apache. Permalinks akan kembali normal setelah Restart.

Gampang kan?

Membuat Link Read More di Wordpress

salsabel — Fri, 30 Jan 2009 15:00:39 +0000

Bagi para pengguna Wordpress tentu tidak asing lagi dengan tampilan default yang tampil secara streamline, lurus dari A sampe Z di satu halaman yang panjang. Hal ini tentu sangat mengganggu jika dibiarkan saja. Tampilan yang terlalu panjang akan banyak menyita waktu sehingga boleh jadi di halaman utama kita hanya kebagian satu artikel saja. Belum lagi para pembaca yang tidak nyaman karena harus sering sering melakukan scrolling.. Ada baiknya jika Anda membuat potongan Artikel di halaman utama, kemudian disediakan link Read More.. (Baca Selengkapnya…) untuk menampilkan seluruh tulisan artikel, ya nggak?

Ada beberapa cara yang dapat digunakan untuk membuat link Read more..

1. Menggunakan Tag Excerpt

Excerpt adalah ringkasan dari keseluruhan konten yang kita tulis. Buatlah resume singkat dari artikel Anda dan masukkan ke dalam kolom Excerpt dibagian bawah halaman tulisan artikel (yang diakses dari menu Write – Post)

Atau jika Anda lebih suka bongkar-bongkar, buka file template halaman utama Wordpress dan ganti tag the_content() menjadi the_excerpt(). Tag ini bisa ditemukan dalam file post.php atau index.php. Dengan cara ini, kita memberikan perintah kepada Wordpress untuk memunculkan 55 kata pertama saja di halaman utama.

Dengan cara ini maka selain 55 kata pertama dalam format HTML yang kita tulis akan dihilangkan ketika Artikel tampil di halaman utama. Keseluruhan kode baru akan muncul secara penuh saat halaman artikel diakses oleh pengunjung.

2. Menggunakan Tag More

Cara yang kedua adalah dengan menggunakan Tag More. Cara terakhir ini lebih sederhana. Kita tinggal memilih tombol More yang ada di Editor Wordpress. Untuk lebih jelasnya silakan perhatikan gambar berikut:

Pilih Tombol Edit Kode HTML

Dengan demikian, kode HTML dan format tulisan yang telah melebihi 55 kata tetap tidak akan disembunyikan, sehingga kita bisa lebih bebas menentukan sampai titik mana tulisan yang bisa dianggap sebagai rangkuman akan ditampilkan di halaman muka. Selain itu kita juga dapat mengganti kata Read More dengan kata lain yang kita kehendaki. Tinggal menyisipkan kata yang kita inginkan ke dalam tag , misalnya Artikel Lengkap.., maka seharusnya Tag More akan berubah menjadi:

Itu saja. Gampang kan?
Dari beberapa sumber, salah satunya tulisan QZoners yang diteruskan oleh blog ini.

5 Langkah Cepat Mengatur Teks di seputar Gambar Wordpress

salsabel — Sat, 17 Jan 2009 15:40:51 +0000

“Saya penasaran, masa gambar di Wordpress ngga bisa diutak-atik? Kalo dibiarin gitu aja, tampilannya jelek donk”, komentar temen ketika liat hasil tampilan default Wordpress. Dia pengen gambar Dalam bahasa asalnya, istilah umum Wordpress yang sering dipakai untuk pembahasan ini adalah ‘Wrapping text around images‘. Sebenarnya agak susah bagi saya untuk menemukan kata-kata yang tepat dari kata ‘wrapping text‘. Bagi saya yang paling mudah pake terjemahan bebas aja, menempatkan tulisan di seputar gambar. Persis seperti saya yang sudah saya lakukan pada gambar di samping ini.

Catatan singkat berikut ini akan mengulas apa sebenarnya Wrapping text dan bagaimana cara penerapannya dalam Wordpress sehingga ruang kosong yang biasanya ada di sisi kiri atau kanan gambar bisa ditempati tulisan. Saya rasa semua sepakat jika dikatakan tampilan standar Wordpress masih terlalu kaku dan sayang jika tidak dimaksimalkan. Kita akan mengubah tampilan ini menjadi sesuati yang mengagumkan!

Sebenarnya konsep ini adalah konsep dasar yang sudah lama ada dalam bahasa pemrograman HTML. Konsep ini juga diadopsi dalam Wordpress. Sebagai program Content Management System (CMS) Wordpress mengemas fasilitas ini dalam file suatu file Cascading Style Sheet. CSS merupakan daftar yang memberikan fasilitas pengaturan lengkap Wordpress Anda.

Secara default CSS Wordpress selalu menset gambar Anda rata kiri tanpa ada teks sedikitpun di samping kanan gambar Anda. Ini yang akan kita ubah!

Pertama, untuk memulai temukan dan edit file style.css dengan program Editor Teks. File ini berada di folder Theme dalam Wordpress Anda. Untuk menjaga kemungkinan kesalahan, pastikan Anda telah meng-copy file ini di tempat lain.

Langkah Kedua, temukan baris kode di bawah ini. Di template yang lain mungkin akan berbeda, silakan cari dengan kata kunci left, right, center, atau align.

img.alignleft {
float: left;
padding: 10px;
margin: 0 10px 0 0;
}
img.alignright {
float: right;
padding: 10px
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 10px auto;
text-align: center;
display: block;
}

Dalam file Style.css tertulis setting untuk tiap style pengaturan gambar yang disediakan Wordpress. Beberapa baris diatas dapat diterjemahkan sebagai berikut:

img.alignleft mengatur setting gambar rata kiri

img.alignright mengatur setting gambar rata kanan, dan

img.aligncenter untuk gambar rata tengah.

float: menentukan alignment/aturan perataan gambar

padding: nilai ruang kosong di batas luar gambar (dalam px/pixel).

margin: nilai berisi ruang kosong yang dijadikan pembatas gambar dengan objek di sekitarnya. Baris ini berisi nilai yang sesuai urutan menentukan Batas Atas, Batas Kanan, Batas Bawah dan Batas Kiri. Batas ini mirip dengan setting Page> Setup di Microsoft Word atau Page > Setting di Open Office.
Catatan: perhatikan tiga baris yang dibuat tebal. Nanti kita akan melakukan praktek dengan istilah tersebut.

Langkah Keempat, Tulis sebuah post, di sini saya akan langsung berikan contoh di bawah ini. Jika anda switch ke tampilan kode HTML, tampilannya seperti ini:

size-medium wp-image-111″ title=”warp-text” src=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg” alt=”" width=”107″ height=”160″ />Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kanan teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Perhatikan pada teks tebal. Secara default Wordpress men-setting alignment gambar sebagai alignnone, alias tidak ada aturan alignment yang dipakai. Berdasarkan Style.css Untuk bereksperimen, mari kita ganti alignnone menjadi alignright. Tampilan yang Anda dapatkan akan seperti ini.

Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kanan teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Selanjutnya jika kita ganti tulisan tersebut di atas menjadi alignleft, akan tampak seperti di bawah ini.

size-medium wp-image-111″ title=”warp-text” src=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg” alt=”" width=”107″ height=”160″ />Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kiri teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kiri teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Bagaimana dengan tampilan aligncenter? Ubah kode seperti ini:

size-medium wp-image-111″ title=”warp-text” src=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg” alt=”" width=”107″ height=”160″ />Ini adalah teks yang akan melingkupi seputar gambar yang berada di tengah teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Ini adalah teks yang akan melingkupi seputar gambar yang berada di tengah teks. Tulisan Anda tentang sapi ada di sini. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktusehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang sapi berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Kurang puas?

Ada cara lain untuk mengubah posisi gambar berikut teks yang melingkupi gambar. Yakni dengan cara memasukkan kode alignment ke dalam kode HTML tanpa harus mengikuti aturan Style.css.

Saya akan memasukkan kode

style=””border:0pt none; float:right; padding-right:10px; padding-bottom:10px”

dalam tag img secara langsung. Perhatikan, kode ini harus berada dalam lingkup tag img. Agar mudah dikenali lagi untuk diedit, saya sarankan untuk memasukkan di bagian awal sebelum tag src. Lebih jelasnya perhatikan kode di bawah. Saya sudah beri tulisan tebal pada tag img dan src.

<img class=”alignnone size-medium wp-image-111″ style=””border:0pt none; float:left; padding-right:10px; padding-bottom:10px” title=”warp-text” src=”http://guntingbatukertas.com/wp-content/uploads/2009/01/warp-text.jpg” alt=”" width=”107″ height=”160″ />Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kanan teks. Tulisan Anda tentang perahu ada di sini. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kanan teks. Tulisan Anda tentangperahu ada di sini. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Sama halnya jika Anda ingin mengganti gambar agar bisa rata kiri. Tinggal ganti alignment menjadi :

style=””border:0pt none; float:left; padding-left:10px; padding-bottom:10px”

Maka tampilannya akan menjadi seperti ini:

Ini adalah teks yang akan melingkupi seputar gambar yang berada di sisi kiri teks. Tulisan Anda tentang perahu ada di sini. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Ya, itu saja, tulisan Anda tentang perahu berada di sini. Tulisan ini bisa diedit setiap waktu sehingga sesuai dengan yang Anda inginkan. Betul, cukup ini saja.

Tunggu dulu! Ada cara yang lebih cepat lagi! Jika Anda perhatikan, pada saat upload gambar dalam Wordpress, maka akan tampak popup window seperti ini:

Perhatikan pada bagian Alignment (diberi warna hijau), ada 4 pilihan: none, left, center dan right. Anda cukup memilih salah satu dari tiga alignment yang ada, selain none. Secara otomatis Wordpress akan menatakan gambar Anda dengan baik. Cukup mudah bukan?

Selanjutnya tinggal Anda buat kreasi dan inovasi anda. Saya tunggu hasil Anda..