Membuat Tampilan Slide Bootstrap Carousel Drupal Jadi Full Slider

Bootstrap Carousel ialah salah satu fitur yang terdapat dalam module Views Bootstrap, Saya sudah mengulas wacana bagimana cara membuat slider memakai Bootstrap carousel, Anda sanggup membacanya pada artikel Membuat Slider Gambar Yang Mengarah ke Artikel di Drupal 

Dulu Saya sedikit kesusahan untuk membuat tampilan slide jadi full kesamping, maksudnya menyatu kesamping ke layar pengguna, sebab Saya sendiri memang tidak begitu jago dan paham tiruananya, dan sebab memang tidak basic dalam hal tersebut proses themingnya pun Saya lakukan sesuka hati saja,,heheh

Untuk membuat Bootstrap Carousel menjadi full slider kesamping maka kita perlu membuat region atau penempatan block gres di drupal sehingga nantinya block tersebut akan dipakai khusus untuk menaruh slider. Kemudian nanti kita panggil class footer, kenapa tidak buat properti css gres saja ? Saya tidak sanggup dan tidak mengerti cara buatnya makanya, Saya manfaatkan class yang sudah ada saja.

Berikut ini ialah langkah – langkah untuk Membuat Tampilan Slide Bootstrap Carousel Drupal Makara Full Slider :

1. Buat Region Baru 
2. Buka folder template Bootstrap kemudian pada info file template Bootstrapnya Anda menambahkan baris diberikut  regions[slideshow]  = 'Slideshow' ibarat yang terlihat pada gambar dibawah ini 
   
3. Sesudah itu kita tampilkan regions atau block yang sudah dibuat  tersebut pada halaman page.tpl.php 
4. Buka file page.tpl.php kemudian sempurna dibawah header menambahkan script diberikut <!-- /#slide custom -->
   <div class="footer">
   <?php if (!empty($page['slideshow'])): ?> <section id="slideshow"> <?php print render($page['slideshow']); ?> </section></div>
   <?php endif; ?>
   
   
5. Sampai disini nanti akan terlihat region gres pada block template ibarat yang terlihat pada gambar dibawah ini
   
    
6. Tampilan diatas memang terlihat menyatu dengan navigasi, itu dikarenakan Saya melaksanakan custom pada css sehingga tidak ada jarak navigasi dengan blocknya 
7. Buatlah sebuah image style gres dengan dampak resize & crop dengan ukuran 1007 x 500. Ukuran tersebut nantinya sanggup Anda gunakan pada FIELD untuk image module views bootstrap carouselUntuk menciptakannya Anda sanggup melihat artikel Create New Image Style In Drupal 
8. Selanjutnya Anda sanggup membuat slider gres dengan ukuran  dan menempatkannya pada block slider sehingga kesudahannya akan terlihat ibarat gambar dibawah ini
   
   

   

   Lihat Demo di  : punyaahmad-z[dot]netau[dot]net

Sementara itu untuk mengatur jarak dengan navigasi Anda membuat custom css sendiri yang dimasukan pada file style.css . Bila tampilan carousel kurang responsif, Anda sanggup membaca artikel wacana Mengatasi Carousel Module Views Bootstrap yang Kurang Responsif

Share :