Apakah Anda ingin membuat halaman penuh di WordPress?

Banyak Tema WordPress sudah datang dengan templat halaman lebar penuh bawaan yang dapat Anda gunakan. Namun, beberapa tema WordPress 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.

buat halaman lebar penuh di WordPress

Metode 1: Menggunakan templat lebar bawaan pada tema WordPress Anda

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

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

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

Pemilihan template halaman

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.

Halaman dengan lebar penuh

Jika Anda tidak memiliki opsi templat Lebar Penuh - Lebar Penuh - pada layar edit halaman Anda, itu berarti tema WordPress Anda tidak memilikinya. 

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 mengedit 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 

Tapi, sebelum melangkah lebih jauh, Anda harus melakukannya 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 menetapkan nama template file dan memberi tahu WordPress untuk mengekstrak template header.

Kemudian Anda akan membutuhkan bagian konten dari kode tersebut. Sambungkan 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 mengambil sidebar dan menampilkannya di tema WordPress Anda. Dengan menghapus ini, tema Anda tidak akan menampilkan sidebar saat menggunakan template Kendali Lebar.

Anda mungkin melihat baris ini muncul lebih dari sekali di tema WordPress Anda. Jika tema WordPress Anda memiliki beberapa 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 mengupload template halaman lebar penuh kustom ke tema Anda. Langkah selanjutnya adalah menggunakan template ini untuk membuat halaman lebar penuh.

Buka dasbor Anda dan edit atau buat halaman baru.

Pada layar edit halaman, cari kotak centang atribut halaman dan klik menu drop-down di bawah opsi "Template".

Pemilihan model dalam edisi halaman wordpress

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 bilah sisi hilang, dan halaman Anda muncul sebagai halaman kolom tunggal. Mungkin belum penuh, tetapi sekarang Anda siap untuk streaming secara 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 tema Anda untuk menentukan area konten.

Kemudian Anda dapat menyesuaikan lebarnya hingga 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.

Penyajian tema demo wordpress

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 yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website 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 Tema. Meskipun umumnya digunakan sebagai bagian dari tema Divi WordPress, Divi Builder juga merupakan plugin mandiri yang dapat Anda gunakan pada tema WordPress lainnya.

Divi e1544278044306

Divi Builder memungkinkan Anda untuk mengedit konten Anda menggunakan antarmuka visual di front-end serta antarmuka di back-end, meskipun sebagian besar pengguna lebih memilih antarmuka pertama.

Pada dasarnya, bukan sidebar, semuanya ada di popup dan tombol mengambang. Ini memberi Anda akses ke 316 templat pra-desain yang tersebar di 40 paket presentasi yang 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 khusus, karena editor CSS-nya menyertakan validasi dasar dan penyelesaian otomatis. Salah satu kritik dari Divi Builder adalah yang selalu diandalkan 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, tidak mengherankan, merupakan penawaran dari tim Themify. Ini mengintegrasikannya ke dalam beberapa tema WordPress mereka untuk memberi pelanggan opsi penyesuaian sederhana. Tetapi Anda juga dapat membelinya sebagai plugin mandiri dan menggunakannya dengan tema WordPress apa pun.

Layar animasi Themify builder e1544277050530

Seperti Divi Builder dan WPBakery Page Builder, Themify Builder memungkinkan Anda membuat tata letak di front-end atau back-end. Hal baik lainnya adalah plugin ini memungkinkan Anda untuk menyesuaikan breakpoint responsif Anda (tetapi hanya di seluruh level situs web).

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

Satu hal keren tentang Themify Builder adalah tetap memungkinkan Anda menggunakan editor WordPress standar, sedangkan pembuat halaman lain memaksa Anda untuk menggunakan antarmuka WordPress. pembuat halaman untuk semuanya.

Download | Demo | Hébergement Web

3. Elementor

Awalnya diluncurkan pada tahun 2016, plugin Elementor WordPress adalah salah satu pembuat halaman termuda di daftar ini. Meskipun terlambat dimulai, Elementor dengan cepat mengumpulkan lebih dari 1 pemasangan aktif di WordPress.org, menjadikannya salah satu pembuat halaman WordPress paling populer.

Elemen pro e1544277036401

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

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Disini adalah ! Itu saja untuk tutorial ini. Jika Anda memiliki tema WordPress yang tidak menawarkan halaman Lebar Penuh sebagai template, kami harap tutorial ini membantu Anda mengatasi kekurangan itu. Jangan sungkan 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.

...