18 Jul

Bagaimana Cara Membuat Custom Page di WordPress

Kita mungkin menginginkan untuk membuat halaman custom page di situs WordPress kita.

Mengapa?

Biasanya kita ingin halaman dengan layout yang berbeda dibanding halaman yang lain. Terkadang, membuat sebuah halaman custom akan memberikan layout serta fungsi yang lebih pas bagi kita. Misalnya, kita menginginkan halaman berisi daftar harga produk kita yang lengkap. Atau, kita menginginkan halaman “landing page” yang baik untuk produk kita.

Kita bisa membuat halaman – halaman tadi berbeda dengan halaman lain dan berfungsi lebih optimal.

Selain itu, kita juga bisa membuat halaman yang unik untuk keperluan tertentu.

Tetapi, untuk mengedit theme custom ini, kita perlu mengerti HTML, CSS dan PHP.

Bagaimana cara membuat custom page di situs WordPress.

Pertama – tama, kita perlu notepad. Kita akan menulis, atau copy dan paste code berikut ini:

<?php /* Nama Template: CustomPageT1 */ ?>

Kode diatas memberitahu WordPress bahwa ini adalah template dan diberinama sebagai “CustomPageT1.”

Kita bisa memberikannya nama sesuka kita. Yang penting mudah diingat.

Kita bisa save notepad tadi dengan nama: CustomPageT1.php. Atau, kita beri nama lainnya selama ekstensinya adalah .php.

Kemudian, kita upload. Bisa menggunakan FTP dan memang direkomendasikan. Jika tidak ada FTP, sebenarnya masih bisa diupload secara langsung ke cPanel.

Begitu FTP kita tersambung dengan folder theme atau Child Theme di situs kita, upload file ini ke direktori tersebut: /wp-content/themes/ .

Kemudian, kita perlu login ke dasboard WordPress kita. Kita perlu membuat halaman baru atau mengedit halaman yang ada.

Di halaman edit screen, scroll ke halaman “page attributes.” Halaman ini ada disisi kanan page kita. Disana ada menu untuk memilih template.

cara membuat custom page di situs wordpress

Kita pilih template baru kita.

Jika kita kunjungi theme baru ini, maka halaman kita masih kosong. Blank. Ini karen kita belum mengisi halaman theme tadi sehingga WordPress belum punya template untuk didisplay.

  • Mengedit template halaman custom page.

Halaman custom ini mirip dengan halaman (page) kita yang lainnya. Kita bisa memasukkan HTML, PHP serta tag disini serta menghapus sidebar.

Cara mengedit yang paling gampang adalah dengan mengcopy dan paste code asli template halaman kita

Caranya: buka FTP klien kita dan menuju ke folder theme seperti diatas.

Disini ada file bernama page.php yang perlu kita copy isinya / download ke komputer kita.

cara membuat custom page di situs wordpress 1

Kita bisa mengedit konten di editor seperti biasa atau menambah  konten custom dengan secara langsung di template halaman kita.

Buka file page.php ini dan copy isinya. Untuk bagian header kita tinggalkan karena headernya sudah ada.

cara membuat custom page di situs wordpress 2

Kita buka template custom page kita. Kita paste code tadi dibagian bawah. Hasil akhirnya akan terlihat mirip seperti ini.

<?php /* Template Name: CustomPageT1 */ ?>
<?php get_header(); ?>
<div id="primary" class="content-area">
    <main id="main" class="site-main" role="main">
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();
            // Include the page content template.
            get_template_part( 'template-parts/content', 'page' );
            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) {
                comments_template();
            }
            // End of the loop.
        endwhile;
        ?>
    </main><!-- .site-main -->
    <?php get_sidebar( 'content-bottom' ); ?>
</div><!-- .content-area -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Simpan perubahan di custom page ini. Kemudian upload ke folder theme kita.

Sekarang, karena code nya sama dengan code standar theme kita, penampilan custom page ini akan sama dengan page lainnya.

Sekarang, kita bisa membuat halaman ini menjadi custom. Kita bisa menambah CSS sendiri, menghapus sidebar atau menambah custom HTML.

Nah, sekarang, untuk membuat tampilan custom inilah kita memerlukan pemahaman tentang HTML, CSS dan PHP.

Kesimpulan

Membuat custom page untuk WordPress bisa dilakukan dengan pemahaman dasar mengenai HTML, CSS dan PHP.

Kita bisa menambah fungsionalitas halaman wordpress kita serta menghasilkan situs yang lebih unik.

Tetapi, jika Anda masih bingung, silahkan saja membuat website di lawangtechno dan mendapatkan halaman custom sendiri.

Halaman custom ini dilengkapi fitur yang cocok sesuai keperluan Anda. Misal, ada fitur daftar harga dengan tabel, Fitur halaman tanpa sidebar dan sebagainya. Salam dan sampai jumpa di artikel selanjutnya.

Rate this post

Leave a reply