Apakah Anda ingin membuat halaman kustom di WordPress?

Halaman kustom memungkinkan Anda menggunakan tata letak yang berbeda dari halaman reguler Anda di WordPress. Banyak situs WordPress memiliki 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, langkah demi langkah.

Cara membuat template halaman kustom di WordPress

Memahami Halaman Kustom di WordPress

Secara default, WordPress memungkinkan Anda membuat posting dan halaman.

Tema WordPress Anda mengontrol tampilan halaman Anda menggunakan file template bernama page.php.

File template ini memengaruhi semua halaman yang Anda buat di WordPress.

Namun, seperti yang telah Anda ketahui bahwa tidak semua halaman itu sama. Misalnya, Anda mungkin ingin membuat halaman arahan yang terlihat sangat berbeda dari halaman situs web biasa.

Dulu, membuat halaman kustom di WordPress berarti mengkodekan template kustom Anda sendiri menggunakan HTML, CSS, dan PHP. Kami akan membahas metode itu, tetapi kami tidak merekomendasikannya untuk pemula.

Sebagai gantinya, kami menyarankan untuk menggunakan SeedProd atau plugin pembuat halaman lain untuk membuat halaman kustom Anda. Cukup gunakan tautan cepat ini untuk langsung beralih ke metode yang berbeda.

Menggunakan SeedProd untuk Membuat Halaman Kustom di WordPress

SeedProd adalah pembuat halaman seret dan lepas terbaik untuk WordPress. Muncul dengan 100+ templat yang dirancang secara profesional yang dapat Anda gunakan sebagai dasar untuk halaman Anda.

Atau, Anda dapat membuat halaman WordPress yang benar-benar kustom tanpa menulis kode apa pun menggunakan pembuat seret & lepas mereka.

SeedProd dirancang agar mudah digunakan, bahkan untuk pemula total. Namun, ia juga memiliki opsi lanjutan yang memungkinkan Anda membuat halaman yang menakjubkan secara visual untuk melibatkan pengunjung Anda dan meningkatkan konversi.

Pertama, Anda perlu menginstal dan mengaktifkan SeedProd plugin. Untuk lebih jelasnya, lihat panduan langkah demi langkah kami tentang cara memasang plugin WordPress.

catatan: ada versi gratis dari plugin SeedProd tersedia juga. Namun untuk contoh kami, kami akan menggunakan versi Pro karena memiliki banyak fitur canggih.

Setelah aktivasi, Anda akan melihat halaman selamat datang. Anda harus memasukkan kunci lisensi Anda di sini dan klik tombol ‘Verifikasi kunci’. Anda akan menemukan kunci lisensi Anda di area akun Anda di situs SeedProd.

Memasukkan kunci lisensi Anda untuk SeedProd

Selanjutnya, buka SeedProd »Halaman di admin WordPress Anda. Kemudian, cukup klik tombol ‘Buat Halaman Arahan Baru’.

Membuat halaman arahan baru di SeedProd

Selanjutnya, Anda akan diminta untuk memilih template. Anda dapat memfilter ini untuk menemukan template untuk jenis halaman yang Anda buat. Jika Anda lebih suka memulai dari awal, cukup gunakan template kosong.

Memilih template halaman Anda di SeedProd

Demi tutorial ini, kita akan menggunakan templat ‘Halaman Penjualan Kursus’.

Anda akan diminta untuk memberi nama halaman Anda dan mengatur URL. Setelah melakukannya, lanjutkan dan klik tombol ‘Simpan dan Mulai Mengedit Halaman’.

Memberi halaman Anda nama dan URL di SeedProd

Template yang Anda pilih sekarang akan dimuat di pembuat halaman SeedProd.

Antarmuka pembuat halaman SeedProd

Untuk mengubah apapun di dalam template, cukup klik di atasnya. Sangat mudah untuk mengubah teks secara langsung di pembuat halaman itu sendiri. Misalnya, di sini kami mengedit judul halaman.

Mengedit judul halaman Anda di SeedProd

Anda dapat memformat teks Anda, mengubah perataan, menambahkan tautan, dan banyak lagi.

Ini juga mudah untuk mengedit gambar menggunakan pembuat halaman SeedProd. Cukup klik pada gambar yang ingin Anda ubah.

Dalam contoh ini, kami telah mengganti gambar default di bagian atas halaman dengan gambar kami sendiri.

Mengupload gambar baru ke SeedProd

Silakan dan ubah apa pun yang Anda inginkan hanya dengan mengkliknya. Ini akan membuka panel pengeditan di sisi kiri halaman.

