» » » Membuat Block Pada Halaman Depan Drupal

Membuat Block Pada Halaman Depan Drupal

, Edit
Dalam tutorial ini Saya menggunakan Template Bootstrap, jadi sebelumnya Anda harus memasang terlebih dahulu  template Bootstrap ke Drupal, silahkan pelajari caranya pada halaman Instalasi dan Konfigurasi Template Bootstrap Pada Drupal.

Ceritanya disini Saya ingin membuat sebuah block dengan tiga kolom, dimana block tersebut nantinya ditaruh dibawah slider yang sudah pernah Saya buat sebelumnya. Lihat artikel Membuat Slider Gambar Yang Mengarah ke Artikel di Drupal

Jadi nantinya akan ada satu blok namun berisi tiga kolom,  disini tidak menggunakan tabel melainkan menggunakan class=”col-md-4” yang memang merupakan aturan dari Bootstrap sendiri supaya tampilannya rapih dan responsive. Nanti tampilannya kurang lebih akan terlihat seperti gambar dibawah ini

contoh blok yang akan dibuat

Kemudian selanjutnya ketika link “Selengkapnya” di klik akan mengarah ke artikel atau basic page yang sudah dibuat sebelumnya. 

Sebelum membuat blok dengan tiga kolom, lakukan terlebih dahulu konfigurasi text editor. Disini Saya menggunakan CKEditor, untuk konfigurasinya Anda bisa mengikuti langkah – langkah berikut :
  1. Klik menu > Configuration > Content authoring > CKEditor
  2. Pada Full HTML klik edit
  3. Klik CLEANUP AND OUTPUT kemudian scrol kebawah
    seting ckeditor untuk menambahkan blok
  4. Pada use  custom formatting options pilih Yes dan hilangkang tanda centang Pada “Break line after the opening tag”
  5. Terakhir klik Save
Langkah selanjutnya adalah tinggal Membuat Block Pada Halaman Depan Drupal
  1. Klik menu Structure > Blocks > Add block
  2. Pada block title masukan <none> dan Pada description masukan deskripsi dari kolom tersebut, masukan saja misal 3 Kolom Block Depan
    Tahap pertama menambahkan block pada bagian depan
  3. Pastikan text format pada bagian block body sudah diatur ke Full HTML
  4. Selanjutnya pada block body klik “Sumber” lalu masukan script dibawah ini

     <div class="col-md-4">
        <h3>Tentang Kami</h3>

        <p class="rtejustify">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>

        <p><a class="btn btn-default btn-primary" href="/perum/node/1">Selengkapnya »</a></p>
</div>

<div class="col-md-4">
        <h3>Layanan</h3>

        <p class="rtejustify">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>

        <p><a class="btn btn-default btn-primary" href="/perum/node/2">Selengkapnya »</a></p>
</div>

<div class="col-md-4">
        <h3>Alamat</h3>

        <p class="rtejustify">Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>

        <p><a class="btn btn-default btn-primary" href="/perum/node/3">Selengkapnya »</a></p>
</div>
  5. Klik “Sumber” kembali dan nanti kurang lebih hasilnya akan terlihat seperti ini
    proses pembuatan blok kedua
  6. Karena disini kita ingin menghubungkan 3 kolom tersebut dengan sebuah artikel/ Basic Page, maka Anda tinggal menaruh link dari artikel yang ingin Anda hubungkan.
  7. Klik linknya kemudian tekan tombol link sehingga akan muncul tampilan seperti dibawah ini
    menambahkan link pada blok bagian depan
  8. Bila ingin lebih mudah lagi dalam membuat link antar halaman Anda bisa menggunakan CKEditor link, dimana nantinya akan ada pilihan “Internal Path” pada Link Type. Silhakan pelajari caranya pada artikel Insatalasi dan Konfigurasi Module CKEditor Link
  9. Scroll kebawah, pada bagian Region Settings Bootstrap Sub-Theme (CDN) (default theme) atur ke content
    menempatkan blok pada bagian content/depan
  10. Kemudian scroll lagi kebawah, pada Pages Anda pilih “only the listed pages” dan masukan <front>, ini supaya block hanya akan tampil dihalaman depan saja. Terakhir klik Save Blocks
Sampai disini proses pembuatan block dengan 3 koloh dihalaman depan website sudah selesai. Nanti kurang lebih structure atau posisi bloknya dipengaturan akan terlihat seperti gambar dibawah ini

