Anda di halaman 1dari 3

Buka Program Pengolah Web Anda, buat sebuah file HTML yang berisi kurang lebih se

perti 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 ses
uai dengan keinginan dan preferensi Anda. Bagi yang suka memakai Dreamweaver, Se
karang sudah ada Wordpress Template Kit untuk membuat theme Wordpress. Dengan ca
ra ini proses kreatif Anda akan semakin mudah dilakukan. Posting ini ditulis ole
h blogger sebelah, kunjungi situsnya disini.
Nantikan tulisan berikutnya tentang pembuatan theme Wordpress menggunakan Plugin
Dreamweaver

Baca selengkapnya di: http://guntingbatukertas.com/cms/wordpress/tutorial-membua


t-halaman-theme-wordpress/#ixzz12N5XBgYo
Under Creative Commons License: Attribution No Derivatives

Anda mungkin juga menyukai