Guntingbatukertas.com » document root http://guntingbatukertas.com Kumpulan Tip, Trik dan Tutorial Indonesia Sat, 02 Apr 2011 21:03:56 +0000 en hourly 1 http://wordpress.org/?v=3.1 Tutorial Membuat Halaman Theme WordPress http://guntingbatukertas.com/cms/wordpress/tutorial-membuat-halaman-theme-wordpress/ http://guntingbatukertas.com/cms/wordpress/tutorial-membuat-halaman-theme-wordpress/#comments Thu, 26 Feb 2009 18:09:43 +0000 salsabel http://www.guntingbatukertas.com/?p=580 templatesAnda 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

layout

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

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
</head>

<body>
</body>

</html>

Sekarang, buat Layout Anda..

<div id=”wrapper”>

<div id=”header”>My Header</div>

<div id=”navigation”>My Menu</div>

<div id=”main”>

<div id=”content”>
<div class=”entry”>My Entry</div>
</div>

<div id=”sidebar”>
<div id=”leftsidebar”>My Left Sidebar</div>
<div id=”rightsidebar”>My Right Sidebar</div>
</div>

</div>

<div id=”footer”>My Footer</div>

</div>

Akhir dari file HTML

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>My First WordPress Theme</title>
</head>

<body>
<!– begin frame–>
<div id=”wrapper”>

<!– begin header–>
<div id=”header”>
My Header
</div>
<!– end header–>

<!– begin navigation–>
<div id=”navigation”>
My Menu
</div>
<!– end navigation–>

<!– begin content frame–>
<div id=”main”>

<!– begin entry frame –>
<div id=”content”>

<!– begin entry box–>
<div class=”entry”>
My Entry
</div>
<!– end entry box–>

</div>
<!– end entry frame –>

<!– begin sidebar frame –>
<div id=”sidebar”>

<!– begin left sidebar box –>
<div id=”leftsidebar”>
My Left Sidebar
</div>
<!– end left sidebar box –>

<!– begin right sidebar box –>
<div id=”rightsidebar”>
My Right Sidebar
</div>
<!– end right sidebar box –>

</div>
<!– end sidebar frame –>

<!– end content frame–>
</div>

<!– begin footer–>
<div id=”footer”>
My Footer
</div>
<!– end footer–>

</div>
<!– end frame–>
</body>
</html>

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.

]]> http://guntingbatukertas.com/cms/wordpress/tutorial-membuat-halaman-theme-wordpress/feed/ 8 Permalinks WordPress Nggak Jalan di XAMPP? http://guntingbatukertas.com/cms/wordpress/permalinks-wordpress-nggak-jalan-di-xampp/ http://guntingbatukertas.com/cms/wordpress/permalinks-wordpress-nggak-jalan-di-xampp/#comments Tue, 24 Feb 2009 18:47:15 +0000 salsabel http://www.guntingbatukertas.com/?p=572 xamppXAMPP 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?

]]> http://guntingbatukertas.com/cms/wordpress/permalinks-wordpress-nggak-jalan-di-xampp/feed/ 0