Untuk menambahkan blok baru (elemen) ke halaman Anda, cukup klik pada tab Desain di bagian atas halaman. Cukup pilih blok Standar atau Lanjutan dan cukup seret dan lepas ke tempatnya di halaman Anda.

Menambahkan blok di SeedProd

Setelah menambahkan satu blok, Anda hanya perlu mengkliknya untuk mengeditnya. Di sini, kami telah menambahkan blok daftar ke halaman kami.

Blok daftar di SeedProd

Jika Anda membuat kesalahan atau berubah pikiran, jangan khawatir. Cukup klik tombol ‘Urungkan’ di bagian bawah halaman untuk membalikkan apa yang Anda lakukan.

Tombol Undo di SeedProd

Anda juga akan menemukan tombol ulangi, riwayat revisi, navigasi tata letak, pratinjau seluler, dan pengaturan global untuk halaman Anda di sini.

Setelah Anda puas dengan halaman kustom Anda, saatnya untuk melihat atau menerbitkannya. Untuk menerbitkan halaman, pertama klik panah drop-down di sebelah tombol Simpan di bagian atas layar. Kemudian, pilih opsi Publikasikan.

Menyimpan atau menerbitkan halaman Anda di SeedProd

Anda akan melihat pesan yang memberi tahu Anda bahwa halaman Anda telah diterbitkan. Untuk langsung memeriksanya, cukup klik tombol ‘Lihat Halaman Langsung’.

Pesan SeedProd memberi tahu Anda bahwa halaman Anda telah diterbitkan

Untuk mengedit halaman kustom Anda kapan saja di masa mendatang, cukup buka SeedProd »Halaman di admin WordPress Anda.

Anda akan melihat halaman yang disimpan di daftar halaman arahan. Cukup klik pada judul untuk mengeditnya.

Mengedit halaman arahan Anda yang ada di SeedProd

Manfaat menggunakan SeedProd dibandingkan pembuat halaman lain di WordPress adalah bahwa itu tidak akan memperlambat situs Anda. SeedProd adalah pembuat halaman tercepat, dan memungkinkan Anda membuat tata letak halaman kustom sepenuhnya yang tidak bergantung pada desain tema Anda, sehingga Anda dapat memiliki header, footer, dll.

Menggunakan Beaver Builder untuk Membuat Halaman Kustom di WordPress

Beaver Builder adalah pembuat halaman seret dan lepas yang populer dan mapan untuk WordPress.

Anda dapat menggunakannya untuk membuat halaman kustom di situs atau blog Anda dengan mudah. Kami merekomendasikan menggunakan versi lengkap Beaver Builder. Ada juga a versi gratis dari Beaver Builder tersedia dengan fitur terbatas.

Pertama, Anda perlu menginstal dan mengaktifkan plugin Beaver Builder. Untuk lebih jelasnya, lihat panduan langkah demi langkah kami tentang cara memasang plugin WordPress.

Setelah aktivasi, Anda akan melihat layar selamat datang Beaver Builder. Cukup klik pada tab Lisensi untuk memasukkan kunci lisensi Anda. Anda akan menemukannya di area akun Anda di situs web Beaver Builder.

Jangan lupa untuk mengklik tombol ‘Simpan Kunci Lisensi’ untuk menyimpan kunci lisensi Anda.

Menambahkan kunci lisensi Anda ke Beaver Builder

Untuk menggunakan Beaver Builder, cukup buka Halaman »Tambah Baru di admin WordPress Anda untuk membuat halaman baru. Kemudian, klik tombol ‘Luncurkan Beaver Builder’.

Luncurkan editor Beaver Builder saat membuat halaman baru

Editor Beaver Builder kemudian akan terbuka. Anda perlu menambahkan baris dan modul untuk membuat halaman Anda. Cukup klik elemen yang ingin Anda gunakan, dan seret ke halaman Anda.

Memilih modul atau baris untuk diseret dan dilepaskan menggunakan Beaver Builder

Alternatifnya, Anda bisa mulai dengan templat. Silakan klik tab Template, lalu pilih template yang akan digunakan.

Memilih template di Beaver Builder

Anda kemudian dapat mengklik bagian mana pun dari template untuk mengubahnya. Misalnya, Anda dapat mengubah teks, gambar, warna, dan lainnya.

Di sini, kami mengedit judul halaman. Proses pengeditan Beaver Builder tidak semulus SeedProd, karena Anda perlu mengetik teks ke dalam kotak popup terpisah.

Mengedit tajuk di Beaver Builder

Setelah Anda selesai membuat perubahan pada halaman Anda, cukup klik tombol Done di kanan atas. Anda kemudian dapat menyimpan atau menerbitkan posting Anda.

Menyimpan kiriman Anda di Beaver Builder

Membuat Template Halaman Kustom Secara Manual

Jika Anda memilih untuk tidak menggunakan plugin, Anda dapat membuat template halaman kustom secara manual di WordPress.

Catatan Editor: Tidak masalah untuk menjalankan banyak plugin di situs WordPress Anda. Lihatlah posting kami tentang berapa banyak plugin WordPress yang harus Anda instal jika Anda khawatir memiliki terlalu banyak plugin.

Pertama, Anda perlu membuka editor teks biasa seperti Notepad di komputer Anda. Di file kosong, tambahkan baris kode ini di atas:


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

Kode ini hanya memberi tahu WordPress bahwa ini adalah file template, dan harus dikenali sebagai CustomPageT1. Anda dapat memberi nama template Anda apa pun yang Anda inginkan selama itu masuk akal bagi Anda.

Setelah Anda menambahkan kode, simpan file ke desktop Anda sebagai, custompaget1.php.

Lanjutkan dan simpan file dengan nama apa pun, cukup pastikan diakhiri dengan .php perpanjangan.

Untuk langkah selanjutnya ini, Anda harus terhubung ke akun hosting WordPress Anda menggunakan klien FTP.

Setelah terhubung, buka folder tema atau tema anak Anda saat ini. Anda akan menemukannya di /wp-content/themes/ direktori. Selanjutnya, unggah file template halaman kustom Anda ke tema Anda.

Sekarang Anda perlu masuk ke area admin WordPress Anda untuk membuat halaman baru atau mengedit yang sudah ada.

Pada layar pengeditan halaman, gulir ke bawah ke bagian ‘Atribut Halaman’. Anda akan melihat menu dropdown Template. Mengkliknya akan memungkinkan Anda untuk memilih template yang baru saja Anda buat.

Memilih template halaman kustom Anda

Jika Anda memilih template baru dan mengunjungi halaman ini di situs Anda sekarang, maka Anda akan melihat halaman kosong. Itu karena template Anda kosong dan tidak memberi tahu WordPress apa yang harus ditampilkan.

Jangan khawatir, kami akan menunjukkan cara mengedit template halaman kustom Anda dengan mudah.

Mengedit Template Halaman Kustom Anda

Template halaman kustom Anda seperti file tema lainnya di WordPress. Anda dapat menambahkan HTML, tag template, atau kode PHP apa pun di file ini.

Cara termudah untuk memulai halaman kustom Anda adalah dengan menyalin template halaman yang sudah ada yang disediakan oleh tema Anda.

Buka klien FTP Anda dan masuk ke folder tema Anda. Di sana Anda akan menemukan file bernama page.php. Anda perlu mengunduh file ini ke komputer Anda.

Mendownload file php halaman untuk situs Anda

Buka file page.php di editor teks biasa seperti Notepad, dan salin semua kontennya kecuali bagian header.

Header template dari file php halaman biasa di WordPress

Bagian header adalah bagian yang diberi komentar di bagian atas file. Kami tidak menyalinnya, karena template halaman kustom kami sudah memilikinya.

Sekarang Anda perlu membuka file template halaman kustom Anda dan menempelkan semua kode yang telah Anda salin di bagian akhir.

File halaman kustom Anda sekarang akan terlihat 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(); ?>



Cukup simpan file template halaman kustom Anda dan unggah kembali ke folder tema Anda menggunakan FTP.

Sekarang Anda dapat mengunjungi halaman yang Anda buat menggunakan template halaman kustom. Ini harus terlihat persis seperti halaman Anda yang lain di WordPress.

Selanjutnya, lanjutkan mengedit file template halaman kustom Anda. Anda dapat menyesuaikannya dengan cara apa pun yang Anda inginkan. Misalnya, Anda dapat menghapus sidebar dengan menghapus garis yang dimulai <?php get_sidebar.

Anda juga dapat menambahkan kode PHP khusus atau menambahkan HTML lain yang Anda inginkan.

Untuk menambahkan konten sebenarnya ke halaman Anda, cukup edit halaman seperti biasa di WordPress.

Anda juga dapat membiarkan area konten di editor halaman benar-benar kosong, dan menambahkan konten kustom langsung ke template halaman Anda. Dengan begitu, konten yang Anda tambahkan akan muncul di semua halaman menggunakan template kustom.

Kami harap artikel ini membantu Anda menambahkan halaman kustom di WordPress. Anda mungkin juga ingin melihat panduan kami tentang jenis halaman WordPress terpenting yang harus dimiliki setiap situs web, dan daftar plugin WordPress yang harus dimiliki untuk semua situs web.

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



Author

Write A Comment