Cara Membuat Template berbeda di setiap Kategori

1 komentar 1867 views

Pernahkah Anda mengunjungi sebuah blog atau website di mana masing-masing kategori memiliki tata letak yang berbeda ? Dalam pengembangan thema WordPress , itu adalah praktek umum untuk menggunakan template yang berbeda untuk kategori , tag , jenis posting , dan taksonomi . Dengan membuat template untuk kategori Anda dapat menambahkan fitur-fitur tertentu pada halaman kategori . Sebagai contoh, Anda dapat memungkinkan pengguna untuk berlangganan hanya kategori saja , menambahkan gambar di kategori , membuat deskripsi kategori dan membuat tata letak yang berbeda untuk setiap kategori . Dalam panduan ini , Saya mencoba untuk Membuat Template berbeda di setiap Kategori .

Tutorial ini hasil kerjasama Showbagus dengan Niagahoster.co.id – Penyedia layanan web hosting murah dengan disk space dan bandwidth unlimited, cPanel dan server Indonesia. Menggunakan teknologi hosting yang dioptimasi untuk WordPress, Joomla, dan website PHP lainnya.

Hirarki WordPress Template untuk halaman Kategori

WordPress memiliki sistem template yang kuat . Anda dapat membuat themaa WordPress dengan menggunakan template yang berbeda untuk bagian yang berbeda dari situs Anda . WordPress mencari template dalam urutan hirarki yang telah ditetapkan ketika menampilkan halaman manapun . Untuk menampilkan halaman kategori , harus mengikuti urutan ini:

kategori – kategori – slug.php → id.php → category.php → archive.php → index.php

WordPress pertama akan mencari template khusus untuk kategori tertentu dengan menggunakan kategori slug , misalnya , kategori – design.php template yang akan digunakan untuk menampilkan kategori ‘Design ‘ . Jika tidak menemukan template kategori – slug , maka WordPress akan mencari template dengan kategori id , misalnya kategori – 6.php . Setelah itu akan mencari generik kategori Template yang biasanya adalah category.php . Jika tidak ada generik kategori template yang di temukan, maka WordPress akan mencari arsip generik Template , yaitu archive.php . Terakhir ia akan menggunakan index.php template untuk menampilkan kategori .

Membuat Template Kategori di WordPress

Pertama kita lihat pada template category.php .

<?php
/**
* A Simple Category Template
*/

get_header(); ?> // fetch header template

<section id="primary" class="site-content">
<div id="content" role="main">

// Check if there are any posts to display
<?php if ( have_posts() ) : ?>

<header class="archive-header">
<h1 class="archive-title">Category: <?php single_cat_title( '', false ); ?></h1>

// Display optional category description
<?php if ( category_description() ) : 
<div class="archive-meta"><?php echo category_description(); ?></div>
<?php endif; ?>
</header>

<?php

// The Loop
while ( have_posts() ) : the_post();
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to 
<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>

<div class="entry">
<?php the_content(); ?>

 <p class="postmetadata"><?php
  comments_popup_link( 'No comments yet', '1 comment', '% comments', 'comments-link', 'Comments closed');
?></p>
</div>

<?php endwhile; // End Loop

else: ?>
<p>Sorry, no posts matched your criteria.</p>

// End the first if
<?php endif; ?>
</div>
</section>

//fetch sidebar and footer templates
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Saya mengasumsikan bahwa Anda memiliki kategori yang disebut ” Design” dengan kategori – slug ” design ” dan Anda ingin menampilkan kategori ini berbeda dari yang lain . Untuk melakukan itu , Anda perlu membuat template untuk kategori tertentu . masuk ke Appearance » Editor . Dari daftar file thema di sebelah kanan , klik category.php , jika Anda tidak memiliki file category.php , cari archive.php . Jika Anda tidak dapat menemukan salah satu dari template ini maka Anda tidak bisa menggunakan Kerangka Thema WordPress dan tutorial ini mungkin tidak berguna bagi anda . Saya menyarankan agar Anda mengacu pada kerangka tertentu yang Anda gunakan.

Jika Anda menemukan file yang saya sebutkan diatas , kemudian salin semua isi category.php dan menyisipkannya dalam editor teks seperti Notepad . Simpan file ini dengan nama category-design.php .

Hubungkan ke situs web Anda menggunakan klien FTP . Ke / wp-content/themes/theme-Anda/ dan upload file – kategori design.php ke direktori thema Anda . Sekarang setiap perubahan yang Anda buat untuk template ini hanya akan muncul dalam halaman arsip kategori tertentu . Dengan menggunakan teknik ini Anda dapat membuat template untuk banyak kategori yang Anda inginkan . Hanya menggunakan kategori – kategori { – slug } . Php sebagai nama file . Anda dapat menemukan kategori slug dengan melihat bagian kategori dalam area admin WordPress .

Berikut adalah contoh template kategori – slug.php , perhatikan bahwa kita telah menggunakan template yang sama seperti category.php dengan perubahan kecil . Karena kita sudah tahu kategori itu akan digunakan untuk menambahkan judul, deskripsi , atau rincian lainnya secara manual . Juga perhatikan bahwa kita telah menggunakan <?php the_excerpt ( ) ; ?> Bukan <?php the_content ( ) ; ?> . Memeriksa mengapa kita berpikir menggunakan ringkasan posting atau kutipan bukan full post adalah ide yang baik .

<?php
/**
* A Simple Category Template
*/

get_header(); ?> // fetch header template

<section id="primary" class="site-content">
<div id="content" role="main">

// Check if there are any posts to display
<?php if ( have_posts() ) : ?>

<header class="archive-header">
// Since this template will only be used for Design category
// we can add category title and description manually.
// or even add images or change the layout

<h1 class="archive-title">Design Articles</h1>
<div class="archive-meta">
Articles and tutorials about design and the web.
</div>
</header>

<?php

// The Loop
while ( have_posts() ) : the_post();
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>

<div class="entry">
<?php the_excerpt(); ?>

 <p class="postmetadata"><?php
  comments_popup_link( 'No comments yet', '1 comment', '% comments', 'comments-link', 'Comments closed');
?></p>
</div>

<?php endwhile; // End Loop

else: ?>
<p>Sorry, no posts matched your criteria.</p>

// End the first if
<?php endif; ?>
</div>
</section>

//fetch sidebar and footer templates
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Jika Anda tidak ingin menggunakan kategori – slug Template , maka Anda dapat menggunakan kategori – id template untuk membuat template untuk kategori ID tertentu.

Menggunakan kondisional Tag untuk Kategori

Ketika membuat template untuk thema , Anda perlu bertanya pada diri sendiri apakah Anda benar-benar membutuhkan template terpisah untuk melakukan apa yang ingin Anda lakukan ? Dalam beberapa kasus , perubahan yang Anda ingin buat tidak terlalu rumit dan dapat dicapai dengan menggunakan tag kondisional dalam template generik , seperti category.php atau bahkan archive.php .

WordPress dilengkapi dengan dukungan untuk banyak tag kondisional yang dapat digunakan penulis dalam thema template. Salah satu syarat tag tersebut adalah is_category ( ) . Menggunakan syarat tag ini , Anda dapat mengubah template Anda untuk menampilkan output yang berbeda jika kondisi yang cocok . Sebagai contoh ,kita misalkan Anda memiliki kategori untuk posting fitur yang disebut ” Feature ” . Sekarang Anda ingin menunjukkan beberapa informasi tambahan pada halaman kategori arsip untuk kategori tertentu . Untuk melakukan itu tambahkan kode ini dalam file category.php tepat setelah <?php if ( have_posts ( ) ) : ?> .

<header class="archive-header">

<?php if(is_category( 'Featured' )) : ?>
    <h1 class="archive-title">Featured Articles:</h1>
<?php  else: ?>
    <h1 class="archive-title">Category Archive: <?php single_cat_title(); ?> </h1>
<?php endif; ?>

</header>

Belajar mengembangan thema WordPress bukanlah sesuatu yang dapat dicapai dalam semalam. Tapi Anda bisa mulai belajar dengan mengutak-atik template Anda dan membuat perubahan yang lebih kecil. Ini adalah sebuah risiko, dan Anda mungkin akan sering mendapatkan error, tetapi itu adalah suatu resiko agar Anda termotivasi.

author
Penulis: 
    1. author

      helmi2 tahun ago

      thank’s 🙂

      Balas

    Tinggalkan pesan "Cara Membuat Template berbeda di setiap Kategori"