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
-
Download dan instal module display suite kemudian aktifkan
- Klik structure > content types > article > manage display
- Pada bagian current layout > select a layout pilihlah layout yang ingin digunakan, misalnya saja saya disini menggunakan layout Two column stacked
- Selanjutnya silahkan tempatkan setiap konten sesuai dengan kolom yang ada, bisa dibagian sebelah kanan, kiri, footer ataupun header,
- Dalam contoh ini Saya menempatkan field image, submited by, dan tags di seblah kiri, body, galeri, di footer
- Sedangkan trimmed merupakan konten dynamic field yang dibuat/ditambahkan dari konten body sebagai sort description artikel
- 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,
- Dalam contoh, saya menerapakan col-md-7 untuk region konten lef, col-md-5 untuk right (kanan) dan col-md-12
- Sebelum class diaktifkan maka terlebih dahulu perlu mendisable default class dari display layout. Pada current layout nanti centang Disable layout css style
- 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.
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
0 Response to "Instalasi dan Konfigurasi Module Display Suite"
Post a Comment
Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin