Cara Membuat Tampilan di Drupal 8: 12 Langkah (dengan Gambar)

Daftar Isi:

Cara Membuat Tampilan di Drupal 8: 12 Langkah (dengan Gambar)
Cara Membuat Tampilan di Drupal 8: 12 Langkah (dengan Gambar)

Video: Cara Membuat Tampilan di Drupal 8: 12 Langkah (dengan Gambar)

Video: Cara Membuat Tampilan di Drupal 8: 12 Langkah (dengan Gambar)
Video: Apa fungsi centang biru? 2024, Mungkin
Anonim

Drupal adalah salah satu dari 3 Sistem Manajemen Konten (CMS) teratas di dunia, bersama dengan WordPress dan Joomla. Drupal 8 saat ini merupakan versi terbaru dari Drupal.

Views bisa dibilang modul paling kuat dari Drupal, karena memungkinkan kita untuk menampilkan setiap bagian dari 'konten' situs web dalam format apapun. Konten yang memungkinkan Views untuk kami tampilkan adalah entitas, seperti:

  • Node (konten seperti halaman dasar, artikel, atau posting blog)
  • Komentar
  • Istilah taksonomi (seperti 'label' atau 'tag' yang dapat diberikan ke konten)
  • Profil pengguna (orang yang dapat masuk ke situs web)

Jadi, untuk memahami artikel ini, Anda harus memahami entitas apa yang ada di Drupal, dan bagaimana entitas terdiri dari bidang.

Tolong dicatat:

Artikel ini tidak boleh dianggap akurat atau lengkap sampai Drupal 8 dirilis, dan artikel ini telah diperbarui.

Langkah

Buat Tampilan di Drupal 8 Langkah 1
Buat Tampilan di Drupal 8 Langkah 1

Langkah 1. Kenali tampilan di halaman web

Untuk memahami bagaimana dan di mana tampilan terbaik dapat digunakan, penting untuk dapat mengidentifikasinya di situs web hebat lainnya. Pada tangkapan layar di atas halaman beranda situs web Gedung Putih, beberapa tampilan dapat dilihat, dibatasi dengan persegi panjang merah. Tampilan datang dalam berbagai bentuk, seperti daftar judul atau cuplikan, galeri bergaya kisi, dan tayangan slide gambar atau komidi putar.

  • Untuk menemukannya menggunakan kode (seperti dengan memilih 'melihat sumber' laman web), Anda dapat mencari '
  • ' tag yang berisi kelas 'block-views'.

Bagian 1 dari 3: Membuat Tampilan

Buat Tampilan di Drupal 8 Langkah 2
Buat Tampilan di Drupal 8 Langkah 2

Langkah 1. Buka halaman Tampilan

Masuk ke situs Drupal Anda, dan pilih 'Kelola' > 'Struktur' > 'Tampilan'.

Buat Tampilan di Drupal 8 Langkah 3
Buat Tampilan di Drupal 8 Langkah 3

Langkah 2. Tambahkan tampilan baru dan pilih pengaturan awalnya

  • Klik tombol 'Tambahkan Tampilan baru.
  • Isi nama tampilan; ini hanya digunakan secara administratif (Anda akan melihatnya di halaman administrasi, tetapi tidak di situs sebenarnya).
  • Tambahkan deskripsi jika nama tampilan tidak menyiratkan dengan jelas untuk apa tampilan tersebut atau bagaimana strukturnya.
  • Di bawah 'Setelan tampilan', Anda dapat memilih jenis entitas (dan jenis konten apa jika Anda memilih entitas konten) yang Anda ingin tampilan untuk ditampilkan. Ini tidak dapat diubah setelah Anda menyimpan tampilan. Entitas yang ditampilkan disebut hasil, sama seperti hasil pencarian.

    Perhatikan bahwa apa pun yang Anda pilih atau tulis di halaman 'Tambahkan tampilan baru' ini (kecuali jenis entitas) dapat diubah kapan saja setelah Anda menyimpan tampilan ini.

Buat Tampilan di Drupal 8 Langkah 4
Buat Tampilan di Drupal 8 Langkah 4

Langkah 3. Pilih mode tampilan:

apakah tampilan ini harus menampilkan halaman, blok, atau keduanya. Jika tampilan akan menampilkan banyak informasi atau konten, itu harus memiliki halaman. Jika tidak akan menampilkan banyak konten, dan Anda ingin menempatkannya di suatu wilayah (lihat mengelola blok Drupal atau membuat tema Drupal untuk mempelajari tentang wilayah) di halaman web tertentu, lalu pilih blok. Ada mode tampilan lain yang juga dapat dipilih setelah Anda menyimpan tampilan, seperti umpan RSS.

