Cara Membuat Website Atau Blog Pada Tahun 2020 - Panduan Gratis Dan Mudah Untuk Membangun Website

Persiapan editor WordPress Gutenberg sebelum berubah [7-Item Checklist]

Komunitas WordPress penuh dengan kedatangan Gutenberg, editor baru yang akan melampaui editor visual saat ini yang sudah biasa digunakan orang.

Karena fitur baru ini akan menjadi standar baru, WordPress mendorong pengguna untuk mencobanya terlebih dahulu. Dan semakin cepat semakin baik, karena pembaruan utama WordPress 5.0 dengan Gutenberg diharapkan akan diluncurkan pada paruh pertama tahun 2018. Pada saat publikasi artikel ini, itu berarti hanya beberapa minggu atau bulan sebelumnya bahwa editor ini secara resmi menjadi standar baru!

Setelah WordPress 5.0 digunakan dan perbarui situs web WordPress Anda, Anda harus mengharapkan editor Gutenberg mengubah pengalaman editor postingan sepenuhnya, bukan hanya tampilannya, tetapi cara kerjanya. .

Anda juga harus mulai berpikir tentang kompatibilitas plugin, dan itu tidak terlihat sangat baik dengan versi saat ini, setidaknya mengenai kompatibilitas dengan plugin terbaik seperti Yoast SEO dan WooCommerce:

editor gutenberg

Tentu saja, dengan keberadaan database kompatibilitas plugin Gutenberg (disetujui oleh orang-orang WordPress), dapat diasumsikan masih ada waktu untuk menyelesaikan masalah ini sebelum peluncuran skala besar.

Mempersiapkan penerbit Gutenberg berarti mempersiapkan situs web Anda untuk perubahan sebaik mungkin sebelum keluar, untuk memastikan kelanjutan operasi selanjutnya setelahnya.

Apa itu editor Gutenberg?

Dinamai setelah Johannes Gutenberg, penemu mesin cetak, Gutenberg adalah editor posting baru yang diluncurkan WordPress dalam pembaruan versi utama WordPress 5.0. Mirip dengan Medium dan Squarespace (dan, yah, editor WordPress), itulah yang Anda lihat adalah apa yang Anda dapatkan (WYSIWYG) editor.

Inilah bacaan yang bagus untuk Anda jika Anda memutuskan antara WordPress dan Squarespace.

Perbedaan utama antara apa yang kita miliki dan apa yang akan terjadi? Editor WordPress saat ini membutuhkan pengetahuan tentang kode pendek dan HTML untuk fungsionalitas penuh, tetapi editor Gutenberg membuat proses ini lebih mudah dengan mengelompokkan bagian ke dalam "blok kecil".

Blok konten ini mirip dengan yang Anda akan memiliki akses ketika menggunakan pembuat halaman, tetapi ada juga beberapa perbedaan antara dua jenis alat pembuatan konten.

Dengan menggunakan blok kecil konten ini, pengguna akan dapat memasukkan konten yang kaya, seperti posting multimedia dan bahkan posting media sosial, ke dalam editor WordPress.

Menurut Traffic Soda, ide di balik WordPress "blok" adalah ambisius, karena blok ini dimaksudkan untuk menyederhanakan elemen format umum yang digunakan di WordPress, seperti shortcode, plugin, dan widget. Beberapa memperkirakan bahwa penggunaan blok konten ini bahkan mungkin memerlukan elemen-elemen ini sebagai entitas yang terpisah.

Katakanlah, misalnya, bahwa Anda ingin memasukkan resep ke dalam posting blog yang Anda tulis. Dengan editor WordPress saat ini, Anda harus menginstal plugin resep (atau memformat HTML dan CSS yang terkait dengan tangan). Dengan editor Gutenberg, tergantung pada preferensi desain Anda, dapat sesederhana menyeret dan menjatuhkan blok resep pada posting.

Berita bagus? Anda tidak perlu menunggu sampai WordPress 5.0 dirilis untuk mengujinya sendiri. Beta Gutenberg saat ini tersedia untuk diunduh sebagai plugin di repositori WordPress.

