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

Panduan Pemula WordPress Gutenberg: Editor WordPress Baru

Dikatakan bahwa "Perubahan adalah hal yang paling konstan di dunia". Nah, garis ini melibatkan komunitas WordPress. WordPress, salah satu sistem manajemen konten paling populer, diluncurkan pada 27 Mei 2003. Dan telah menjadi sorotan dan telah dikreditkan sebagai pembuat situs web, manajemen situs web, dan alat blogging. paling populer sejak saat itu. Tetapi apakah mungkin baginya untuk mempertahankan posisi jika ia tetap sama tanpa ada pembaruan pada sistem? Tidak juga, bukan?

Itu hanya mungkin karena selalu fokus pada peningkatan lebih lanjut dengan mempertimbangkan persyaratan dan kenyamanan penggunanya. Itulah salah satu alasan mengapa Anda memilikinya lebih dari 60 juta pengguna Hari ini!

Terkadang pembaruan dibuat untuk platform, minor atau utama. Dan Anda siap melakukan pembaruan besar lainnya. Topik yang paling banyak dikomentari di komunitas WordPress adalah WordPress Gutenberg! Ya

Ya, kami tidak membandingkan editor dalam artikel ini. Artikel ini akan fokus pada memberi Anda wawasan yang lebih dalam tentang WordPress Gutenberg Editor bagi mereka yang baru mengenal topik ini dan bagaimana menggunakan WordPress Gutenberg di situs web Anda.

Jadi, mari kita mulai dengan pengantar singkat untuk Gutenberg WordPress.

Apa itu WordPress Gutenberg?

Gutenberg adalah editor teks. Itu menyediakan cara baru untuk mengedit konten WordPress. Tetapi ini lebih dari sekedar editor. Bawa pengalaman pembuatan konten Anda ke tingkat yang sama sekali baru. Editor teks ini diberi nama setelah Johannes Gutenberg, yang memperkenalkan pencetakan tipe seluler ke dunia. Ini adalah antarmuka sisi klien yang dibangun dengan React. React adalah perpustakaan JavaScript deklaratif dan fleksibel untuk membuat antarmuka pengguna sederhana, terukur, dan sangat cepat.

Editor Gutenberg adalah berbasis blok yang berarti Anda tidak akan memiliki satu kotak normal. Sebagai gantinya, blog akan tersedia untuk konten yang berbeda seperti paragraf, tombol CTA, gambar, dll., Yang membagi berbagai jenis konten menjadi berbagai blok. Bagian terbaiknya adalah Anda juga dapat memposisikan ulang blok sesuai pilihan Anda! Anda dapat memindahkannya ke atas atau ke bawah dan menempatkannya tepat di tempat yang Anda inginkan. Juga, jika Anda ingin membuat perubahan pada konten di dalam blok, cukup klik dan mulai membuat perubahan. Namun, kebutuhan untuk memblokir dapat bervariasi tergantung pada sifat dan tujuan situs web. Dengan demikian, ini memungkinkan Anda untuk membuat blok khusus sendiri yang Anda inginkan.

Sebelum diperkenalkan sebagai bagian dari WordPress 5.0 sebagai editor konten, Gutenberg hanya tersedia sebagai plugin. Moto utama di balik integrasi adalah menghadirkan platform pengeditan yang ramah pengguna untuk pengguna. Selain itu, pengguna akan memiliki kemiripan yang dekat dengan halaman atau postingan yang mereka buat dan tahu seperti apa tampilan di front-end setelah diposting! Ya, opsi pratinjau langsung hadir di editor saat ini, namun koneksi sedikit terputus dan kami tidak selalu memiliki gagasan yang tepat tentang seperti apa konten yang dibuat di situs web.

Dimasukkannya editor Gutenberg di WordPress telah menjadi berita utama. Beberapa mengatakan itu baik, sementara yang lain berpendapat bahwa editor Gutenberg bukan ide yang baik untuk Sistem Manajemen Konten yang sangat populer. Jadi mari kita lihat pro dan kontra yang telah menciptakan rumor selama beberapa waktu.

Pro:

  • Kunci Penemuan dan Penyisipan Cepat
  • Pengeditan kolaboratif
  • Kolom teks
  • TIDAK diperlukan pengetahuan pengkodean
  • Ramah ponsel

Cons:

  • Permalink tidak dapat diedit
  • Kesalahan yang konsisten
  • Ulasan buruk
  • Belum cocok untuk situs web langsung

Namun, Gutenberg masih beberapa minggu lagi dari yang termasuk dalam WordPress 5.0, oleh karena itu, Gutenberg dapat menyajikan perubahan dan pembaruan penting sebelum diluncurkan.

Bagaimana cara menggunakan Gutenberg?

Sekarang izinkan saya membiasakan Anda dengan antarmuka Gutenberg. Antarmuka tidak jauh berbeda dari editor TinyMCE. Yang membuatnya berbeda adalah area input dengan blok berbeda untuk berbagai jenis konten. Mari kita lihat bagaimana menggunakan WordPress Gutenberg.

Bagaimana menggunakan WordPress-Gutenberg "width =" 1203 "height =" 575 "srcset =" https://themegrill.com/blog/wp-content/uploads/2018/04/How-to-use-WordPress -Gutenberg.jpeg 1203w, https://themegrill.com/blog/wp-content/uploads/2018/04/How-to-use-WordPress-Gutenberg-300x143.jpeg 300w, https://themegrill.com/blog /wp-content/uploads/2018/04/How-to-use-WordPress-Gutenberg-768x367.jpeg 768w, https://themegrill.com/blog/wp-content/uploads/2018/04/How-to- use-WordPress-Gutenberg-1024x489.jpeg 1024w "ukuran =" (lebar maksimum: 1203px) 100vw, 1203px "></p>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<p>Mengklik tombol plus akan membuka jendela yang menampilkan empat tab seperti Disarankan / Terbaru, Blok, Tertanam, dan Dibagikan. Juga, ada kotak pencarian yang tersedia di mana Anda dapat dengan cepat mencari blok yang diperlukan.</p>
<p><img class=Langkah 1: Tambahkan judul ke posting Gutenberg

Jadi, mari kita mulai dengan menambahkan judul ke posting baru. Untuk melakukan ini, klik pada bidang di mana Tambahkan judul ditulis dan berikan publikasi Anda nama yang tepat.

Judul-WordPress-Gutenberg

Langkah 2: Tambahkan paragraf

Setelah memasukkan konten teks untuk posting Anda, mulailah menyisipkan teks Anda di bidang di bawah bidang judul. Anda dapat menekan tombol Enter untuk membuat blok baru. Atau Anda dapat menambahkan blok teks baru dengan mengklik tombol + dan memilih blok paragraf.

Gutenberg juga memungkinkan Anda untuk mengubah perataan dan pemformatan teks. Anda juga dapat dengan mudah menambah atau menghapus tautan. Plus, Anda memiliki kontrol penuh atas bagaimana teks Anda terlihat.

Paragraph-WordPress-Gutenberg

Langkah 3: Tambahkan gambar

Untuk menambahkan gambar ke posting Anda, pilih area di mana Anda ingin menambahkan gambar, dan kemudian arahkan kursor ke titik itu. Kemudian klik tombol + dan pilih blok gambar dari blok yang tersedia. Kemudian klik unggah atau tambahkan dari perpustakaan media untuk menambahkan gambar.

Gambar-blok-gutenberg

Langkah 4: Daftar

Untuk membuat daftar, seperti pada langkah ketiga, pilih tempat lalu klik tombol tambah. Pilih blok untuk cantuman. Cukup tulis daftar atau poin Anda.

Listing-WordPress-Gutenberg

Langkah 5: Tambahkan tombol CTA

Untuk menambah dan menyesuaikan Tombol Panggilan ke Tindakan, pertama-tama cari blok tombol. Berikan tombol Anda nama yang relevan dan kemudian gaya sesuai dengan pilihan Anda. Anda juga dapat menyisipkan URL pada halaman di mana Anda ingin mengarahkan ulang pengguna Anda setelah mereka mengklik tombol.

Tidak seperti editor teks sebelumnya, Anda tidak perlu memiliki pengetahuan pengkodean untuk menyesuaikan tombol Anda.

CTA-Button-WordPress-Gutenberg

Langkah 6: embed video YouTube

Jika Anda ingin memasukkan video ke dalam posting Anda, prosesnya hampir mirip dengan langkah-langkah yang disebutkan di atas. Pilih tempat di editor yang menurut Anda video itu paling baik dilihat dan arahkan kursor ke posisi itu.

Klik pada + ikon dan kemudian pergi ke tab Sematkan. Setelah itu, pilih blok YouTube dan masukkan URL. Itu saja, YouTube yang Anda pilih akan tertanam di pos Anda.

embed-video-WordPress-Gutenberg

Akhirnya, Anda dapat melihat pratinjau posting Anda setelah selesai. Bagian terbaik tentang Gutenberg yang secara pribadi juga saya sukai adalah memberi Anda ide yang persis seperti apa setelah diterbitkan.

Pratinjau-WordPress-Gutenberg

Ini adalah bagaimana Anda dapat membuat posting sederhana dan mengedit konten menggunakan WordPress Gutenberg.

Fitur Tambahan

Seperti yang saya katakan sebelumnya, ada banyak fitur tambahan di editor Gutenberg. Beberapa fitur lain yang termasuk dalam WordPress Gutenberg adalah:

  • CSS tambahan
  • Gambar sampul / gambar Pahlawan
  • Kolom teks
  • Galeri reseptif
  • Tarik Kutipan dan Blokir Kutipan
  • Ayat dan banyak lagi
Membungkusnya!

Karena konten dikatakan sebagai raja, Gutenberg mungkin menjadi inklusi yang tepat karena menempatkan konten di garis depan. Fokus utamanya adalah membantu pengguna membuat konten dengan mudah dan memberi mereka opsi penyesuaian yang diperlukan. Dengan editor baru ini, konten Anda tidak lagi terlihat membosankan. Anda dapat menata setiap elemen karena masing-masing elemen akan memiliki bloknya sendiri. Yang terbaik dari semuanya, pembuat halaman tidak diharuskan untuk membuat tata letak yang kompleks untuk konten Anda.

Editor Gutenberg jelas terdiri dari kustomisasi konten yang jauh lebih mengesankan daripada editor default. Oleh karena itu, pasti akan meningkatkan pengalaman pembuatan dan penerbitan konten. Dan berbicara tentang masalah mereka, saya yakin bahwa pengembang tidak akan meninggalkan pengguna yang tidak puas.

Semoga artikel ini membantu Anda mengenal editor Gutenberg. Jika Anda menyukai artikel ini, silakan periksa artikel kami yang lain:

Table of Contents