Buat Tampilan di Drupal 8 Langkah 5
Buat Tampilan di Drupal 8 Langkah 5

Langkah 4. Pilih judul dan tata letak

Jika Anda ingin judul halaman atau blok berbeda dari nama tampilan, Anda dapat mengubahnya. Di bawah 'Pengaturan tampilan Halaman/Blokir', pilih tata letak yang Anda inginkan untuk mendapatkan hasil:

  • Kotak adalah tabel besar, di mana setiap hasil memiliki selnya sendiri
  • Daftar HTML adalah daftar poin-poin 'tidak berurutan'
  • Sebuah tabel menampilkan setiap hasil sebagai baris, dan setiap bidang dari setiap hasil dalam selnya sendiri
  • Daftar yang tidak diformat adalah tata letak yang paling sederhana, dengan setiap hasil di bawah hasil sebelumnya.
Buat Tampilan di Drupal 8 Langkah 6
Buat Tampilan di Drupal 8 Langkah 6

Langkah 5. Pilih format tampilan dan pengaturan lainnya

Kotak pilihan 'dari' memungkinkan Anda memilih format tampilan (seperti posting lengkap atau teaser) yang ingin Anda gunakan, atau bidang tertentu. Format tampilan dapat dikonfigurasi dalam pengaturan entitas (seperti pada halaman 'Struktur' > 'Jenis konten' untuk konten). Pilih opsi bidang jika Anda ingin memilih dengan tepat bidang mana yang ingin Anda tampilkan (seperti 'judul', 'tanggal pembuatan', dan banyak lainnya), dan pengaturan setiap bidang.

Bagian 2 dari 3: Mengedit Pengaturan

Buat Tampilan di Drupal 8 Langkah 7
Buat Tampilan di Drupal 8 Langkah 7

Langkah 1. Kenali layar pengeditan tampilan

Saat Anda menyimpan tampilan, atau saat Anda mengedit tampilan yang ada, Anda akan melihat layar dengan nama tampilan (dan jenis entitas yang ditampilkan) di bagian atas. Bagian atas layar ini, berjudul 'Tampilan', adalah tempat Anda dapat mengubah hampir semua hal tentang tampilan. Setengah bagian bawah adalah tempat pratinjau hasil akan ditampilkan, dan akan diperbarui saat Anda mengubah pengaturan tampilan.

Di area hasil ini, di bagian atas, area dengan teks 'Pratinjau dengan filter kontekstual: ' dan kotak teks serta tombol 'Perbarui pratinjau' hanya berguna jika Anda menambahkan filter kontekstual (dijelaskan di bawah); jika tampilan Anda tidak menggunakan ini, abaikan area ini

Buat Tampilan di Drupal 8 Langkah 8
Buat Tampilan di Drupal 8 Langkah 8

Langkah 2. Periksa pengaturan dasar

Di bawah judul 'Tampilan', Anda akan melihat tombol untuk setiap jenis tampilan yang dimiliki tampilan Anda (blok dan halaman). Jika Anda mengklik tombol 'Tambah', Anda akan melihat beberapa jenis tampilan baru. Di bawah ini, Anda akan melihat nama jenis tampilan yang dipilih; Anda harus mengganti nama tampilan jika Anda memiliki lebih dari satu dari jenis yang sama (misalnya, Anda memiliki dua blok; satu dengan tata letak kotak, yang lain dengan tata letak tabel). Di bawah ini, ada 3 kolom (walaupun kolom ketiga, 'Lanjutan', awalnya diminimalkan). Kolom pertama menunjukkan pengaturan yang Anda pilih saat membuat tampilan dan menyimpannya. Di bagian bawah adalah KRITERIA FILTER dan SORT. Filter memungkinkan Anda membatasi entitas mana yang akan ditampilkan dalam hasil. Misalnya, secara default untuk tampilan 'konten', akan ada filter yang hanya mengizinkan konten yang dipublikasikan untuk ditampilkan. Sortir kriteria cukup jelas. Filter dan pengurutan keduanya dapat 'diekspos ke pengunjung', yang berarti bahwa siapa pun yang melihat halaman akan dapat menyesuaikan filter atau kriteria pengurutan, yang sangat berharga untuk tampilan besar dengan banyak konten. Anda akan melihat 'kriteria terbuka' ini tepat di atas hasil (di area pratinjau hasil di bagian bawah halaman).

Buat Tampilan di Drupal 8 Langkah 9
Buat Tampilan di Drupal 8 Langkah 9

