Buat folder baru untuk tema Anda di direktori wp-content/themes/. Misalnya, jika nama tema Anda “MyTheme”, maka buat folder bernama MyTheme.
3. Buat File Utama
Setidaknya, Anda perlu membuat file berikut:
- style.css: Mengandung informasi dasar tentang tema dan mengatur gaya CSS.
- index.php: File template utama.
- functions.php: Untuk menambahkan fitur kustom pada tema.
Contoh style.css
cssCopy code/*
Theme Name: MyTheme
Theme URI: http://example.com/mytheme
Author: Your Name
Author URI: http://example.com
Description: Deskripsi singkat tentang tema Anda.
Version: 1.0
License: GPL2
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mytheme
*/
Contoh index.php
phpCopy code<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<h1><?php bloginfo('name'); ?></h1>
<p><?php bloginfo('description'); ?></p>
</header>
<main>
<?php
if (have_posts()) :
while (have_posts()) : the_post();
the_title('<h2>', '</h2>');
the_content();
endwhile;
else :
echo '<p>No content found</p>';
endif;
?>
</main>
<footer>
<p>© <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
</footer>
<?php wp_footer(); ?>
</body>
</html>
Contoh functions.php
phpCopy code<?php
// Tambahkan fitur tema di sini
// Contoh: Mendukung thumbnail posting
add_theme_support('post-thumbnails');
?>
4. Tambahkan Template Tambahan
Anda dapat menambahkan file template tambahan sesuai kebutuhan, seperti:
header.phpfooter.phpsidebar.phpsingle.phppage.phparchive.phpsearch.php
Contoh header.php
phpCopy code<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header>
<h1><?php bloginfo('name'); ?></h1>
<p><?php bloginfo('description'); ?></p>
</header>
Contoh footer.php
phpCopy code <footer>
<p>© <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
</footer>
<?php wp_footer(); ?>
</body>
</html>
5. Uji Tema Anda
- Aktifkan Tema: Setelah semua file utama dibuat, Anda bisa mengaktifkan tema dari dashboard WordPress di menu Penampilan > Tema.
- Uji Coba: Uji tema di berbagai perangkat dan browser untuk memastikan tampilannya konsisten.
6. Publikasikan Tema (Opsional)
Jika Anda ingin membagikan tema Anda dengan komunitas WordPress, Anda bisa mengunggahnya ke direktori tema WordPress resmi atau platform lain seperti GitHub.
Dengan mengikuti langkah-langkah di atas, Anda dapat membuat dan mengembangkan tema WordPress sesuai dengan kebutuhan dan preferensi desain Anda. Jika Anda memerlukan bantuan lebih lanjut dalam pengkodean atau ingin menambahkan fitur-fitur canggih, jangan ragu untuk bertanya!
