Meningkatkan Pengalaman Pembuat Tata Letak Drupal

Diterbitkan: 2021-03-16

Ketika Layout Builder diperkenalkan di Drupal 8.6 dan distabilkan di Drupal 8.7, itu menciptakan penyimpangan dalam mekanisme pembuatan halaman yang digunakan di ruang ramah lingkungan Drupal. Pembuat tata letak memberikan persaingan ketat dengan alat lain seperti Paragraf, Bata, Panel, dan Display Suite. Kemampuan uniknya untuk menarik dan melepas komponen dan mempratinjaunya secara waktu nyata adalah konsesi nyata untuk alat pembuat halaman dan untuk penulis.

Namun, meskipun merupakan alat yang luar biasa untuk membuat halaman, alat ini memiliki kekurangan ketika digunakan untuk aplikasi perusahaan yang memerlukan kemampuan penulisan yang lebih baik, pilihan terbatas, akses cepat, dan yang lebih penting, izin terperinci untuk peran pengguna yang berbeda.

Dalam artikel ini, saya akan membahas 10 modul kontribusi Drupal yang dapat digunakan bersama dengan modul Layout Builder yang brilian yang akan membuat alat ini lebih menarik dan berwibawa. Untuk menambah kehebatan ini, semua modul ini juga kompatibel dengan Drupal 9!

Pembuat Tata Letak Drupal

Modul dibagi ke dalam kategori tertentu:

  • Styling - Kemampuan untuk memberikan akses ke editor untuk memilih dari perpustakaan gaya yang dapat diterapkan ke bagian dan blok.
  • Pengalaman penulisan - Tingkatkan pengalaman penulisan editor yang akan mereka sukai.
  • Dapat digunakan kembali - Ketentuan untuk menggunakan kembali komponen atau bagian pada halaman yang berbeda untuk mengurangi waktu pembuatan halaman.
  • Akses Cepat - Menyediakan akses cepat ke editor untuk melakukan tindakan tertentu sehingga menghemat waktu.
  • Izin - Berikan akses terbatas ke editor atau peran pengguna lain berdasarkan akses mereka.

Gaya Pembuat Tata Letak

Layout Builder Styles adalah modul Drupal yang kuat yang memungkinkan Anda menambahkan gaya ke blok dan bagian langsung dari UI. Ini dapat digunakan untuk memberi penulis kemampuan untuk memilih dari daftar gaya prasetel yang ditentukan di backend.

Padding Besar

"Gaya" hanyalah representasi dari satu atau lebih kelas CSS yang akan diterapkan. Selain itu, untuk blok, saran templat blok ditambahkan untuk gaya yang dipilih.

Gaya pada dasarnya adalah entitas konfigurasi yang berisi kelas CSS. Kelas yang ditambahkan dalam konfigurasi harus didefinisikan di lembar gaya tema frontend agar dapat direfleksikan di frontend saat diterapkan ke bagian atau blok tertentu. Ada ketentuan yang tersedia untuk memiliki beberapa gaya yang dapat diterapkan ke satu blok atau bagian.

Karena gaya disimpan sebagai konfigurasi, gaya dapat dengan mudah diekspor ke file konfigurasi menggunakan manajemen konfigurasi Drupal.

Namun, Anda harus bertanggung jawab saat menambahkan gaya karena Anda memberikan kemampuan yang kuat kepada penulis untuk mengubah gaya komponen yang ditempatkan di halaman. Jika tidak direncanakan dengan benar, hal-hal mungkin berjalan ke selatan dengan gaya yang saling bertentangan.

Atribut Komponen Pembuat Tata Letak

Modul Layout Builder Component Attributes menyediakan ketentuan serupa untuk penulis tetapi dengan lebih banyak opsi dan hanya untuk blok yang ditempatkan di Layout.

Tambahkan Atribut

Seringkali, penulis perlu menambahkan atribut data tertentu atau Kelas/ID CSS tertentu ke blok untuk merender data dengan cara tertentu. Ada modul yang tersedia untuk kasus seperti atribut Blok dan kelas Blok tetapi mereka tidak memiliki dukungan Layout Builder atau perlu ditambal agar berfungsi. Modul Layout Builder Component Attributes memberikan opsi untuk menambahkan detail ini sebagai atribut ke blok langsung di UI Layout Builder di luar kotak.

Modul menyediakan ID opsi, Kelas, Gaya [gaya sebaris ke blok], atribut Data-*. Atribut ini dapat ditambahkan ke 1) elemen blok (luar), 2) judul blok, dan 3) elemen konten blok (dalam). Opsi dapat dikonfigurasi untuk setiap jenis elemen yaitu jika Anda tidak ingin bidang ID tersedia untuk judul blok, itu dapat tidak dicentang di formulir konfigurasi modul di

“/ admin/config/content/layout-builder-component-attributes”

Modal Pembuat Tata Letak

Modul Layout Builder Modal Drupal memodernisasi UI dan pengalaman penulisan untuk formulir konfigurasi blok atau formulir pembuatan (dalam kasus blok inline). Formulir yang ditampilkan di bilah samping dialog di luar kanvas bisa menjadi sangat rumit karena sangat sempit. Terutama jika Anda berurusan dengan bidang kompleks, bidang teks kaya, referensi media, dll. Dialog di luar kanvas sangat mengurangi kegunaan dan tidak ideal untuk situasi seperti itu.

Tambahkan Blok

Modul membuka formulir di jendela sembulan di mana terdapat banyak ruang bernapas dan peningkatan kegunaan. Ada konfigurasi yang tersedia di mana Anda dapat mengatur lebar dan tinggi jendela popup modal. Anda juga dapat memilih tema mana yang akan digunakan untuk konten modal di mana Anda dapat memilih tema default yang diaktifkan (Olivero dalam hal tangkapan layar di atas) dan tema administrasi Tujuh lama yang bagus. Saat ini, Claro tidak didukung tetapi ada pekerjaan yang sedang berlangsung di depan ini untuk membuat Claro tersedia sebagai alternatif.

Secara keseluruhan, modul ini sangat meningkatkan pengalaman penulisan untuk editor dan kegunaan Layout Builder.

Perpustakaan Pembuat Tata Letak

Mari kita pertimbangkan situasi di mana editor perlu dengan cepat menyiapkan halaman di mana mereka perlu menampilkan komponen blok konten tertentu berdasarkan kriteria tertentu misalnya, pemilihan istilah taksonomi tertentu. Sekarang, ini dapat dilakukan dengan cara yang sulit sehingga editor membuat halaman arahan dan kemudian membuat tata letak yang sama lagi dan lagi untuk beberapa halaman dengan konten yang sama tetapi kondisi yang berbeda. Atau, gunakan modul pustaka Layout Builder.

Modul Perpustakaan

Modul pustaka pembuat tata letak memberi administrator situs kemampuan untuk membuat tata letak yang telah ditentukan sebelumnya untuk setiap tipe entitas dan kombinasi bundel. Sekarang, tata letak ini akan tersedia untuk editor situs saat membuat konten halaman Landing. Ini akan membuat tugas lebih mudah dan lebih cepat di mana editor tidak perlu mengulang tugas yang sama berulang kali. Modul ini juga menyediakan izin terperinci untuk membatasi editor membuat tata letak pesanan mereka sendiri, tetapi memberi mereka kemampuan untuk menyesuaikan tata letak berdasarkan per-konten-item.

Perpustakaan Bagian

Mirip dengan situasi yang disebutkan di atas di mana editor mungkin perlu memilih dari tata letak yang ada dari perpustakaan, mungkin ada keadaan di mana editor harus menggunakan kembali bagian tertentu dari Layout Builder di beberapa halaman. Di sinilah Perpustakaan Bagian berperan. Dengan modul, editor dapat membuat tata letak mini mereka sendiri yang dapat digunakan kembali di halaman lain. Hal ini memungkinkan mereka untuk membuat halaman lebih cepat tanpa mengulangi melakukan hal yang sama.

Perpustakaan Template

Perbedaan utama antara modul ini dan modul Layout Builder Library adalah bahwa yang terakhir membangun template satu halaman penuh dan berbasis konfigurasi. Pustaka Bagian berbasis konten sehingga editor konten dapat membuat templat dengan cepat tanpa konfigurasi impor/ekspor, juga membangun templat untuk bagian atau beberapa templat bagian (halaman) gabungan.

Tidak ada tumpang tindih antara dua modul, dan Anda dapat menggunakan keduanya secara bersamaan.

Layout Builder Tambahkan Langsung

Salah satu fitur utama dari Layout Builder adalah kemampuan untuk menambahkan blok sebaris yang merupakan salah satu blok yang tidak dapat digunakan kembali khusus untuk sebuah halaman. Sekarang jika halaman di sistem Anda sebagian besar bergantung pada blok inline ini sebagai komponen, Layout Builder Direct Add dapat menghemat waktu editor dengan menghemat beberapa klik.

Konfigurasi Bagian

Modul sederhana menggantikan tombol "Tambah Blok" dengan tombol tarik-turun cepat ke jenis blok yang tersedia di sistem dengan opsi "Lainnya" yang membuka bilah samping dialog di luar kanvas. Ketika editor memilih salah satu jenis blok dari daftar, itu langsung membuka formulir blok untuk membuat komponen itu.

Tautan Operasi Pembuat Tata Letak

Modul kecil ini adalah fitur yang bagus untuk sebuah situs. Untuk mengakses Layout Builder UI untuk entitas, editor perlu mengunjungi halaman dan kemudian klik pada tab Layout di taskbar. Tautan Operasi Pembuat Tata Letak menambahkan opsi Tata Letak tombol tarik-turun ke konten di halaman ikhtisar konten.

Tampilkan Kolom

Opsi tata letak akan muncul untuk semua bundel tipe entitas tempat Pembuat Tata Letak diaktifkan. Tautan ini menghemat klik/halaman yang dimuat oleh editor konten saat mereka ingin mengakses halaman tata letak entitas secara langsung tanpa memuat halaman editnya terlebih dahulu.

Batasan Pembuat Tata Letak

Di luar kotak, Layout Builder akan mencantumkan semua blok yang tersedia di sistem yang disediakan oleh berbagai plugin dan modul, bidang tersedia sebagai blok dan ada opsi blok inline untuk membuat blok satu kali. Selain itu semua tata letak yang disediakan oleh modul lain dan tema juga mencantumkan saat bagian ditempatkan. Ini bisa sedikit membingungkan dan membebani editor dan menimbulkan masalah kegunaan karena jumlah blok dapat dengan cepat bertambah dalam aplikasi perusahaan.

Pembatasan Default

Pembatasan Pembuat Tata Letak memecahkan masalah ini dengan menyediakan tata letak yang dapat dikonfigurasi dengan opsi yang diperlukan. Opsi ini akan ada setiap kali Layout Builder diaktifkan untuk tampilan entitas apa pun. UI modul yang dapat dikonfigurasi untuk blok dan tata letak daftar yang diizinkan/penolakan. Situs dapat mengizinkan semua opsi dari penyedia tertentu, atau membatasi semua opsi menurut penyedia, atau menentukan blok & tata letak individual yang diizinkan. Administrator situs dapat mengizinkan/menolak blok yang berguna bagi editor untuk membuat halaman dan hanya blok dan tata letak yang akan tersedia untuk dipilih oleh editor.

Izin Lanjutan Pembuat Tata Letak

Meskipun Drupal menyediakan sistem izin yang kuat untuk peran pengguna, ada kemungkinan izin yang lebih terperinci berdasarkan peran. Situasi mungkin muncul ketika ada beberapa peran pengguna yang berinteraksi dengan sistem dan halaman.

Izin Lanjutan

Modul Izin Tingkat Lanjut Pembuat Tata Letak memberikan kemampuan itu kepada administrator situs untuk memberikan izin terbatas untuk digunakan berdasarkan peran mereka. Izin ini bersifat global yang diterapkan di semua tipe entitas tempat Layout Builder diaktifkan. Untuk melangkah lebih jauh dan membatasi akses pada tingkat yang lebih kasar, Layout builder lock akan berguna yang akan dibahas di bagian selanjutnya.

Kunci Pembuat Tata Letak

Seperti disebutkan di atas, Layout Builder Lock akan memberikan akses yang lebih kasar bagi pengguna. Ini memungkinkan administrator untuk mengunci bagian dari tata letak default sehingga pengguna tidak dapat melakukan tindakan tertentu saat mengganti tata letak untuk entitas individual.

Label Administrasi

Pengaturan kunci ini akan tersedia saat modul dipasang dan akan tersedia untuk semua bagian. Ada izin global yang tersedia untuk mengelola akses fitur kunci. Ini adalah fitur editorial lanjutan yang harus ditambahkan dan digunakan dengan sangat bertanggung jawab. Mengunci bagian, atau komponen apa pun di dalam bagian berarti bahwa bagian tersebut akan memiliki akses yang sangat terbatas untuk dapat diubah.

rekap cepat

  1. Gaya Pembuat Tata Letak - memungkinkan pembuat situs memilih dari daftar gaya untuk diterapkan ke blok pembuat tata letak dan bagian pembuat tata letak.
  2. Layout Builder Component Attributes - memungkinkan editor untuk menambahkan atribut HTML ke komponen (blok) Layout Builder.
  3. Layout Builder Modal - memungkinkan Anda menambahkan dan mengonfigurasi blok yang ada dalam modal di Layout Builder UI.
  4. Pustaka pembuat tata letak - menyediakan pustaka tata letak yang memungkinkan editor konten memilih dari daftar tata letak yang telah ditentukan sebelumnya.
  5. Pustaka Bagian - buat templat yang dapat digunakan kembali untuk satu atau beberapa bagian.
  6. Layout Builder Direct Add - mengganti tautan "Tambahkan blok" dengan tombol tarik yang mencantumkan jenis blok khusus.
  7. Tautan Operasi Pembuat Tata Letak - menambahkan tautan operasi 'Tata Letak' ke konten yang mendukung Pembuat Tata Letak di halaman administratif Drupal.
  8. Batasan Pembuat Tata Letak - atur blok mana dan tata letak mana yang harus tersedia untuk penempatan di Pembuat Tata Letak.
  9. Izin Tingkat Lanjut Pembuat Tata Letak - memungkinkan untuk mengontrol akses detail ke halaman pembuat Tata Letak dengan memberikan kumpulan izin yang lebih terperinci.
  10. Layout Builder Lock - memungkinkan administrator mengunci bagian dari tata letak default sehingga pengguna tidak dapat melakukan tindakan tertentu saat mengganti tata letak untuk entitas individual.