Langkah 3. Konfigurasikan pengaturan khusus jenis tampilan

Grup pengaturan pertama di kolom tengah khusus untuk jenis tampilan yang Anda pilih. Misalnya, untuk halaman, di sinilah URL tampilan dapat diubah. Ini juga tempat pengaturan untuk mengizinkan atau menolak pengguna tertentu melihat tampilan (seperti izin).

Buat Tampilan di Drupal 8 Langkah 10
Buat Tampilan di Drupal 8 Langkah 10

Langkah 4. Tambahkan header atau footer untuk memberikan informasi tambahan

Di bawah pengaturan khusus tipe tampilan, Anda dapat menambahkan header dan footer (atau lebih dari satu dari masing-masing) ke tampilan. Opsi yang umum digunakan adalah Global: Area teks dan Global: Ringkasan hasil. Ringkasan hasil menampilkan informasi tentang hasil tampilan, seperti berapa banyak hasil yang saat ini ditampilkan. Opsi lainnya adalah menambahkan seluruh tampilan lain, atau seluruh entitas (seperti halaman), ke dalam header atau footer.

Buat Tampilan di Drupal 8 Langkah 11
Buat Tampilan di Drupal 8 Langkah 11

Langkah 5. Berikan perilaku tanpa hasil untuk meyakinkan pemirsa

Saat tampilan tidak dikonfigurasi dengan benar, atau saat tidak ada entitas yang diharapkan untuk ditampilkan, tidak akan ada hasil apa pun. Sangat membantu bagi pengunjung dan Anda (pengelola) untuk mengetahui kapan hal ini terjadi, untuk mengetahui tampilan yang ada, tetapi tidak berfungsi seperti yang diharapkan (atau ada konten yang hilang). Menambahkan perilaku tanpa hasil hampir sama persis dengan menambahkan header atau footer, kecuali bahwa itu muncul di tempat hasil akan ditampilkan.

Bagian 3 dari 3: Menambahkan Hubungan & Filter Kontekstual

Langkah 1. Tambahkan hubungan untuk menampilkan atau menggunakan data terkait tambahan

Hubungan memungkinkan kita membuat tautan antar entitas, yang memberi kita lebih banyak bidang untuk digunakan dalam tampilan. Lebih khusus lagi, hubungan menyediakan akses ke data dari entitas yang terkait dengan entitas yang ditampilkan; data ini kemudian dapat ditampilkan, atau digunakan dengan cara lain seperti dalam filter.

Misalnya, jika tampilan Anda menampilkan artikel (karena Anda memiliki filter untuk konten: artikel), maka Anda dapat menambahkan hubungan antara artikel dan penulis artikel. Ini akan memungkinkan Anda untuk menggunakan informasi penulis dalam tampilan; misalnya, Anda dapat menampilkan nama depan dan belakang penulis setiap artikel yang ditampilkan. Atau, Anda dapat menggunakan hubungan dalam filter; misalnya, Anda dapat memilih untuk hanya menampilkan artikel yang dibuat oleh penulis yang memiliki peran tertentu, seperti administrator. Kami akan menggunakan contoh ini.

Untuk melakukannya, klik tombol 'Tambah' di sebelah 'HUBUNGAN', dan pilih 'Konten: Penulis konten' dari daftar hubungan yang tersedia (petunjuk: Anda dapat menggunakan kotak pencarian jika Anda tahu hubungan mana yang ingin Anda tambahkan), dan klik tombol Terapkan. Selanjutnya, Anda dapat memeriksa opsi, lalu 'Terapkan' hubungan.

Untuk menggunakan hubungan ini dalam filter biasa, klik tombol FILTER 'Tambah'. Di kotak dialog 'Tambahkan kriteria filter', di kotak pilihan 'Jenis', sekarang akan ada opsi 'Pengguna' baru (diletakkan di sana karena hubungan), yang harus Anda pilih untuk mempersempit daftar bidang. Temukan dan terapkan bidang 'Pengguna: peran'. Di kotak dialog 'Konfigurasikan kriteria filter: Pengguna: Peran', pilih 'penulis' dari kotak hubungan (harus dipilih secara default). Sekarang Anda dapat memilih 'administrator' dan menerapkan filter.

Anda baru saja memfilter artikel yang akan ditampilkan untuk hanya menampilkan artikel yang diadministrasikan oleh penulis! Yang sangat penting untuk diperhatikan adalah Anda harus memilih untuk 'menggunakan hubungan' di layar filter, yang membuat filter melihat penulis artikel (itulah arti hubungan)!

Direkomendasikan: