Template Wordpress

Semua yang Perlu Anda Ketahui di tahun 2021

WordPress Full Site Editing (FSE) mewakili perubahan menarik dalam cara pengguna WordPress mendesain dan mengembangkan situs web. Namun, perubahan tidak selalu mudah. Sebagai pemilik situs web, Anda mungkin bertanya-tanya apa fitur baru ini dan bagaimana Anda dapat mempersiapkannya.

Kami di sini untuk membantu. Pada artikel ini, kami akan memperkenalkan Anda apa itu Pengeditan Situs Lengkap WordPress dan mengapa itu penting bagi pengguna WordPress.

Kemudian, jika Anda ingin bereksperimen sendiri, kami akan menunjukkan cara mencoba editor situs lengkap sebelum dirilis secara resmi. Dengan melihat alat baru yang diperkenalkan di WordPress 5.8 dan menginstal plugin Gutenberg mandiri, Anda dapat menguji fase berikutnya dalam desain WordPress.

Daftar isi:

Pengantar WordPress Full Site Editing (FSE)

Saat Anda membuat situs web WordPress, Anda biasanya akan menentukan beberapa elemen global. Ini adalah konten apa pun yang muncul di beberapa halaman, seperti header, footer, atau menu navigasi situs Anda. Secara tradisional, pemilik situs web telah bekerja dengan elemen global ini di Penyesuai WordPress:

Situs web WordPress juga terdiri dari elemen halaman. Seperti namanya, fitur ini muncul di halaman tertentu, seperti video yang disematkan di postingan blog terbaru Anda. Anda dapat menambahkan elemen-elemen ini melalui editor WordPress:

WordPress Full Site Editing (FSE) yang sedang naik daun berangkat untuk mendobrak hambatan dan membuat satu antarmuka tempat Anda dapat bekerja dengan elemen halaman dan elemen global. Setelah FSE dirilis ke WordPress Core, Anda seharusnya dapat membangun seluruh situs web hanya dengan menggunakan Blok Gutenberg.

Misalnya, jika Anda ingin menyesuaikan tajuk situs, Anda dapat mendesain tata letaknya menggunakan blok dengan Pengeditan Situs Lengkap. Demikian pula, Anda juga dapat menggunakan blok untuk mengontrol tata letak posting blog Anda, halaman yang mencantumkan semua posting blog Anda, dan seterusnya.

Bagaimana Pengeditan Situs Lengkap dapat bermanfaat bagi situs web Anda

Sebagai satu antarmuka, FSE berjanji untuk memudahkan merancang dan membangun situs web yang mengalahkan dunia. Setelah FSE ditayangkan, Anda akan dapat menentukan elemen global dan membuat perubahan khusus halaman tanpa harus bernavigasi di antara dua editor. Misalnya, Anda dapat menggunakan editor situs lengkap untuk menentukan judul situs web Anda. Anda kemudian dapat menggunakan editor yang sama persis untuk mengganti judul halaman web tertentu.

Segera, Anda bekerja lebih efisien. Ini juga berarti bahwa Anda hanya perlu mempelajari satu alur kerja untuk membuat perubahan di tingkat situs dan mengedit halaman web individual. Ini mungkin bantu pendatang baru WordPress mendapatkan kecepatan lebih cepat.

Karena Anda dapat mengedit di tingkat global dan halaman secara bersamaan, FSE dapat membantu Anda meningkatkan kualitas desain akhir Anda. Alih-alih terus-menerus berpindah di antara editor yang berbeda dan kemudian meninjau produk jadi, Anda dapat melihat dengan tepat bagaimana tata letak yang telah selesai akan terlihat saat Anda mengeditnya. Hal ini mendorong pemilik situs web untuk bereksperimen dan menjelajahi tata letak mereka dengan cara yang sulit dicapai ketika proses desain dibagi menjadi dua antarmuka yang sepenuhnya terpisah.

Cara menggunakan Pengeditan Situs Lengkap di WordPress

FSE mungkin sedang dalam proses, tetapi beberapa fungsinya telah menjadi perangkat lunak inti WordPress.

WordPress 5.8 memperkenalkan beberapa fitur yang akan membuka jalan bagi editor situs lengkap. Ini termasuk kemampuan untuk tambahkan blok ke area widget situs web Anda, seperti sidebar atau footer Anda:

Pada akhirnya, tujuan FSE adalah memungkinkan Anda membangun seluruh situs web hanya menggunakan blok Gutenberg. Menambahkan dukungan blok ke area widget menandai langkah lain untuk menjadikan blok sebagai standar baru di WordPress.

WordPress 5.8 juga menambahkan beberapa pola dan blok baru, termasuk Query Loop. Anda dapat menggunakan elemen baru ini untuk menampilkan jenis posting di halaman mana pun. Ini membuatnya sempurna untuk membuat halaman yang menyoroti semua posting Anda yang paling populer, atau untuk menampilkan konten terkait di akhir posting blog. Yang terpenting, Anda sekarang dapat membuat halaman ini tanpa harus menulis satu baris kode pun:

Saat bekerja dengan Query Loop, Anda dapat menentukan dengan tepat informasi apa yang harus ditampilkan oleh blok ini. Misalnya, Anda dapat menyertakan judul postingan, gambar unggulan, atau kutipan.

Akhirnya, WordPress 5.8 juga memungkinkan Anda rancang templat posting khusus menggunakan blok:

Dengan FSE menempatkan blok di inti situs WordPress, blok kaya fitur seperti Query Loop kemungkinan akan menjadi bagian penting dari desain dan pengembangan situs web. Oleh karena itu, kita akan melihat lebih banyak fitur yang berfokus pada FSE di WordPress 5.9.

Cara mengakses Full Site Editing di plugin Gutenberg (dalam 3 langkah mudah)

FSE masih dalam pengembangan, tetapi Anda bisa mendapatkan pengalaman langsung dengan editor baru ini hari ini. Plugin Gutenberg mandiri terkenal karena memberi pengguna WordPress kesempatan untuk menjelajahi fitur-fitur yang akan datang sebelum mereka membuatnya menjadi WordPress Core. Pengeditan situs penuh tidak terkecuali. Inilah cara Anda dapat mengakses editor baru ini menggunakan plugin Gutenberg.

1. Siapkan lingkungan Anda

FSE saat ini diklasifikasikan sebagai fitur eksperimental, yang berarti tidak cocok untuk digunakan di situs web langsung Anda. Untuk alasan ini, sebaiknya buat lingkungan pengujian pribadi tempat Anda dapat bereksperimen dengan editor situs lengkap.

Anda dapat memutar situs WordPress lokal menggunakan layanan seperti Lokal dengan Flywheel. Atau, Anda bisa menciptakan lingkungan pementasan.

Setelah Anda memiliki lokasi pengujian yang aman, Anda dapat menginstal dan mengaktifkan plugin Gutenberg. Jika Anda sudah memiliki plugin ini, periksa apakah Anda menjalankan versi terbaru:

Kami juga menyarankan Anda menggunakan PHP 7.3 atau lebih tinggi. Jika Anda tidak yakin versi PHP mana yang mendukung situs WordPress Anda, Anda dapat memeriksanya menggunakan Alat Kesehatan Situs.

Di dasbor WordPress, navigasikan ke Alat > Kesehatan Situs. Pemeriksaan Kesehatan akan secara otomatis menjalankan keamanan dan analisis kinerja, dan tampilkan hasilnya:

Pilih tab Info. Anda kemudian dapat mengklik untuk memperluas bagian Server, yang akan menampilkan versi PHP Anda saat ini.

Jika Anda menggunakan versi PHP yang kedaluwarsa, Anda mungkin dapat meningkatkan versi secara manual dari panel kontrol penyedia hosting Anda. Sebagai contoh, pengguna cPanel dapat mengganti versi PHP mereka menggunakan alat Pemilih PHP. Atau, Anda mungkin perlu menghubungi penyedia hosting Anda secara langsung dan meminta peningkatan.

2. Instal tema yang mendukung Pengeditan Situs Lengkap WordPress

Tidak semua tema mendukung pengeditan situs penuh WordPress, jadi Anda harus menginstal tema berbasis blok. Ada beberapa tema yang dirancang untuk mendukung FSE. Anda dapat menemukannya dengan menggunakan filter Pengeditan Situs Lengkap di direktori tema WordPress.org.

Untuk contoh ini, kita akan menggunakan Tema basis blok. Blockbase dibuat oleh Automattic, yang merupakan perusahaan di belakang WordPress.com dan WooCommerce.

Blockbase adalah tata letak langsung yang hadir dengan pilihan template minimalis dan pengaturan desain. Kesederhanaan ini membuat Blockbase menjadi tema yang bagus untuk bereksperimen dengan Pengeditan Situs Lengkap.

Setelah menginstal dan mengaktifkan Blockbase, Anda akan melihat opsi baru: Editor Situs (Beta). Ini adalah versi eksperimental dari editor situs lengkap. Sekarang setelah Anda memiliki segalanya, Anda siap untuk mengambil FSE untuk berputar.

3. Sesuaikan situs web Anda

Anda sekarang dapat mengedit elemen apa pun di layar dengan mengkliknya. Saat Anda memilih item, editor situs lengkap akan menampilkan beberapa informasi dasar tentang item tersebut di sepanjang bagian bawah layar:

Toolbar mengambang juga akan muncul. Anda dapat menggunakan opsi di bilah alat ini untuk mengedit elemen yang dipilih. Misalnya, jika Anda mengklik judul maka Anda akan dapat beralih di antara gaya heading H1-H6, atau ubah perataannya:

Untuk menambahkan lebih banyak halaman dan elemen global, arahkan kursor ke bagian tempat Anda ingin menyisipkan elemen ini. Anda kemudian dapat memilih tombol + ketika muncul. Di popup berikutnya, pilih item yang ingin Anda sisipkan, seperti gambar atau blok teks:

Perlu diketahui bahwa ini adalah versi eksperimental FSE. Kemungkinannya adalah, ini bukan 100% bagaimana editor situs lengkap akan berfungsi ketika akhirnya dirilis ke WordPress Core.

Meskipun demikian, masih berguna untuk mendapatkan pengalaman langsung dengan FSE. Dengan asumsi Anda mengikuti saran kami dan menciptakan lingkungan pengujian yang aman, ada baiknya meluangkan waktu bereksperimen dengan berbagai fitur FSE untuk melihat efek berbeda apa yang dapat Anda buat.

Cobalah Pengeditan Situs Lengkap WordPress hari ini

Perubahan tidak selalu mudah, tetapi editor situs lengkap memang menjanjikan beberapa manfaat bagi pemilik situs web. Dengan mempersiapkan Pengeditan Situs Lengkap di WordPress, Anda akan berada dalam posisi yang kuat untuk memulai segera setelah FSE dirilis ke dalam perangkat lunak inti WordPress.

Mari kita rekap dengan cepat bagaimana Anda bisa mendapatkan pengalaman langsung dengan FSE hari ini:

Persiapkan lingkungan Anda. Pasang tema yang mendukung pengeditan situs lengkap, seperti tema Blockbase. Sesuaikan situs web Anda dengan pengeditan situs lengkap.

Untuk mempelajari cara kerja editor blok Gutenberg secara umum, Anda dapat melihat perkenalan kami dengan editor dan blok nya.

Apakah Anda memiliki pertanyaan tentang FSE yang akan datang? Mari kita bicara tentang mereka di bagian komentar di bawah!

Panduan gratis

5 Tips Penting untuk Mempercepat
Situs WordPress Anda

Kurangi waktu pemuatan Anda bahkan hingga 50-80%
hanya dengan mengikuti tips sederhana.

Sumber Artikel

WP Tips

Recent Posts

Statistik Kunci untuk Diketahui untuk 2023

Tanda tangan email berfungsi sebagai cara ampuh bagi individu dan bisnis untuk meninggalkan kesan abadi…

1 tahun ago

Cara Memperbaiki ‘ERR_SSL_VERSION_OR_CIPHER_MISMATCH’ di WordPress

Apakah kesalahan 'ERR_SSL_VERSION_OR_CIPHER_MISMATCH' menghentikan Anda mengakses situs web WordPress? Kesalahan ini hanya terlihat saat mengunjungi…

1 tahun ago

5 Cara Meningkatkan Bisnis Anda Dengan AI

Jika Anda adalah individu yang banyak akal dan berpikiran maju yang bekerja di bidang pemasaran,…

1 tahun ago

Tingkatkan Dasbor Anda dengan Laporan MonsterInsights Baru

Siap menguasai Google Analytics 4 dengan sedikit bantuan dari MonsterInsights? GA4 adalah alat analitik yang…

1 tahun ago

Cara Menerjemahkan Plugin WordPress dalam Bahasa Anda

Apakah Anda mencari cara untuk menerjemahkan plugin WordPress ke dalam bahasa Anda? Dengan menerjemahkan plugin…

1 tahun ago

Peretasan Pengalihan WordPress: Pencegahan dan Perbaikan Terbaik

Mencari solusi untuk hack redirect WordPress? ????‍???? Peretasan pengalihan WordPress sayangnya merupakan kejadian umum dan…

1 tahun ago