Skip to content Skip to sidebar Skip to footer
Home / Drupal / Drupal 7

Instalasi Dan Konfigurasi Module Display Suite

By Anonymous Post a Comment

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

Dalam projek menciptakan website elok dengan drupal & bootstrap ini, kita akan sedikit berguru tentang tata cara atau penerapan dari module display suite.


Instalasi dan Konfigurasi Module Display Suite


  1.  Download dan instal module display suite kemudian aktifkan

    Sederhananya melaluiataubersamaini memakai module display suite memungkinkan seorang pengguna Drupal Instalasi dan Konfigurasi Module Display Suite
     
  2. Klik structure > content types > article > manage display 
  3. Pada bab current layout > select a layout pilihlah layout yang ingin digunakan, contohnya saja saya disini memakai layout Two column stacked 
  4. Selanjutnya silahkan tempatkan setiap konten sesuai dengan kolom yang ada, dapat dibagian sebelah kanan, kiri, footer ataupun header, 
  5. Dalam referensi ini Saya menempatkan field image, submited by, dan tags di seblah kiri, body, galeri, di footer 
  6. Sedangkan trimmed ialah konten dynamic field yang dibuat/dimenambahkan dari konten  body sebagai sort description artikel 
  7. Pada custom classes nanti Anda dapat menambahkan class tertentu sesuai class yang sesuai dengan yang ada pada template yang Anda gunakan, misalkannya saja alasannya ialah disini kita memakai framework bootstrap, maka nanti kita dapat menambahkan class col-sm- col-md- dari nilai 3 hingga 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 lampau 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 memakai menolongan module bootstrap field group, dan field group sehingga nanti kontenya dibutuhkan lebih tertata.

Post a Comment for "Instalasi Dan Konfigurasi Module Display Suite"