16 Responses to "Membuat Block Pada Halaman Depan Drupal"

  1. UnknownOctober 8, 2016 at 1:44 PM

    Wah kalau untuk menjalankan atau mencoba tutorial ini mah harus pasang terlebih dahulu template Bootstrap ke drupal atuh ya kang ? kalau gak pasang dulu mah otomatis gak bakal bisa dong ?

    ReplyDelete
    Replies
    1. Ahmad ZaelaniOctober 10, 2016 at 3:32 PM

      benar sekali mang... :D

      Delete
    2. UnknownOctober 11, 2016 at 7:46 AM

      Alhamdulilah kali ini saya benar :-D

      Delete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

Subscribe to:Post Comments (Atom)
mahjongways menghadirkan evolusi visual digital melalui perpaduan animasi adaptif dan teknologi antarmuka modernintegrasi teknologi real time mengubah cara platform digital mengelola interaksi dan respons penggunaperan random number generator menjaga independensi hasil pada sistem permainan digital modernmengenal cara mahjongways mengembangkan pengalaman interaktif melalui sistem respons simbol dan desain grafis digitalarsitektur microservices menjadi fondasi penting dalam membangun infrastruktur platform digital yang lebih fleksibelmengenal volatilitas dan distribusi hasil dalam karakteristik matematis permainan digital berbasis rngmahjong ways dan evolusi budaya digital melalui perpaduan warisan tradisional dengan teknologi interaktif moderntransformasi infrastruktur digital memperlihatkan peran penting otomatisasi dalam menjaga stabilitas sistemmahjongways memperlihatkan perkembangan desain permainan digital melalui optimalisasi animasi dan transisi visualkasino online dan peran teknologi browser dalam menjaga kelancaran akses digitaldi balik sistem kasino digital ada proses sinkronisasi data yang jarang dibahasketika kasino online menghadapi tantangan keamanan pada perangkat selulermemahami pengaruh latensi jaringan terhadap respons layanan kasino digitalkasino digital dan fenomena penggunaan informasi pribadi dalam ekosistem internetmenelusuri cara sistem kasino online menangani gangguan koneksi mendadakkasino online dan pentingnya mengenali risiko ekstensi browser yang tidak terpercayaketika pembaruan sistem mengubah tampilan dan navigasi kasino digitalkasino digital dalam pembahasan tentang keamanan penyimpanan data penggunamemahami hubungan antara kasino online dan perkembangan teknologi deteksi aktivitas tidak wajarmahjong ways 2 dan fenomena perubahan persepsi pemain terhadap sistem hadiah digitalmengapa pembahasan mahjong ways 2 sering mencampurkan fakta teknis dan pengalaman pribadidi balik mahjong ways 2 bagaimana desain transisi memengaruhi pengalaman penggunamahjong ways 2 dalam sorotan pentingnya memahami informasi peluang secara utuhketika mahjong ways 2 menjadi bahan diskusi mengenai keandalan ulasan game onlinemengenal peran tipografi dan susunan menu dalam antarmuka mahjong ways 2mahjong ways 2 dan tantangan membedakan rekaman permainan dari bukti statistikmengapa interpretasi grafik kemenangan dapat memengaruhi pandangan tentang mahjong ways 2mahjong ways 2 dalam kajian bagaimana elemen visual menciptakan rasa antisipasiketika informasi tentang mahjong ways 2 tersebar tanpa konteks yang memadaikasino digital dan perubahan cara masyarakat mengenali risiko hiburan virtualmengapa teknologi biometrik menjadi topik penting dalam keamanan kasino digitalketika kasino digital menghadapi tantangan transparansi transaksi di era fintechfenomena personalisasi konten dan pengaruhnya terhadap pengguna kasino digitalkasino digital dalam sorotan bagaimana desain aplikasi membentuk kebiasaan penggunadi balik perkembangan kasino digital muncul pertanyaan tentang etika penggunaan aimengapa verifikasi usia menjadi bagian penting dalam pembahasan kasino digitalkasino digital dan tantangan melindungi data pribadi dari ancaman kejahatan siberketika kasino digital menggunakan teknologi rekomendasi untuk membangun keterlibatanmasa depan kasino digital dalam perdebatan regulasi dan perlindungan konsumentren mahjong dan munculnya ide kreatif dalam pengembangan permainan lintas generasiketika tren mahjong menjadi inspirasi kegiatan interaktif di ruang publikmengapa tren mahjong menarik dikaji dalam perubahan budaya hiburan perkotaantren mahjong dari perspektif seni bagaimana motif ubin menginspirasi karya kontemporerperan komunitas hobi dalam memperkenalkan tren mahjong kepada generasi barutren mahjong dan peluang pengembangan media pembelajaran berbasis budayaketika konsep mahjong klasik diadaptasi menjadi aktivitas kreatif di era modernbagaimana tren mahjong membuka diskusi tentang pelestarian permainan tradisionaltren mahjong dalam perkembangan gagasan desain ruang komunitas bertema asiamengulas tren mahjong dari sisi pertemuan antara nostalgia dan kreativitas digitalmahjong wins dan fenomena pemain yang menghubungkan efek visual dengan peluangmengapa mahjong wins menarik dibahas dalam kajian desain pengalaman penggunaketika mahjong wins menjadi contoh perbedaan antara persepsi dan probabilitaspengaruh susunan elemen antarmuka terhadap cara pemain memahami mahjong winsmahjong wins dalam sorotan bagaimana animasi kemenangan membangun antisipasidi balik konten mahjong wins ada pentingnya membedakan fakta dan testimonimengapa klaim pola kemenangan mahjong wins perlu ditinjau dengan literasi statistikmahjong wins dan tantangan menyajikan informasi peluang secara mudah dipahamiketika perbincangan mahjong wins beralih pada keamanan dan transparansi platformbagaimana mahjong wins menjadi bahan diskusi tentang etika desain game digitaltren mahjong dan perubahan cara generasi muda mengenal hiburan tradisionalketika tren mahjong menjadi inspirasi desain kafe bernuansa budaya asiamengapa tren mahjong menarik dibahas dalam fenomena kebangkitan permainan mejatren mahjong dalam sorotan perpaduan seni kerajinan dan teknologi modernperjalanan motif ubin klasik membuka perspektif baru tentang tren mahjongtren mahjong dan peran komunitas kreatif dalam melestarikan permainan lamaketika tren mahjong menginspirasi konsep festival budaya berbasis interaksibagaimana tren mahjong membuka diskusi tentang hobi analog di era serbadigitaltren mahjong dalam eksplorasi desain suvenir yang mengangkat identitas budayamengulas tren mahjong dari perspektif perubahan selera hiburan antargenerasikasino online dan fenomena perubahan cara pengguna menilai iklan digitalmengapa promosi berbasis algoritma menjadi topik penting dalam pembahasan kasino onlineketika kasino online memunculkan pertanyaan tentang keamanan identitas digitalperan literasi media dalam menghadapi penyebaran konten kasino online di internetkasino online dalam sorotan bagaimana efek visual dapat memengaruhi keputusan penggunadi balik perkembangan kasino online terdapat tantangan perlindungan konsumen digitalmengapa pengalaman pengguna kasino online tidak selalu mencerminkan peluang sebenarnyakasino online dan perubahan cara platform membangun kepercayaan melalui antarmukaketika testimoni kemenangan kasino online menjadi bahan perdebatan tentang transparansibagaimana kasino online mendorong diskusi mengenai etika personalisasi kontenmahjong dan kisah perubahan fungsi permainan dalam kehidupan masyarakat modernmengapa permainan mahjong menjadi contoh menarik dalam kajian kecerdasan sosialjejak perdagangan internasional dalam penyebaran mahjong ke berbagai wilayahketika mahjong menjadi sumber inspirasi pengembangan permainan berbasis narasimahjong dari perspektif linguistik bagaimana istilah permainan berubah antarwilayahmengenal perbedaan filosofi permainan mahjong dalam tradisi asia timurmahjong dan peran pengalaman sosial dalam membentuk kebiasaan bermainmengulas sejarah mahjong melalui perubahan bentuk perlengkapan dan aturanketika mahjong menjadi objek penelitian tentang pengambilan keputusan di bawah tekananmahjong dan peluang pelestarian warisan budaya melalui arsip digitaltren mahjong dan ide baru menghadirkan permainan tradisional di acara komunitasketika tren mahjong menginspirasi karya seni dengan pendekatan visual minimalismengapa tren mahjong menarik dibahas dalam perkembangan budaya koleksi moderntren mahjong dalam eksplorasi kreatif perpaduan ornamen asia dan desain kontemporerfenomena tren mahjong dan perubahan cara masyarakat mengenal permainan analogtren mahjong sebagai topik kajian tentang kebangkitan hobi berbasis interaksibagaimana tren mahjong menjadi inspirasi pembuatan konten edukasi di platform videotren mahjong dan pertemuan antara desain produk dengan cerita budaya tradisionalketika tren mahjong dihubungkan dengan minat pada permainan meja bertema retromengulas tren mahjong dari sisi perkembangan konsep hiburan berbasis kolaborasi