{"id":33472,"date":"2020-07-13T23:54:50","date_gmt":"2020-07-13T23:54:50","guid":{"rendered":"https:\/\/blogging-techies.com\/id\/panduan-editor-visual-wordpress-gutenberg-my-with-pictures\/"},"modified":"2020-07-13T23:54:50","modified_gmt":"2020-07-13T23:54:50","slug":"panduan-editor-visual-wordpress-gutenberg-my-with-pictures","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/id\/panduan-editor-visual-wordpress-gutenberg-my-with-pictures\/","title":{"rendered":"Panduan Editor Visual WordPress Gutenberg MY [WITH PICTURES]"},"content":{"rendered":"

<\/span>Pernahkah Anda mendengar tentang Gutenberg, editor visual baru untuk WordPress, yang menggantikan editor HTML konvensional?<\/strong><\/span><\/h3>\n

<\/span>Kalau tidak, itu akan segera, karena ketika WordPress versi 5.0 dirilis Gutenberg akan menggantikan editor saat ini.<\/strong><\/span><\/h3>\n

Gutenberg lebih dari sekedar pembaruan desain estetika.<\/p>\n

Saat ini, Anda dapat fokus pada pembuatan konten, tetapi tujuan utama Gutenberg adalah menawarkan kustomisasi halaman penuh dan bersaing dengan pembuat halaman yang hebat.<\/p>\n

Akhirnya, Anda akan dapat membangun seluruh situs dengan Gutenberg.<\/p>\n

\"Panduan<\/p>\n

<\/span>Apakah Gutenberg baik-baik saja dengan Anda?<\/span><\/h3>\n

Ini benar-benar saat yang menyenangkan untuk menjadi blogger WordPress. <\/p>\n

Dalam artikel ini, Anda akan menemukan panduan Gutenberg yang sangat sederhana yang akan memberikan dasar-dasar untuk memulai dan menunjukkan kepada Anda apa yang baik dan apa yang buruk di editor baru.<\/p>\n

Jika Anda tidak sabar menunggu Gutenberg untuk crash test drive, Anda dapat mengunduhnya sekarang.<\/p>\n

<\/span>Cara mengunduh Gutenberg<\/span><\/h3>\n

Pergi ke dashboard WordPress dan kemudian ke<\/p>\n

    \n
  1. aksesoris<\/li>\n
  2. Pilih “Tambah baru” <\/li>\n
  3. Temukan Editor Visual Gutenberg<\/li>\n
  4. Pilih “Unduh” dan aktifkan plugin.<\/li>\n<\/ol>\n

    <\/span>Sekarang Anda memiliki Gutenberg<\/span><\/h3>\n

    Jadi mari kita siapkan sebuah artikel dari Panduan Gutenberg dan tunjukkan apa yang dapat dan tidak bisa Anda lakukan dengan Gutenberg dan berharap untuk memperkenalkan beberapa tips dan trik di sepanjang jalan<\/p>\n

    <\/span>Panduan Memulai Gutenberg Anda – Blok Pendahuluan<\/span><\/h2>\n

    Gutenberg memiliki kesan membuat halaman ketika itu adalah langkah pertama dalam membuat konten.<\/p>\n

    Setiap item yang ditambahkan ke halaman atau posting sekarang dikenal sebagai “Blokir”<\/p>\n

    Blok Gutenberg memungkinkan Anda membuat tata letak yang lebih kompleks daripada yang diizinkan di lingkungan editor WordPress hari ini<\/p>\n

    Anda dapat memiliki blok untuk:<\/p>\n

  5. Teks<\/li>\n
  6. Cat<\/li>\n
  7. Video<\/li>\n
  8. Widget (ya, Anda dapat menambahkan widget bilah sisi yang sama ke halaman dan pos)<\/li>\n
  9. Tabel<\/li>\n
  10. Dll<\/li>\n
  11. <\/li>\n

    Ini yang Anda lihat saat memulai posting atau halaman baru. <\/p>\n

    Editor visual \/ HTML yang kita kenal sekarang memiliki tampilan yang sangat minimalis.<\/p>\n

    \"Panduan<\/p>\n

    <\/span>Jadi, mari kita mulai dengan panduan Gutenberg sederhana saya<\/span><\/h3>\n

    Saya membuat panduan lengkap ini yang Anda baca dengan Gutenberg dan seperti yang disebutkan di atas saya menggunakan lingkungan pengeditan baru untuk pertama kalinya. <\/p>\n

    Maka Anda akan segera menemukan dengan saya apa yang saya sukai tentang blok Gutenberg dan apa yang saya benci. Saya juga akan memberi Anda tips dan trik yang akan Anda temukan di sepanjang jalan. Ingatlah untuk mengikuti mereka.<\/p>\n

    Saya juga akan memperbarui posting ini ke bookmark atau terhubung dengan kami sehingga Anda dapat dengan mudah menemukan jalan kembali.<\/p>\n

    <\/span>Ayo mulai<\/span><\/h3>\n

    Jadi ketika layar judul di atas muncul, tambahkan judul posting Anda, <\/p>\n

    Saya bermaksud menggunakan judul sementara “Gutenberg Beginner’s Guide”<\/p>\n

    Kemudian tambahkan pengantar awal Anda ke artikel di blok teks, seperti yang ditunjukkan pada gambar di bawah ini.<\/p>\n

    \"Panduan<\/p>\n

    <\/span>Tambahkan foto ke Gutenberg<\/span><\/h2>\n

    Setelah menulis pengantar, saya ingin menambahkan gambar ke tampilan, dalam hal ini screenshot yang ditunjukkan di atas.<\/p>\n

    Ada tiga metode untuk menambahkan gambar.<\/p>\n

      \n
    1. Anda dapat menambahkan gambar menggunakan bilah alat yang dapat diakses dengan mengklik tombol plus + dan memilih blok gambar.<\/li>\n
    2. Anda juga dapat menambahkan gambar menggunakan tombol pintas di bawah kotak teks.<\/li>\n
    3. Dan tentu saja Anda dapat menambahkan kode sumber. Ubah editor blok menjadi kode.<\/li>\n<\/ol>\n

      \"Panduan<\/p>\n

      Setelah menambahkan gambar, Anda dapat mengkliknya untuk menampilkan opsi perataan.<\/p>\n

      Anda dapat menyelaraskan ke kiri, memindahkan gambar ke kanan atau ke kanan.<\/p>\n

      Ada juga opsi untuk mengedit gambar menggunakan perpustakaan multimedia dan mulai saat ini masalah dengan Gutenberg dimulai.<\/p>\n

      Saya mengerti bahwa ketika Anda mengedit gambar menggunakan perpustakaan media, Anda mengedit gambar seperti yang muncul di halaman terlampir atau, dengan kata lain, di mana itu disimpan. (Koreksi saya jika saya salah)<\/p>\n

      Halaman lampiran adalah halaman konten yang sangat tipis, pada dasarnya hanya gambar dan tidak ada yang lain, dan karena SEO, halaman lampiran sangat buruk untuk SEO ketika Google memperhatikannya. <\/p>\n

      SEO Yoast telah memiliki masalah baru-baru ini file-file terlampir<\/strong> Untuk beberapa pengguna, ini ternyata menjadi masalah SEO utama.<\/p>\n

      Saat mengerjakan proses pembuatan artikel dengan Gutenberg, saya masih tidak dapat menemukan cara untuk menambahkan teks alt atau atribut judul gambar, kecuali kembali ke kode sumber untuk menambahkan HTML yang diperlukan atau kembali ke editor klasik. <\/p>\n

      Teman-teman kami di WPBeginner menjelaskan perbedaan antara teks Alt pada gambar dan judul gambar, sebuah artikel hebat berjudul:<\/p>\n

      Menambahkan deskripsi dan tag alt adalah fungsi pengeditan gambar yang tersedia setelah mengklik tombol di editor visual asli.<\/p>\n

      Ini bukan berita baik untuk optimasi gambar SEO.<\/p>\n

      Juga tidak ada cara mudah untuk melampirkan tautan ke suatu gambar sehingga Anda dapat mengkliknya. <\/p>\n

      Misalnya, jika Anda ingin menambahkan spanduk, Anda perlu menambahkannya sebagai blok gambar, seperti yang ditunjukkan di atas, lalu kembali ke kode sumber dan tambahkan URL sebagai HTML.<\/p>\n

      <\/span>Tambahkan kutipan dan tautan<\/span><\/h2>\n

      Seperti yang Anda lihat di atas, saya terhubung ke sumber daya (WPBeginner) pada kutipan blok.<\/p>\n

      Blok kutipan sangat bagus untuk memecah blok teks besar yang membuat artikel lebih mudah dibaca. <\/p>\n

      Mereka adalah elemen visual yang hebat dari artikel.<\/p>\n

      <\/span>Beginilah cara saya melakukannya:<\/span><\/h3>\n
        \n
      1. Klik tombol + untuk membuka area kunci.<\/li>\n
      2. Pilih blok anggaran<\/li>\n
      3. Tambahkan teks kutipan<\/li>\n
      4. Tambahkan tautan, jika perlu<\/li>\n<\/ol>\n

        \"Tambahkan<\/p>\n

        Anda akan melihat, jika Anda seorang pengamat, bahwa contoh di atas tangkapan layar kutipan blok berbeda dari kutipan aktual yang ditunjukkan dalam posting ini.<\/p>\n

        Kutipan terakhir berisi teks jangkar dengan judul h3 terlampir untuk alasan SEO.<\/p>\n

        Untuk menambahkan tag h3, Anda harus kembali ke kode sumber mentah dan menerapkan tag h3 ke teks jangkar di kutipan blok.<\/p>\n

        Seperti yang dapat Anda lihat pada tangkapan layar di atas, ada tombol pintas H (header), tetapi mengkliknya membuka blok baru untuk menerapkan header juga. <\/p>\n

        Judul saat ini tidak dapat diterapkan pada blok anggaran.<\/p>\n

        Jika Anda membuat blog teks, Anda tidak akan dapat menambahkan judul di tengah-tengah blok teks, Anda harus membuat blok teks baru untuk menambahkan judul di awal blok baru dan terus menulis artikel.<\/p>\n

        Semua tautan yang ditambahkan secara default adalah tautan final, dan saat ini tidak ada cara untuk menghentikannya tanpa menambahkan atribut “jangan ikuti” sebagai kode Anda. <\/p>\n

        Anda memiliki opsi untuk membuka tautan di jendela baru dengan menambahkan tautan.<\/p>\n

        <\/span>Tambahkan blok konten tertanam ke Gutenberg<\/span><\/h3>\n

        Untuk menambahkan konten yang disematkan ke posting Anda, klik di area kunci dan gulir ke bawah ke Embed. Maka Anda akan melihat layar kunci di bawah ini<\/p>\n

        \"Panduan<\/p>\n

        Klik jenis sisipan yang ingin Anda gunakan. Bidang tautan disediakan untuk menambahkan kode.<\/p>\n

        Saya memilih YouTube karena terutama apa yang akan Anda gunakan saat membuat konten untuk mendemonstrasikan proses penambahan video.<\/p>\n

        \"Tambahkan<\/p>\n

        Cukup tambahkan URL ke video YouTube Anda dan Anda akan memiliki fungsionalitas video dalam posting Anda.<\/p>\n

        <\/span>Apa yang kita pikirkan tentang WordPress Gutenberg?<\/span><\/h2>\n

        Yah Gutenberg akan menakuti beberapa blogger dari hari ke hari. Tetapi semakin saya menggunakan blok sistem, semakin saya menyukainya.<\/p>\n

        Baru-baru ini saya menggunakan situs web manajemen konten Wakelet untuk membuat artikel blog yang sangat sederhana untuk mendukung situs web Infobunny saya, dan ketika saya menggunakan Wakelet, Anda akan melihat bahwa adalah mungkin untuk membuat blog dengan cara yang sangat mirip seperti yang dibuat dengan blok Gutenberg.<\/p>\n

        DI Wakelet <\/strong>Anda dapat menambahkan tautan teks, video, dan otoritas untuk mengklasifikasikan konten, gambar, dan bahkan file PDF Anda.<\/p>\n

        Cukup tambahkan semuanya sebagai posting individu ke Wakelet dan jika perlu ubah urutan untuk membuat artikel akhir dan pada dasarnya Guttenberg Lock berfungsi.<\/p>\n

        Berikut adalah contoh dari salah satu blog Wakelet saya: Seberapa penting pengikut jaringan sosial?<\/strong><\/p>\n

        Jika Anda terbiasa menggunakan alat pembuatan halaman<\/strong> Saat membuat posting dan halaman, Anda tidak akan kesulitan menggunakan Gutenberg. <\/p>\n

        Gutenberg tidak benar-benar menjadi alat pembuat halaman, karena tidak bisa hanya dengan menarik dan melepas blok bersama dengan fitur lain yang hilang yang disediakan oleh pengembang halaman profesional.<\/p>\n

        \"Gutenberg<\/p>\n

        Sejujurnya, saya lebih suka editor HTML lama, tapi itu karena saya sudah terbiasa.<\/p>\n

        Kami berharap memiliki opsi untuk mengklik antara Gutenberg dan editor HTML WYSIWYG saat ini, dan akses ke kedua sistem akan memberikan webmaster yang terbaik dari kedua dunia.<\/p>\n

        Dengan membaca tentang Gutenberg, saya mengerti bahwa editor tradisional akan tersedia sebagai tambahan.<\/p>\n

        <\/span>Panduan Gutenberg ini dibuat untuk memberi saya gambaran tentang bagaimana Gutenberg bekerja.<\/span><\/h3>\n

        Saya ingin siap untuk peluncuran sistem baru yang tidak terhindarkan yang gagal ketika WordPress mencapai angka 5,0.<\/p>\n

        Anda sedang mempelajari sistem baru hanya dengan melompat terlebih dahulu.<\/p>\n

        Gutenberg dirancang untuk mempermudah pembuatan konten. <\/p>\n

        Dan saya yakin itu bagi mereka yang membuat konten sederhana. Tetapi bagi mereka yang ingin melakukan lebih banyak, akan ada kurva belajar yang lebih panjang dan pasti akan ada beberapa solusi untuk mereka yang mencintai SEO mereka.<\/p>\n

        Optimasi gambar SEO saat ini menjadi masalah. <\/p>\n

        Kami berharap bahwa ketika Gutenberg memulai proses optimasi gambar, itu akan jauh lebih mudah.<\/p>\n

        Dan jika tim pengembangan Gutenberg tidak memberikan solusi yang lebih baik, saya yakin pemrogram eksternal tidak akan siap untuk menawarkan solusi blok yang sangat keren.<\/p>\n

        Saya punya pertanyaan besar: \u201cApakah halaman dan publikasi Gutenberg kompatibel? AMP: situs seluler yang dipercepat<\/strong>?<\/p>\n

        Atau fungsionalitas yang lebih rumit akan ditambahkan demi kecepatan.<\/p>\n

        <\/span>Ini semua untuk saat ini.<\/span><\/h3>\n

        <\/span>Saya harap panduan Gutenberg sederhana saya telah membantu dan memiliki beberapa tips di sepanjang jalan.<\/span><\/h3>\n

        <\/span>Apakah Anda siap untuk Gutengerg?<\/span><\/h3>\n

        <\/span>Apakah Anda memiliki kiat Gutenberg yang ingin Anda tambahkan ke pos ini atau menawarkan solusi untuk masalah yang dijelaskan?<\/span><\/h3>\n

        <\/span>Beri tahu saya di bagian komentar di bawah ini.<\/span><\/h3>\n

        <\/span>Berlangganan komentar untuk menerima notifikasi<\/span><\/h3>\n

        <\/span>kesehatanmu<\/span><\/h3>\n

        <\/span>POS TERKAIT<\/span><\/h4>\n
        \n
        \n

        Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n