Instalasi dan Konfigurasi Module Display Suite

Sederhananya Dengan menggunakan module display suite memungkinkan seorang pengguna Drupal untuk membagi field dari content type tertentu untuk ditempatkan kedalam bagian/posisi tertentu saat ditampilkan di halaman website, misalkannya saja saya memiliki sebuah content type article dengan field, image, body, galeri, dan video. Saya bisa menempatkan posisi dari field field tersebut dalam posisi tertentu saat ditampilkan di web, misalnya field image di kiri, galeri di kanan, body dan video dibagian bawah, dan bukan hanya itu saja, dengan module ini juga memungkinkan kita untuk menambahkan block atau view tertentu kedalam tampilan display suite

Dalam projek membuat website cantik dengan drupal & bootstrap ini, kita akan sedikit belajar tentang tata cara atau penggunaan dari module display suite.


Instalasi dan Konfigurasi Module Display Suite

1.  Download dan instal module display suite kemudian aktifkan
   
   
   
    
2. Klik structure > content types > article > manage display 
3. Pada bagian current layout > select a layout pilihlah layout yang ingin digunakan, misalnya saja saya disini menggunakan layout Two column stacked 
4. Selanjutnya silahkan tempatkan setiap konten sesuai dengan kolom yang ada, bisa dibagian sebelah kanan, kiri, footer ataupun header, 
5. Dalam contoh ini Saya menempatkan field image, submited by, dan tags di seblah kiri, body, galeri, di footer 
6. Sedangkan trimmed merupakan konten dynamic field yang dibuat/ditambahkan dari konten  body sebagai sort description artikel 
7. Pada custom classes nanti Anda bisa tambahkan class tertentu sesuai class yang sesuai dengan yang ada pada template yang Anda gunakan, misalkannya saja karena disini kita menggunakan framework bootstrap, maka nanti kita bisa menambahkan class col-sm- col-md- dari nilai 3 sampai 12, 
8. Dalam contoh, saya menerapakan col-md-7 untuk region konten lef, col-md-5 untuk right (kanan) dan col-md-12 
9. Sebelum class diaktifkan maka terlebih dahulu perlu mendisable default class dari display layout. Pada current layout nanti  centang Disable layout css style 
10. Terakhir kklik save
    

Dalam projek selanjutnya kita akan membuat konten field yang berada dalam region footer berada didalam sebuah tabs dengan menggunakan bantuan module bootstrap field group, dan field group sehingga nanti kontenya diharapkan lebih tertata.

PLEASE SHARE

Share it Share it Tweet Share it Pin it

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple