Apakah Anda ingin membuat halaman penuh di WordPress?

Banyak Tema WordPress Beberapa tema WordPress sudah dilengkapi dengan templat halaman lebar penuh bawaan yang dapat Anda gunakan. Namun, beberapa tema WordPress lainnya tidak memiliki fitur ini. dalam hal ini Tutoriel, kami akan menunjukkan kepada Anda cara mudah membuat halaman lebar penuh di WordPress.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini.

Metode 1: Menggunakan template lebar bawaan di tema WordPress Anda

Metode ini disarankan jika tema WordPress Anda sudah dilengkapi dengan template halaman lebar penuh. Jika Anda belum memilikinya, lihat pilihan berikut dan dapatkan satu.

Pertama, Anda perlu mengedit halaman atau membuat halaman baru dengan mengunjungi " Halaman> Tambahkan Halaman baru.

Di jendela pengeditan halaman, pilih Kendali Lebar sebagai templat di bawah kotak centang atribut laman.

Setelah memilih model Kendali LebarAnda harus mendaftarkan halaman Anda. Anda dapat terus menyesuaikan halaman untuk menambahkan lebih banyak konten atau klik tombol pratinjau untuk melihatnya beraksi.

Jika Anda tidak memiliki opsi template Lebar Penuh di layar pengeditan halaman Anda, itu berarti tema WordPress Anda tidak memiliki opsi ini. 

Tapi, jangan khawatir, kami akan menunjukkan cara mudah membuat halaman lebar tanpa mengubah tema WordPress.

Metode 2: Cara Membuat Template Halaman dengan Lebar Penuh

Metode ini mengharuskan Anda untuk memodifikasi file tema WordPress yang Anda gunakan dan memiliki pemahaman dasar tentang PHP, CSS, dan HTML.

Omong-omong, kami juga mengundang Anda untuk berkonsultasi 8 plugin WordPress terbaik untuk dengan mudah membuat tata letak Anda 

Namun sebelum melanjutkan, Anda harus buat cadangan WordPress atau setidaknya cadangan tema WordPress Anda saat ini. Ini akan membantu Anda memulihkan situs web dengan mudah jika terjadi sesuatu yang buruk. 

Pertama, Anda perlu membuka editor teks seperti Notepad dan menempelkan kode berikut ke dalam file kosong:

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>

Sekarang Anda perlu menyimpan file ini sebagai " Full-width.php Di komputer Anda.

Kode ini hanya mendefinisikan nama templat file dan meminta WordPress untuk mengambil templat header.

Selanjutnya, Anda memerlukan bagian konten dari kode tersebut. Hubungkan ke situs web Anda menggunakan klien FTP (atau file manager di cPanel) lalu pergi ke " / Wp-content / themes /-tema-folder Anda / '.

Maka Anda harus mencari file yang disebut " page.php Ini adalah file template halaman default untuk tema Anda.

Salin semuanya setelah fungsi « get_header () Dan rekatkan ke file " Full-width.php Yang Anda buat di komputer Anda.

Sekarang Anda harus melihat isi file "full-width.php" dan menghapus baris kode ini:

<?php get_sidebar(); ?>

Baris ini hanya mengambil sidebar dan menampilkannya di tema WordPress Anda. Menghapusnya akan mencegah tema Anda menampilkan sidebar saat menggunakan template. Kendali Lebar.

Anda mungkin melihat baris ini muncul lebih dari sekali pada tema WordPress Anda. Jika tema WordPress Anda memiliki beberapa baris ini... sidebars (area widget footer juga disebut sidebar)Anda akan melihat setiap bilah samping direferensikan sekali dalam kode. Anda harus memutuskan sidebar mana yang ingin Anda pertahankan.

Situs web Anda tampaknya memuat lambat, temukan Mengapa Anda perlu mulai mengoptimalkan blog WordPress Anda dengan gambar

Jika tema Anda tidak menampilkan bilah sisi pada halaman Anda, Anda mungkin tidak menemukan kode ini di file Anda.

Inilah cara kode full-width.php kami menangani perubahan. Kode Anda mungkin terlihat sedikit berbeda tergantung pada tema Anda.

<?php
/*
*
Template Name: Full-Width
*/
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 -->
</div><!-- .content-area -->
<?php get_footer(); ?>

Maka Anda harus mengunduh file tersebut Full-width.php » di folder tema WordPress Anda menggunakan FTP client.

Anda telah berhasil membuat dan mengunggah templat halaman lebar penuh kustom ke tema Anda. Langkah selanjutnya adalah menggunakan templat ini untuk membuat halaman lebar penuh.

Buka dasbor Anda dan edit atau buat halaman baru.

Pada layar pengeditan halaman, temukan kotak centang atribut halaman dan klik menu tarik-turun di bawah opsi "Templat".

Anda akan dapat melihat model Anda. Silakan, pilih dan simpan atau perbarui halaman.

Sekarang Anda dapat mengunjungi situs web Anda, dan Anda akan melihat bahwa sidebar telah hilang, dan halaman Anda muncul sebagai halaman satu kolom. Mungkin belum sepenuhnya terisi, tetapi Anda sekarang siap untuk menampilkannya dengan cara yang berbeda.

Jadikan situs web Anda populer dengan menemukan Plugin 7 WordPress untuk mengoptimalkan SEO gambar Anda

Anda perlu menggunakan alat Inspect untuk menemukan kelas CSS yang digunakan oleh tema Anda untuk menentukan area konten.

Selanjutnya, Anda dapat menyesuaikan lebarnya menjadi 100% menggunakan CSS. Kami menggunakan kode CSS berikut:

.page-template-full-width .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.page-template-full-width .site {
margin:0px;
}

Begini tampilannya seperti Twenty Seventeen.

Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk membuat halaman dengan lebar penuh.

Metode di atas gratis bagi mereka yang mampu dan ingin dengan cepat membuat tata letak lebar atau lebar penuh dengan mudah.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan cengkeraman blog atau situs web Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Divi Builder

Divi Builder adalah pembuat halaman berkualitas tinggi yang sangat dihargai oleh Elegan TemaMeskipun umumnya digunakan sebagai bagian dari tema WordPress Divi, Divi Builder juga merupakan plugin mandiri yang dapat Anda gunakan pada tema WordPress lainnya.

Divi Builder memungkinkan Anda mengedit konten menggunakan antarmuka visual di bagian depan (front end) serta antarmuka di bagian belakang (back end), meskipun sebagian besar pengguna lebih menyukai yang pertama.

Pada dasarnya, alih-alih sidebar, semuanya ada di dalam pop-up dan tombol mengambang. Ini memberi Anda akses ke 316 templat yang telah dirancang sebelumnya yang tersebar di 40 paket presentasi berbeda, serta kemampuan untuk menyimpan desain Anda sendiri sebagai templat.

Kami menyarankan Anda untuk menemukannya Cara membuat blog profesional

Salah satu sifat Divi selalu menjadi kontrol gaya yang dia berikan kepada Anda. Pada tiga tab berbeda, Anda dapat mengonfigurasi berbagai pengaturan, termasuk kontrol responsif, spasi yang dapat disesuaikan, dan lainnya.

Anda bahkan dapat menambahkan CSS kustom, karena editor CSS-nya menyertakan validasi dasar dan pelengkapan otomatis. Salah satu kritik terhadap Divi Builder selalu terletak pada ketergantungannya pada shortcode. Yang berarti bahwa jika Anda menonaktifkannya suatu hari, itu akan meninggalkan banyak kode pendek di konten Anda. Meskipun ini sedikit menyedihkan, itu tidak menjadi masalah sekarang karena plugin seperti Shortcode Cleaner ada.

Download | Demo | Hébergement Web

2. Themify Builder

Themify Builder, seperti namanya, adalah produk dari tim Themify. Mereka mengintegrasikannya ke dalam beberapa tema WordPress mereka untuk memberikan pelanggan pilihan kustomisasi yang mudah. ​​Namun, Anda juga dapat membelinya sebagai plugin terpisah dan menggunakannya dengan tema WordPress apa pun.

Seperti Divi Builder dan WPBakery Page Builder, Themify Builder memungkinkan Anda membuat tata letak di bagian depan atau belakang. Fitur hebat lainnya adalah plugin ini memungkinkan Anda untuk menyesuaikan breakpoint responsif (tetapi hanya di tingkat seluruh situs).

Temukan Cara menginstal dan mengkonfigurasi WooCommerce untuk membuat toko online dan menjual produk Anda dengan mudah di Internet 

Satu hal menarik tentang Themify Builder adalah ia masih memungkinkan Anda menggunakan editor WordPress standar, sedangkan pembuat halaman lainnya memaksa Anda menggunakan antarmuka pembuat halaman untuk semuanya.

Download | Demo | Hébergement Web

3. Elementor

Diluncurkan pertama kali pada tahun 2016, plugin WordPress Elementor adalah salah satu pembuat halaman termuda dalam daftar ini. Terlepas dari permulaannya yang terlambat, Elementor dengan cepat mengumpulkan lebih dari 1.000.000 instalasi aktif di WordPress.org, menjadikannya salah satu pembuat halaman WordPress yang paling populer.

Apa yang membuat reputasinya adalah antarmuka visual yang cair, opsi gaya yang berbeda dan fitur canggih lainnya seperti pembuatan tema WordPress lengkap.

Antarmukanya dibagi menjadi dua bagian utama, dengan zona ketiga untuk parameter tertentu. Versi gratis Elementor menawarkan 28 widget gratis. Versi Pro menghadirkan 30 widget lainnya, total widget 58 dalam versi Pro. Versi gratisnya berisi tentang 40 templat gratis, sementara versi Pro membawa ratusan templat tambahan.

 Download | Demo | Hébergement Web

Sumber daya lain yang direkomendasikan

Temukan sumber daya lain yang direkomendasikan yang akan membantu Anda dalam membuat dan mengelola situs web Anda.

• Bagaimana cara mengubah tema WordPress Anda dengan aman
• Cara mengatur pengiriman di WooCommerce
• Plugin WordPress premium 10 dari Booking and Booking
• Kapan dan bagaimana untuk menginstal WordPress dalam subdirektori
• 10 WordPress plugin untuk meningkatkan kecepatan blog Anda

Kesimpulan

Selesai! Tutorial ini telah berakhir. Jika Anda memiliki tema WordPress yang tidak menawarkan template halaman lebar penuh, kami harap tutorial ini telah membantu Anda mengatasi keterbatasan ini. Jangan ragu untuk berbagi dengan teman-teman Anda di jejaring sosial favorit Anda. 

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Jika Anda memiliki saran atau komentar, tinggalkan di bagian kami komentar.

...