editor gutenberg

6 hal yang harus dilakukan sebelum peluncuran editor Gutenberg

Meskipun kemungkinan yang dibawa oleh editor Gutenberg tentu saja menarik, banyak pengembang web khawatir bahwa Gutenberg akan membatalkan atau menghancurkan struktur situs web mereka saat ini. Ini kemungkinan banyak berhubungan dengan pengalaman negatif sebelumnya dengan plugin pembuat halaman, di mana mengubah tema (atau plugin pembuat halaman berbeda) dapat sepenuhnya memecah tata letak ujung depan.

Untungnya, editor Gutenberg dirancang sedemikian rupa sehingga mempertahankan tata letak ujung depan, sehingga pengunjung akan menerima pengalaman yang sama sebelum dan sesudah pembaruan utama. Bahkan, menurut Zack Katz (selama keynote untuk WordCamp Denver), editor Gutenberg dikembangkan dengan cara yang mempertahankan struktur halaman / kode bahkan jika Anda memutuskan untuk kembali ke editor visual.

Ini berarti bahwa beralih di antara editor melibatkan berurusan dengan kode mentah, bukan shortcode khusus plugin.

Tapi bagian belakang? Nah, itu cerita yang sama sekali berbeda.

Untuk meminimalkan sakit kepala yang tak terhindarkan hadir dengan menguasai pembaruan utama WordPress baru, inilah cara Anda dapat bersiap untuk salah satu pembaruan utama terbesar:

1. Pelajari semua yang Anda butuhkan tentang Gutenberg sebelum diluncurkan

Zac Gordon dan Joe Casabona memiliki kursus fantastis tentang editor Gutenberg yang baru.

Kursus Zac diperuntukkan bagi pengembang dan akan membantu Anda menyelam di bawah tenda.

ZacGordonCourses "width =" 531 "height =" 685 "srcset =" https://mk0wpbuffsa0vanw2d3s.kinstacdn.com/wp-content/uploads/2018/04/ZacGordonCourses.png 531w, https: //mk0wbddddwddwdwdwdwdwdwdwdwdwdwddddddddddddddddddddddddddddddddddddw / uploads / 2018/04 / ZacGordonCourses-271x350.png 271w "ukuran =" (lebar maksimum: 531px) 100vw, 531px "src =" https://mk0wpbuffsa0vanw2d3wp/content/uploads / 2018 / ZacGordonCourses.png "class =" menyelaraskan ukuran-penuh wp-image-13120 lazyload "></p>
<div class=

Kursus Joe adalah untuk pengguna WordPress yang lebih kasual dan mengajarkan Anda semua dasar-dasar Gutenberg.

Joe adalah tamu utama di podcast WPMRR WordPress dan mempelajari segala sesuatu yang berkaitan dengan pencatatan: pena, notebook, aplikasi pekerjaan rumah, cara melakukan tugas secara efisien, dan banyak lagi. Dia pria yang sangat keren dan dia bahkan punya kotak waktu juga!

  joecasabonacourses = "" https: = "" com = "" wp-content = "" unggah = "" joecasabonacourses-350x172.png = "" mk0wpbuffsa0vanw2d3s.kinstacdn.com = "" m = "" content = "" joecasabonacour450 .png = "" aligncenter = "" size-large = "" wp-image-13121 = "" lazyload = "">
</p>
<h3><span class="ez-toc-section" id="2_Coba_Gutenberg_Editor_Plugin_WordPress_50_Plugin"></span>2. Coba Gutenberg Editor Plugin WordPress 5.0 Plugin<span class="ez-toc-section-end"></span></h3>
<div class=

Setelah Anda meningkatkan ke WordPress 5.0, editor posting Anda akan secara otomatis meningkatkan ke Gutenberg.

Sebelum Anda panik, pahami bahwa Anda akan dapat beralih antara editor ini dan editor WYSIWYG yang sudah Anda kenal. Konon, Gutenberg adalah jalan masa depan. Untuk mempertahankan reputasi Anda sebagai anggota komunitas WordPress, Anda harus memiliki pengalaman langsung dengan fitur ini.

Untuk mempercepat pembaruan, Anda dapat mengunduh plugin editor Gutenberg dari repositori WordPress. Karena ini masih dalam pengujian beta dan ada banyak masalah kompatibilitas plugin yang tersisa, Anda pasti mau uji plugin pada situs pementasan atau latihan, Tidak Situs langsung.

Lakukan bagian Anda sebagai anggota terhormat komunitas open source dan bantu tingkatkan Gutenberg dengan memberikan umpan balik kepada pengembang plug-in. Jika Anda memutuskan untuk tidak menyukai Gutenberg atau merusak situs web Anda saat mengujinya, dan ingin kembali ke editor lama Anda, coba plugin Classic Editor.

3. Cadangkan situs web Anda (sering)

Sebelum menginstal plugin editor Gutenberg, ingatlah untuk membuat beberapa backup situs web Anda. Dengan cara ini, Anda memiliki versi situs web Anda saat ini untuk kembali jika terjadi kesalahan.

Ada beberapa opsi yang memungkinkan Anda membuat cadangan situs Anda: berbayar dan gratis. Beberapa mengambil bentuk plugin, sementara yang lain menyertakan fungsi built-in host web mereka.

Idealnya, Anda akan memiliki kombinasi opsi cadangan yang saling melengkapi. Dengan melakukan ini, bahkan jika server penyedia hosting web Anda gagal, Anda masih memiliki akses ke file di luar situs di aplikasi penyimpanan cloud seperti Google Drive atau Dropbox.

Jika Anda ingin naik level ketika datang ke akomodasi, ada mitra pilihan kami:

