Membuat Layout Media Object Di Drupal

Membuat Layout Media Object di Drupal ini ialah bab dari artikel wacana Teknik Membuat Website Cantik Menggunakan Drupal & Bootstrap. Layout Media Object ini bergotong-royong bab dari module Views Bootstrap, sehingga nanti Anda perlu menginstal module tersebut

Layout Media Object ini biasanya untuk di bootstrap gambarnya berukuran kecil yaitu 64px x 64px. Nanti Anda dapat terlebih lampau membuat image style gres yang di khususkan untuk layout atau tampilan media object.

Berikut yaitu Membuat Layout Media Object di Drupal

Dalam projek ini kita akan membuat page atau tampilan untuk media object, serta nanti juga akan dimenambahkan block  untuk media object. Untuk tata cara membuat view/tampilan media object ini sama halnya menyerupai membuat Membuat Artikel Tampilan Thumbnails Menggunakan Module Views Bootstrap

 
A. Membuat View Media Object 

1. Klik Structure > Views > Add New View. Kemudian nanti buat pengaturan menyerupai pada gambar dibawah ini 
   
2. Bila sudah final klik Continue And Edit 
3. Selanjutnya pada pengaturan view media object buatlah pengaturan menyerupai yang terlihat pada gambar dibawah ini 
   
4. Pada bab fields pastikan bahwa setiap konten, title, body, dan image sudah dimenambahkan. Bila belum dimenambahkan klik Add
5. Untuk konten body nanti pada Rewrite Result > Replacement Pattern centang Trim this field to a maximum length untuk menampilkan berapa jumlah paragraf yang ditampilkan, masukan angka 200 atau terserah Anda sesuai keinginan, berapa jumlah paragraf yang ingin ditampilkan 
6. Centang juga pilihan Strip HTML tags dan Remove whitespace 
7. Untuk Create label, baik untuk fields title, body, dan image dihilangkan saja 
8. Selanjutnya nanti untuk konfigurasi field imagenya kurang lebih menyerupai dibawah ini, pastikan bahwa Anda sudah membuat image style untuk jenis media Object 
   
9. Bila konfigurasi untuk fields – fieldnya sudah dibuat, maka Anda tinggal melaksanakan setting pada bab FORMAT. Klik setting pada bab Bootstrap Media Object dan buatlah pengaturan menyerupai diberikut 
10. Klik Save, kalau berhasil nanti page media object akan terlihat menyerupai pada gambar dibawah ini
    
    
    

B. Membuat Block Media Object
 

Selanjutnya masih pada pengaturan atau halaman View buatlah sebuah view untuk block

1. Klik Add > Block. Nanti Buatlah pengaturan menyerupai diberikut 
   
2. Secara default dikala block dimenambahkan, maka nanti ia akan menggandakan view sebelumnya, sehingga yang perlu Anda lakukan disini Nantinya spesialuntuk mengatur nama – namanya saja, menyerupai untuk Display name, TITLE, dan PAGER. Saat Anda melkukan pengaturan atau perubahan data menyerupai diatas untuk konten Display name, TITLE, dan PAGER, pastikan diatur spesialuntuk untuk block itu saja, atau nanti pilihnya ke This block (override), sehingga nanti pengaturan atau view spesialuntuk diberlakukan untuk view itu saja, dan tidak akan mempengauhi ke pengaturan media object 
   
3. Supaya nanti untuk konten body dari block media object paragarfnya tidak terlalu panjang, Anda dapat melaksanakan pengaturan pada rewrite result 
4. Terkahir Simpan seluruh konfigurasi yang dibuat
   

C. Menempatkan Block Media Object

 
Karena ini berupa block bukan page/view menyerupai page media object, maka view untuk block media object perlu ditempatkan pada block yang sudah tersedia.

1. Klik Structure > Block, 
2. Lalu cari block yang sudah dibentuk pada View sebelumnya dan tempatkan block sesuai cita-cita Anda 
3. Dalam pola pengaturan dibawah ini, Saya menempatkan block media object pada bab Primary
   
   
   
4. Bila berhasil nanti block akan terlihat menyerupai pada gambar dibawah ini
   
   
   

Sampai disini Proses pembuatan halaman/page dan block media object sudah selesai, metode penambahan view lainnya, menyerupai thumbnail grid, ataupun dalam bentuk table bootstrap juga sama, yang terpenting sudah mengerti wacana metode penambahan view di Drupal

Video Membuat Layout Media Object di Drupal

Share :