Cara Membuat Halaman Kustom di WordPress

Cara membuat halaman kustom di WordPress

Apakah Anda ingin membuat halaman khusus di WordPress?

Halaman khusus memungkinkan Anda menggunakan tata letak yang berbeda dari situs web Anda yang lain. Banyak situs WordPress menggunakan tata letak halaman khusus untuk halaman penjualan, halaman arahan, halaman webinar, dan banyak lagi.

Pada artikel ini, kami akan menunjukkan cara mudah membuat halaman kustom di WordPress.

Mengapa Membuat Halaman Kustom di WordPress?

Setiap kali Anda membuat halaman baru, Anda Tema WordPress mengontrol tampilan halaman tersebut menggunakan file template.

Template page.php ini mempengaruhi semua halaman tunggal yang Anda buat di WordPress. Namun, Anda mungkin tidak ingin menggunakan desain yang sama setiap saat.

Halaman arahan sering memiliki konten yang berbeda dibandingkan dengan halaman biasa, seperti gambar pahlawan besar atau ajakan bertindak (CTA). Ini berarti mereka sering kali terlihat sangat berbeda dari situs web Anda lainnya.

Mencoba membuat desain unik menggunakan templat halaman standar bisa memakan banyak waktu.

Anda juga dibatasi oleh template, dan mungkin tidak dapat mencapai desain yang Anda inginkan. Hal ini dapat membuat sulit untuk mendapatkan hasil yang baik. Misalnya, jika Anda sedang membangun halaman penjualan maka Anda mungkin tidak mendapatkan banyak konversi.

Dengan itu, mari kita lihat bagaimana Anda dapat membuat halaman kustom di WordPress, dengan desain, tata letak, dan konten yang tepat yang Anda inginkan. Cukup gunakan tautan cepat di bawah ini untuk langsung menuju metode yang ingin Anda gunakan.

Metode 1. Cara Membuat Halaman Kustom di WordPress Menggunakan Editor Blok (Tidak Perlu Plugin)

Editor blok memudahkan untuk mendesain template Anda sendiri menggunakan alat yang sudah Anda kenal.

Namun, metode ini hanya berfungsi dengan tema yang mendukung blok. Jika metode ini tidak bekerja dengan tema Anda, sebaiknya gunakan pembuat halaman sebagai gantinya.

Untuk memulai, cukup buka halaman atau posting mana saja. Kemudian, klik tab ‘Halaman’ di menu sebelah kanan dan klik untuk memperluas bagian ‘Templat’.

Lanjutkan dan buat template khusus dengan mengeklik tautan ‘Baru’.

Menambahkan template di editor WordPress

Pada popup yang muncul, ketik nama untuk template Anda dan kemudian klik ‘Buat.’

Nama ini hanya untuk referensi Anda sehingga Anda dapat menggunakan apa pun yang Anda inginkan.

Membuat template baru di editor blok WordPress

Ini meluncurkan editor template, yang bekerja mirip dengan editor blok standar.

Untuk menambahkan blok ke desain halaman kustom Anda, cukup klik tombol ‘+’ berwarna biru. Anda kemudian dapat menarik dan melepas untuk menambahkan blok.

Mengedit template WordPress menggunakan editor berbasis blok

Anda dapat menambahkan konten ke blok atau mengubah formatnya menggunakan alat pengeditan posting WordPress yang sudah dikenal. Misalnya, Anda dapat mengetik teks ke dalam blok ‘Judul’ dan menerapkan pemformatan tebal atau mengubahnya dari H2 ke H3.

Anda juga dapat membuat halaman khusus menggunakan pola. Pola adalah kumpulan blok yang sering digunakan bersama-sama, seperti daftar acara, dan gambar dengan keteranganatau tabel harga.

Pola yang Anda lihat akan bervariasi tergantung pada tema WordPress Anda, tetapi Anda dapat melihat pola mana yang tersedia dengan mengklik tab ‘Pola’.

Pilihan pola di editor WordPress

Anda dapat menarik dan melepas pola blok ke tata letak Anda atau klik pada pola untuk menambahkannya ke bagian bawah template Anda. Bila Anda puas dengan tampilan template, klik tombol ‘Terbitkan’ lalu klik ‘Simpan.’

Anda sekarang dapat menerapkan template ini ke halaman mana pun. Membuka halaman itu di editor, lalu di menu sebelah kanan buka dropdown ‘Template’ dan pilih template khusus yang baru saja Anda buat.

Anda sekarang dapat menambahkan konten ke halaman seperti halaman WordPress lainnya, untuk membuat halaman yang sepenuhnya kustom di WordPress. Saat Anda menyimpan halaman, Anda dapat mengunjungi situs Anda untuk melihat template baru beraksi.

Metode 2. Cara Membuat Halaman Kustom di WordPress menggunakan SeedProd (Disarankan)

Di masa lalu, Anda membuat halaman khusus dengan menulis kode, yang tidak terlalu ramah bagi pemula. Jika Anda membuat kesalahan dengan kode HTML, CSS, atau PHP Anda, itu bahkan mungkin menyebabkan kesalahan WordPress umum atau benar-benar merusak situs Anda.

Dengan mengingat hal itu, sebaiknya gunakan pembuat halaman sebagai gantinya.

Produk Benihyang terbaik pembuat halaman seret dan lepas untuk WordPress. Muncul dengan lebih dari 180 templat yang memungkinkan Anda membuat halaman khusus tanpa menulis kode apa pun.

Jika Anda menggunakan halaman kustom untuk mendapatkan lebih banyak konversi, maka SeedProd bekerja dengan banyak alat pihak ketiga populer yang mungkin sudah Anda gunakan untuk mengelola konversi. Ini termasuk layanan pemasaran email teratas, WooCommerce, Google Analyticsdan banyak lagi.

Pertama, Anda perlu menginstal dan mengaktifkan SeedProd. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Catatan: Ada juga versi gratis dari SeedProd yang memungkinkan Anda membuat halaman khusus jika anggaran Anda terbatas dan baru memulai. Namun, untuk panduan ini, kami akan menggunakan SeedProd Pro karena memiliki lebih banyak template dan terintegrasi dengan semua layanan pemasaran email terbaik.

Setelah mengaktifkan plugin, SeedProd akan meminta kunci lisensi Anda.

Kunci lisensi SeedProd

Anda dapat menemukan informasi ini di bawah akun Anda di situs web SeedProd. Setelah memasukkan kunci, klik tombol ‘Verifikasi Kunci’.

Setelah Anda selesai melakukannya, pergi ke SeedProd » Halaman Arahan dan klik tombol ‘Tambahkan Halaman Arahan Baru’.

Templat desain halaman SeedProd

Anda sekarang dapat memilih template untuk halaman kustom Anda.

Template SeedProd diatur ke dalam berbagai jenis kampanye seperti ‘lead,’ ‘squeeze,’ dan ‘segera.’ Anda dapat mengklik tab di bagian atas layar untuk memfilter template berdasarkan jenis kampanye.

Pustaka template SeedProd

Jika Anda ingin memulai dari awal, maka SeedProd juga memiliki template kosong yang dapat Anda gunakan.

Untuk melihat lebih dekat pada desain apa pun, cukup arahkan mouse Anda ke template itu dan kemudian klik ikon kaca pembesar.

Pratinjau template yang sudah jadi

Saat Anda menemukan desain yang Anda sukai, klik ‘Pilih Template Ini’. Kami menggunakan template ‘Halaman Penjualan Kursus’ di semua gambar kami, tetapi Anda dapat menggunakan template apa pun yang Anda inginkan.

Selanjutnya, lanjutkan dan ketik nama untuk halaman kustom. SeedProd akan secara otomatis membuat URL berdasarkan judul halaman, tetapi Anda dapat mengubah URL ini menjadi apa pun yang Anda inginkan.

URL deskriptif akan membantu mesin telusur memahami tentang halaman tersebut, sehingga mereka dapat menunjukkannya kepada pengguna yang tepat.

Jika Anda puas dengan informasi yang Anda masukkan, klik tombol ‘Simpan dan Mulai Mengedit Halaman’.

Membuat halaman khusus untuk situs WordPress Anda

Untuk memberikan halaman kustom Anda kesempatan terbaik untuk muncul di hasil pencarian yang relevan, Anda mungkin ingin menambahkan kata kunci yang hilang dari URL. Untuk lebih jelasnya, silakan lihat panduan kami di cara melakukan riset kata kunci.

Ini akan memuat antarmuka pembuat halaman SeedProd. Ini adalah pembuat drag-and-drop sederhana dan menunjukkan pratinjau langsung halaman Anda di sebelah kanan. Anda juga akan melihat pengaturan blokir di sebelah kiri.

Templat kursus SeedProd

Untuk menyesuaikan blok, cukup klik untuk memilihnya di editor halaman. Bilah alat sebelah kiri kemudian akan menampilkan semua pengaturan untuk blok itu.

Misalnya, di sini kita mengubah teks di dalam blok ‘Judul’.

Mengedit judul untuk halaman kustom Anda

Anda dapat memformat teks, mengubah perataannya, tambahkan tautandan lainnya menggunakan pengaturan di menu sebelah kiri.

Mengedit gambar juga mudah menggunakan pembuat halaman SeedProd. Cukup klik pada blok ‘Gambar’ dan gunakan pengaturan untuk menambahkan teks alternatifunggah gambar baru, atau buat perubahan lainnya.

Mengedit gambar dalam desain halaman khusus

Jika Anda ingin menghapus blok dari halaman kustom Anda, cukup klik untuk memilih blok itu.

Kemudian, Anda dapat mengklik ikon tempat sampah di bilah alat mini.

Menghapus blok dari halaman kustom SeedProd

Untuk menambahkan blok baru ke desain Anda, cukup temukan blok di menu sebelah kiri lalu seret ke editor.

Anda kemudian dapat mengklik untuk memilih blok dan membuat perubahan apa pun di menu sebelah kiri.

Menambahkan blok berbagi sosial ke WordPress

SeedProd juga dilengkapi dengan ‘Bagian’, yang merupakan templat baris dan blok yang dapat membantu Anda membuat halaman khusus dengan cepat. Misalnya, jika Anda mendesain Laman landas Iklan Googlemaka Anda dapat menggunakan bagian Pahlawan, Ajakan Bertindak, atau Fitur SeedProd yang sudah jadi.

Untuk melihat semua bagian yang tersedia, cukup klik pada tab ‘Bagian’.

Bagian yang sudah jadi dari SeedProd

Untuk melihat lebih dekat pada suatu bagian, arahkan mouse Anda ke atasnya lalu klik ikon kaca pembesar.

Saat Anda menemukan bagian yang ingin Anda tambahkan ke desain Anda, cukup gerakkan mouse di atasnya lalu klik ikon ‘+’ kecil.

Menambahkan bagian ke halaman khusus

Ini menambahkan bagian ke bagian bawah halaman Anda. Anda dapat memindahkan bagian dan blok di sekitar desain Anda menggunakan seret dan lepas.

Jika Anda membuat kesalahan atau berubah pikiran, jangan khawatir. Anda dapat membalikkan perubahan terakhir Anda dengan mengklik tombol ‘Undo’ di bagian bawah toolbar kiri.

Di sini, Anda juga akan menemukan tombol redo, riwayat revisi, navigasi tata letak, dan pengaturan global.

Bilah pengaturan global SeedProd

Tombol tambahan ini memudahkan untuk membuat halaman kustom di WordPress.

Di bagian bawah bilah alat, Anda juga akan menemukan tombol pratinjau seluler yang memungkinkan Anda untuk lihat versi seluler dari halaman kustom.

Mempratinjau halaman khusus di seluler

Ini dapat membantu Anda mendesain halaman khusus yang terlihat sama bagusnya di perangkat seluler seperti halnya di komputer Anda.

Bila Anda puas dengan halaman kustom, saatnya untuk mempublikasikannya dengan mengklik panah dropdown di sebelah ‘Simpan’ dan kemudian pilih opsi ‘Terbitkan’.

Memublikasikan halaman khusus

Halaman kustom Anda sekarang akan ditayangkan di blog WordPress.

Jika Anda ingin mengedit halaman kustom kapan saja, buka saja SeedProd » Halaman Arahan di dasbor WordPress Anda. Anda kemudian dapat menemukan halaman yang ingin Anda ubah dan klik tautan ‘Edit’.

Menyesuaikan halaman khusus di WordPress

Ini akan membuka desain di editor SeedProd, siap untuk Anda membuat perubahan.

Metode 3. Menggunakan Beaver Builder untuk Membuat Halaman Kustom di WordPress

Anda juga dapat membuat halaman khusus menggunakan pembangun berang-berang. Kami merekomendasikan menggunakan versi profesional, tetapi ada juga versi gratis dari Beaver Builder yang memiliki fitur terbatas.

Pertama, Anda perlu menginstal dan mengaktifkan plugin. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami di cara menginstal plugin WordPress.

Setelah aktivasi, buka Pengaturan » pembangun berang-berang. Kemudian, klik pada tab ‘Lisensi’.

Menambahkan kunci lisensi di Beaver Builder

Di sini, cukup masukkan kunci lisensi, yang akan Anda temukan di akun Anda di situs web Beaver Builder. Anda kemudian dapat melanjutkan dan mengklik ‘Simpan Kunci Lisensi.’

Untuk membuat halaman khusus, cukup kunjungi Halaman » Tambah Baru di dasbor admin WordPress Anda. Kemudian, klik tombol ‘Luncurkan Beaver Builder’.

Meluncurkan editor halaman Beaver Builder

Ini akan membuka editor Beaver Builder.

Jika menu sebelah kanan tidak terbuka secara otomatis, klik ‘+’ di pojok kanan atas untuk membukanya.

Menambahkan blok dan modul di pembuat halaman Beaver Builder

Menu ini memiliki semua modul dan baris berbeda yang dapat Anda tambahkan ke halaman kustom Anda. Mirip dengan blok SeedProd, ini adalah bagian inti dari setiap halaman Beaver Builder.

Saat Anda menemukan blok atau modul yang ingin Anda gunakan, seret dan lepas ke editor halaman.

Pilihan lain adalah memulai dengan template. Untuk melihat semua desain Beaver Builder yang berbeda, cukup klik pada tab ‘Template’.

Anda kemudian dapat mengklik template apa pun untuk menambahkannya ke halaman.

Templat bawaan Beaver Builder

Untuk mengedit bagian mana pun dari templat, cukup klik di atasnya. Misalnya, Anda dapat mengubah teks, gambar, warna, dan lainnya.

Pada gambar berikut, kami sedang mengedit judul halaman. Proses pengeditan Beaver Builder tidak semulus proses SeedProd, jadi Anda harus membuat perubahan di kotak popup terpisah yang muncul.

Membuat halaman khusus dengan Beaver Builder

Jika Anda puas dengan tampilan halaman kustom, klik tombol ‘Selesai’.

Anda kemudian dapat menyimpan pos sebagai draf, atau menerbitkannya sehingga muncul di . Anda Situs web WordPress.

Menerbitkan desain halaman khusus

Metode 4. Membuat Template Halaman Kustom Secara Manual

Anda juga dapat membuat templat halaman khusus secara manual di WordPress. Mirip dengan file page.php, template ini memungkinkan Anda untuk mengontrol tampilan halaman.

Metode ini memang mengharuskan Anda untuk menulis beberapa kode, jadi ini bukan opsi yang paling ramah bagi pemula. Namun, itu memungkinkan Anda untuk membuat halaman khusus tanpa harus menginstal plugin baru.

Jika Anda hanya ingin membuat sejumlah kecil halaman khusus, Anda mungkin lebih suka menulis kode daripada menyiapkan plugin pembuat halaman.

Untuk memulai, buka editor teks biasa seperti Notepad di komputer Anda. Di file kosong, tambahkan baris kode ini di bagian atas:

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

Kode ini hanya memberitahu WordPress bahwa ini adalah file template yang disebut ‘CustomPageT1.’ Anda dapat memberi nama template apa pun yang Anda inginkan.

Sekarang, tambahkan semua kode untuk tata letak halaman kustom. Template ini persis sama dengan yang lain berkas tema di WordPress sehingga Anda dapat menambahkan HTML, tag template, dan kode PHP.

Untuk membantu Anda mengkodekan file template, Anda mungkin ingin menyalin template page.php yang ada yang disediakan oleh tema Anda. Ini dapat menghemat waktu Anda dan membantu halaman kustom menyatu dengan sisa situs WordPress Anda.

Cara termudah untuk menyalin kode page.php, adalah dengan menghubungkan ke server Anda menggunakan klien FTP seperti FileZillaatau Anda dapat menggunakan pengelola file Anda Hosting WordPress platform seperti cPanel atau SitusGroundAlat Situs.

Jika ini pertama kalinya Anda menggunakan FTP, Anda dapat melihat panduan lengkap kami di bagaimana menghubungkan ke situs Anda menggunakan FTP.

Setelah Anda terhubung, buka /wp-content/themes/ dan buka folder untuk tema Anda saat ini. Di dalam folder ini, temukan file page.php dan buka di editor teks apa pun.

Klien FTP FileZilla

Anda dapat menggunakan kode ini sebagai dasar template kustom Anda, dan bahkan dapat menempelkan kode tersebut ke file template baru Anda.

Jika Anda menempelkan kode, maka jangan salin teks header page.php, yang merupakan bagian yang dikomentari di bagian atas file.

Anda dapat membuat tata letak apa pun yang Anda inginkan, tetapi berikut adalah contoh tata letak halaman kustom sederhana yang akan kami gunakan di situs kami:

<?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(); ?>

Anda sekarang dapat menyimpan file. Anda dapat menggunakan nama apa pun yang Anda inginkan, tetapi pastikan Anda mengakhiri file dengan ekstensi .php.

Meskipun Anda dapat menambahkan file ini ke tema WordPress apa pun, ada baiknya untuk buat tema anak berdasarkan tema Anda saat ini. Dengan cara ini, Anda bisa perbarui tema WordPress Anda tanpa kehilangan penyesuaian.

Di klien FTP atau pengelola file Anda, cukup unggah templat khusus ke direktori tema Anda saat ini. Setelah Anda selesai melakukannya, saatnya membuat halaman baru di dasbor WordPress atau membuka halaman mana pun yang ingin Anda gunakan templatenya.

Di menu sebelah kanan, klik tab ‘Halaman’ lalu klik untuk meluaskan bagian ‘Templat’, jika belum diperluas.

Mengubah template halaman WordPress

Anda kemudian dapat membuka menu dropdown dan memilih template yang Anda buat.

Untuk menambahkan konten aktual ke halaman kustom Anda, cukup edit halaman seperti biasa. Jika Anda puas dengan tampilan semuanya, Anda dapat mengeklik ‘Perbarui’ atau ‘Terbitkan’ untuk menayangkannya ke situs Anda.

Kami harap artikel ini membantu Anda mempelajari cara membuat halaman kustom di WordPress. Anda juga dapat membaca panduan kami di harus memiliki plugin WordPress untuk situs web Anda dan cara meningkatkan traffic blog.

Jika Anda menyukai artikel ini, silakan berlangganan kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.

Postingan Cara Membuat Halaman Kustom di WordPress pertama kali muncul di WPPemula.