sitegroundlogo "width =" 350 "height =" 86 "srcset =" https://mk0wpbuffsa0vanw2d3s.kinstacdn.com/wp-content/uploads/2017/12/sitegroundlogo-350x86.png 350w, https: //mk0wpbuffsa0vanwdns.html. com / wp-content / uploads / 2017/12 / sitegroundlogo.png 500w "ukuran =" (lebar maksimum: 350px) 100vw, 350px "src =" https://mk0wpbuffsa0vanw2d3s.kinstacdn.com/wp-content/uploads/ 2017 / 12 / sitegroundlogo-350x86.png "class =" menyelaraskan ukuran-medium wp-image-2701 lazyload "></p>
<ul>
<li style=✅ Sempurna untuk Pemula WordPress

  • ✅ Bekerja untuk anggaran yang lebih kecil
  • ✅ Gratis migrasi, dukungan 24/7, SSL dan CDN
  • 💰 Dari $ 3,95/bulan

    SiteGround adalah salah satu penyedia hosting favorit kami dalam hal shared hosting pergi. Web hosting adalah pekerjaan mereka. Teknologi kecepatan terbaru adalah hasratnya. Solusi keamanan yang unik adalah spesialisasinya. Dukungan teknis yang luar biasa adalah kebanggaan mereka. Kata Nuff!

    logo akomodasi jangkar

    • ✅ Sempurna untuk situs web yang membutuhkan perhatian khusus
    • ✅ Cara memiliki a teknisi server internal
    • ✅ Gratis pembaruan migrasi, SSL, dan WordPress

    💰 Dari $ 20/bulan

    Jika Anda mencari hosting WordPress yang tidak rumit untuk freelancer dan profesional web, Anchor Hosting adalah untuk Anda. Austin layanan sarung tangan putih Ini untuk siapa saja yang ingin bekerja dengan tim kecil dan intim yang dapat mengurus semua kebutuhan akomodasi mereka.

    kinstalogo

    • ✅ Sempurna untuk pemilik situs web yang serius
    • ✅ Mengkhususkan dalam situs web dengan lalu lintas tinggi
    • ✅ Gratis migrasi, SSL dan CDN

    💰 Dari $ 30/bulan

    Kinsta adalah penyedia hosting WordPress yang dikelola di mana mereka mengurus semua kebutuhan Anda tentang situs web Anda. Mereka menjalankan layanan mereka dengan teknologi mutakhir dan menerima dukungan dengan serius. Mereka berspesialisasi dalam lalu lintas situs WordPress tinggi, jadi jika Anda memilikinya, mereka adalah teman yang ideal.

    4. Buat situs uji

    Kami sudah mengatakan itu sebelumnya, tetapi perlu diulangi: Jika Anda menguji editor Gutenberg, Anda disarankan untuk meng-host perubahan yang Anda buat ke situs pementasan sehingga situs web utama Anda tidak terpengaruh jika terjadi kesalahan. salah.

    5. Perbarui tema, plugin, dan inti WordPress Anda secara teratur

    Memperbarui versi utama WordPress biasanya merupakan pembaruan yang paling penting dan terberat (dalam hal ukuran) yang harus Anda lakukan secara semi-reguler. Setelah kode inti WordPress diperbarui, plugin dan temanya diperbarui nanti.

    Jika Anda tidak memperbarui semua komponen terkait ini, mungkin ada beberapa masalah ketidakcocokan. Dan situs web Anda tidak akan berfungsi secara optimal. Yang mengatakan, ketika Anda memiliki ketiga pembaruan yang tersedia (tema, plugin, kernel), bersiaplah untuk memperbarui semuanya sekaligus. Situs web Anda mungkin membeku atau pecah. Inilah sebabnya mengapa membuat cadangan sangat penting!

    Dalam hal urutan pembaruan:

    1. Perbarui plugin terlebih dahulu (biasanya ukurannya paling ringan) …
    2. … lalu takut …
    3. … Dan pembaruan dari versi utama.

    6. Gunakan plugin pemeriksaan kesehatan

    Sebelum membuat perubahan besar pada situs web, terutama situs web yang dibuat, gunakan plugin Pemeriksaan Kesehatan untuk mendapatkan informasi berharga tentang situs web.

    editor gutenberg

    Ada tiga tab: Cek kesehatan, Informasi debuggingy Informasi pemecahan masalah.

    itu Cek kesehatan Tab melakukan pemeriksaan untuk mendeteksi kesalahan konfigurasi umum dan masalah yang diketahui. Periksa versi PHP dan MySQL mereka, ekstensi yang mungkin Anda butuhkan, ekstensi yang dapat ditingkatkan oleh WordPress, dan layanan WordPress.org yang dapat Anda akses. Ini juga dapat membantu Anda menentukan masalah yang terkait dengan keamanan situs dan kecepatan situs.

    editor gutenberg

    Ingatlah untuk memperbarui versi PHP Anda ke setidaknya 5,6 (PHP 7.2 adalah yang terbaru) dan versi MySQL ke setidaknya 5.6 (jika Anda menggunakan MariaDB, versi Anda harus setidaknya 10.0 atau lebih tinggi). Ini karena jika Anda menggunakan versi terbaru, ini bisa menjadi alasan mengapa plugin Anda tidak berfungsi dengan baik. Hubungi host web Anda jika Anda memerlukan bantuan untuk memperbarui.

    Plugin Health Check memberi tahu Anda jika server Anda mendukung JSON dan HTTPS. Ini menunjukkan bahwa server Anda dapat berkomunikasi dengan WordPress.org dan memungkinkan Anda untuk menerima pembaruan perangkat lunak penting.

    itu Informasi debugging Tab memberi Anda informasi tentang pengaturan server, pengaturan situs web, plug-in, topik, dan informasi berguna lainnya untuk mendiagnosis masalah. Anda dapat memberikan informasi ini ke dukungan plugin / tema jika Anda memiliki masalah dengan produk Anda.

    editor gutenberg

    itu Informasi pemecahan masalah tab adalah tongkat terkuat dari pelengkap. Saat Anda di sini, Anda dapat menempatkan situs dalam "Mode pemecahan masalah". Dalam mode ini, plugin menonaktifkan semua plugin dan perubahan ke tema WordPress default, tetapi hanya untuk Anda. Mereka yang meramban situs web Anda secara langsung tidak akan melihat perbedaannya.

    Ini memungkinkan Anda untuk mengaktifkan plugin secara terpisah untuk melihat kombinasi mana yang dapat menyebabkan masalah dengan situs web Anda. Dan jika itu bukan masalah plugin, Anda dapat langsung beralih ke pemecahan masalah kompatibilitas tema.

    Pembaruan konten

    EBook keamanan WordPress gratis

    (4 halaman) Daftar periksa 21 langkah untuk
    Amankan situs web WordPress yang aman 99,9%

    untuk mengunduh

    7. Jalankan audit situs

    Sebagai bagian dari persiapan untuk editor Gutenberg, dan untuk memastikan bahwa situs web WordPress Anda bekerja dengan baik, audit berkala terhadap plugin, widget, dan tema situs web Anda diperlukan.

    Komplemen

    Dalam hal ini, hapus yang tidak digunakan atau yang menawarkan fungsionalitas serupa dengan plugin lain yang diinstal. Jika Anda sudah mencoba Gutenberg, Anda mungkin akan memiliki gagasan tentang plugin apa yang dapat membantu Anda menghilangkannya.

    Harap perhatikan bahwa plugin terbesar dan terpopuler dapat diperbarui secara berkala. Namun, plug-in yang ditawarkan oleh operasi yang lebih kecil mungkin tidak memiliki bandwidth untuk memperbarui sesering mungkin.

    Setelah Anda menghapus plug-in yang Anda yakin tidak perlu, lakukan audit menyeluruh.

    Untuk melakukan ini, periksa sumber plugin. Jika itu dari WordPress.org, periksa kapan terakhir kali diperbarui. Periksa juga versi utama terbaru yang diuji dalam referensi. Hal-hal ini dapat memberi tahu Anda jika plugin terus dikembangkan dan diperbarui.

    Jika tidak diperbarui secara teratur ini bisa menjadi pertanda buruk. Anda harus mulai mencari plugin serupa yang diperbarui lebih teratur. WordPress adalah sistem yang terus berkembang, alat yang Anda gunakan juga harus!

    Jika plugin tersebut berasal dari sumber lain, periksa apakah itu kompatibel dengan versi terbaru WordPress. Anda juga dapat melakukan ini dengan memeriksa changelog di situs web pengembang plugin.

    Tema

    Adapun, jika Anda memiliki satu yang dibuat khusus untuk situs web Anda, ini dapat menimbulkan kekhawatiran, terutama jika belum diperbarui sejak Anda mendapatkannya. Untuk alasan ini, disarankan agar Anda menggunakan tema yang tersedia secara komersial. Orang-orang dari Genesis, GeneratePress atau Astra adalah contoh yang baik. Tema-tema ini terus diperbarui ketika masalah kompatibilitas dan kesalahan lainnya terdeteksi.

    Pengecualian adalah ketika tema khusus adalah tema anak dari tema saat ini yang masih diperbarui. Tema anak-anak mereka adalah cara terbaik untuk menyesuaikan tema. Mengapa Karena jika Anda tidak memiliki atau menggunakannya, perubahan yang dibuat pada tema utama mungkin hilang setelah Anda memperbarui. Jika Anda memilih untuk tidak memperbarui tema karena dapat merusak desain situs web, ini dapat membuat tema Anda rentan terhadap ancaman seperti malware.

    Jadi, jika Anda belum melakukannya, buat tema anak. Identifikasi di mana pengeditan telah dilakukan untuk tema induk dan pindahkan pengeditan ke tema anak. Kemudian perbarui tema utama lagi.

    Pikiran terakhir

    Suka atau tidak suka, editor Gutenberg akan datang ke WordPress, dan segera! Alih-alih melarikan diri atau mengeluh tentang perubahan penting ini, cobalah untuk menerimanya. Ini akan menjadi normal baru.

    Cara terbaik untuk menerima perubahan adalah mempersiapkannya. Dengan mengikuti pedoman yang diuraikan di atas, Anda akan meminimalkan potensi downtime setelah Gutenberg diaktifkan.

    Apakah Anda ingin memberikan pendapat atau bergabung dalam percakapan? Tambahkan komentar Anda 🐦 di Twitter.

    Simpan Hemat

    Simpan Hemat

    Simpan Hemat