» » » Membuat Layout Media Object di Drupal

Membuat Layout Media Object di Drupal

,
Membuat Layout Media Object di Drupal ini merupakan bagian dari artikel tentang Cara Membuat Website Cantik Menggunakan Drupal & Bootstrap. Layout Media Object ini sebenarnya bagian dari module Views Bootstrap, sehingga nanti Anda perlu menginstal module tersebut

Layout Media Object ini biasanya untuk di bootstrap gambarnya berukuran kecil yaitu 64px x 64px. Nanti Anda bisa terlebih dahulu membuat image style baru yang di khususkan untuk layout atau tampilan media object.

Berikut adalah Membuat Layout Media Object di Drupal

Dalam projek ini kita akan membuat page atau tampilan untuk media object, serta nanti juga akan ditambahkan block  untuk media object. Untuk tata cara membuat view/tampilan media object ini sama halnya seperti membuat Membuat Artikel Tampilan Thumbnails Menggunakan Module Views Bootstrap
 
A. Membuat View Media Object 
  1. Klik Structure > Views > Add New View. Kemudian nanti buat pengaturan seperti pada gambar dibawah ini 
    tahap pertama membuat layout media object
  2. Bila sudah selesai klik Continue And Edit 
  3. Selanjutnya pada pengaturan view media object buatlah pengaturan seperti yang terlihat pada gambar dibawah ini 
    views untuk media object
  4. Pada bagian fields pastikan bahwa setiap konten, title, body, dan image sudah ditambahkan. Bila belum ditambahkan klik Add
  5. Untuk konten body nanti pada Rewrite Result > Replacement Pattern centang Trim this field to a maximum length untuk menampilkan berapa jumlah paragraf yang ditampilkan, masukan angka 200 atau terserah Anda sesuai keinginan, berapa jumlah paragraf yang ingin ditampilkan 
  6. Centang juga pilihan Strip HTML tags dan Remove whitespace 
  7. Untuk Create label, baik untuk fields title, body, dan image dihilangkan saja 
  8. Selanjutnya nanti untuk konfigurasi field imagenya kurang lebih seperti dibawah ini, pastikan bahwa Anda sudah membuat image style untuk jenis media Object 
    pengaturan lanjut untuk views media object
  9. Bila konfigurasi untuk fields – fieldnya sudah dibuat, maka Anda tinggal melakukan setting pada bagian FORMAT. Klik setting pada bagian Bootstrap Media Object dan buatlah pengaturan seperti berikut 
  10. Klik Save, bila berhasil nanti page media object akan terlihat seperti pada gambar dibawah ini
    page media object sudah dibuat

B. Membuat Block Media Object
 
Selanjutnya masih pada pengaturan atau halaman View buatlah sebuah view untuk block
  1. Klik Add > Block. Nanti Buatlah pengaturan seperti berikut 
    membuat block media object
  2. Secara default ketika block ditambahkan, maka nanti dia akan meniru view sebelumnya, sehingga yang perlu Anda lakukan disini Nantinya hanya mengatur nama – namanya saja, seperti untuk Display name, TITLE, dan PAGER. Saat Anda melkukan pengaturan atau perubahan data seperti diatas untuk konten Display name, TITLE, dan PAGER, pastikan diatur hanya untuk block itu saja, atau nanti pilihnya ke This block (override), sehingga nanti pengaturan atau view hanya diberlakukan untuk view itu saja, dan tidak akan mempengauhi ke pengaturan media object 
    pengaturan block media object
  3. Supaya nanti untuk konten body dari block media object paragarfnya tidak terlalu panjang, Anda bisa melakukan pengaturan pada rewrite result 
  4. Terkahir Simpan seluruh konfigurasi yang dibuat

C. Menempatkan Block Media Object
 
Karena ini berupa block bukan page/view seperti page media object, maka view untuk block media object perlu ditempatkan pada block yang sudah tersedia.
  1. Klik Structure > Block, 
  2. Lalu cari block yang sudah dibuat pada View sebelumnya dan tempatkan block sesuai keinginan Anda 
  3. Dalam contoh pengaturan dibawah ini, Saya menempatkan block media object pada bagian Primary

    menempatkan block media object
  4. Bila berhasil nanti block akan terlihat seperti pada gambar dibawah ini
    block media object berhasil dibuat


Sampai disini Proses pembuatan halaman/page dan block media object telah selesai, teknik penambahan view lainnya, seperti thumbnail grid, ataupun dalam bentuk table bootstrap juga sama, yang terpenting sudah mengerti tentang teknik penambahan view di Drupal

Video Membuat Layout Media Object di Drupal





4 Responses to "Membuat Layout Media Object di Drupal"

  1. UnknownJune 28, 2017 at 5:58 PM

    nah kalau ini mantef bingit..hahaa

    ReplyDelete
  2. UnknownDecember 5, 2017 at 12:07 AM

    selamat malam,
    terima kasih sebelumnya sudah berbagi ilmu.
    saya ingin bertanya, pada tahap ini(membuat layout media object)
    mengapa setelah saya buat tidak muncul image tumbnail nya gan ?
    hanya menampilkan title dan isi article nya saja. padahal sudah saya ulangi sampai 2x.
    terima kasih sebelumnya

    ReplyDelete
    Replies
    1. Ahmad ZaelaniDecember 5, 2017 at 9:20 AM

      untuk menampilkan thumbnail, nanti pada viewnya,, Anda tambahkan field gambar, pada views bagian FIELD lktambahkan konten Image yang berkaitan dengan konten,, untuk lebih bjelasnya bisa dilihat di video

      Delete
  • UnknownDecember 5, 2017 at 12:09 AM

    selamat malam,
    terima kasih sebelumnya sudah berbagi ilmu.
    saya ingin bertanya, pada tahap ini(membuat layout media object)
    mengapa setelah saya buat tidak muncul image tumbnail nya gan ?
    hanya menampilkan title dan isi article nya saja. padahal sudah saya ulangi sampai 2x.
    terima kasih sebelumnya

    ReplyDelete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

Subscribe to:Post Comments (Atom)
nagabet76slot gacorslot online1213141516Slot Online Menghadirkan Pengalaman Digital Yang Didukung Pemrosesan Data Secara Real TimeMahjongways Menganalisis Pola Visual Dan Dinamika Simbol Berdasarkan Pemrosesan Data DigitalMahjongways Mengembangkan Dinamika Permainan Melalui Pengelolaan Data Dan Elemen Visual TerintegrasiAnalisis Komputasi Modern Membantu Memetakan Dinamika Sistem Digital Berdasarkan Data ObservasiMember Baru Mendorong Dinamika Komunitas Digital Menuju Pengalaman Yang Lebih Aktif Dan Menarikslot onlinemahjongwayasarsitektur layananpemrosesan data adaptifmember baruSlot Online Terbaru Menghadirkan AnalisisScatter Hitam Dianalisis Melalui PemetaanPola Scatter Hitam Membentuk Distribusi Visual Yang Dapat Dikaji Menggunakan Komputasi AdaptifArsitektur Teknologi TerdistribusiTeknologi Visualisasi DataMahjongways Mengembangkan Interaksi Visual Melalui Integrasi Simbol Digital Yang DinamisAnalisis Mahjongways Memetakan Dinamika Visual Dan Respons Antarmuka Berbasis DataScatter Hitam Dianalisis Melalui Pemetaan Struktur Simbol Digital Berbasis Komputasi AdaptifAlgoritma Scatter Hitam Membantu Mengidentifikasi Dinamika Pola Melalui Analisis Data ObservasiPg Soft Mengembangkan Sistem Rendering Adaptif Untuk Mendukung Visualisasi Digital ModernTeknologi Pg Soft Mengoptimalkan Pemrosesan Grafis Melalui Arsitektur Rendering TerintegrasiTeknologi Pemodelan Data Membantu Menganalisis Dinamika Informasi Pada Ekosistem Digital ModernArsitektur Komputasi Terdistribusi Meningkatkan Keandalan Pengelolaan Data Pada Platform DigitalTeknologi Kecerdasan Komputasional Mendorong Pengembangan Sistem Digital Yang Lebih AdaptifPemrosesan Data Modern Membantu Memetakan Pola Informasi Melalui Pendekatan Komputasi TerukurTeknologi Integrasi Data Mempermudah Sinkronisasi Informasi Dalam Lingkungan Digital TerpaduVisualisasi Komputasi Modern Membantu Menginterpretasikan Perubahan Pola Pada Sistem Digital KompleksTeknologi Otomasi Data Meningkatkan Efisiensi Pengelolaan Informasi Pada Infrastruktur DigitalModel Komputasi Adaptif Mendukung Pengembangan Teknologi Digital Melalui Analisis Data BerkelanjutanPengembangan Pg Soft Mengintegrasikan Teknologi Rendering Dengan Interaksi Visual Yang ResponsifPg Soft Menerapkan Komputasi Visual Untuk Meningkatkan Efisiensi Pengolahan Elemen DigitalEksplorasi Scatter Hitam Memetakan Distribusi Simbol Melalui Model Analitik Digital TerintegrasiPola Scatter Hitam Dikaji Menggunakan Pendekatan Visualisasi Data Dan Pemodelan StatistikMahjongways Menghadirkan Pendekatan Visual Interaktif Melalui Pemrosesan Simbol Yang AdaptifEksplorasi Mahjongways Mengungkap Perubahan Pola Visual Dalam Lingkungan Digital Terintegrasimahjong online menghadirkan nuansa klasik dalam budaya internetsisi visual mahjong online jadi bahan ulas media digitalmahjong online dan pergeseran selera pengguna gamemengenal identitas grafis di balik mahjong onlinemahjong online terlihat dari sudut pandang desain interaktifkomunitas internet membahas popularitas mahjong onlinemahjong online menggabungkan simbol lama dan gaya barucatatan media menelusuri fenomena mahjong onlinemahjong online dalam perbincangan industri hiburan digitalketika mahjong online menjadi objek observasi budaya internetpg soft menghadirkan identitas visual bernuansa asiamengenal pg soft dari sisi desain game digitalindustri game online mencermati karya pg softpg soft dan perkembangan animasi dalam permainan mobiledi balik simbol pg soft ada konsep desain yang khasmedia digital menyoroti karakter permainan pg softperjalanan pg soft dalam persaingan industri gamefitur interaktif menjadi bahasan dalam game pg softpg soft dalam sorotan tren hiburan berbasis mobilemembaca popularitas pg soft melalui perspektif desainmahjong wins membawa identitas visual yang berbeda ke layar digitalsimbol klasik menemukan konteks baru melalui mahjong winsperjalanan mahjong wins terlihat dari perubahan desain game modernmahjong wins dalam catatan perkembangan hiburan berbasis teknologigaya visual menjadi salah satu ciri yang menarik dari mahjong winsketika konsep tradisional bertemu format digital mahjong winsmahjong wins dan pergeseran selera pada game bernuansa klasikperspektif baru muncul dari tampilan interaktif mahjong winsruang game digital mengenal karakter berbeda dari mahjong winsmahjong wins mengikuti perubahan wajah permainan di era teknologiai kasino online dan perdebatan teknologi prediksi digitalkecerdasan buatan menelaah perubahan industri kasino onlinekasino online dalam sorotan otomatisasi dan analisis datamengenal batas penggunaan ai pada kasino digitalteknologi ai membuka diskusi baru seputar game kasinoantara algoritma dan peluang dalam kasino onlineai kasino digital dari perspektif etika dan keamananmembaca fenomena kasino online melalui analisis komputasibenarkah ai bisa memprediksi hasil kasino onlinemasa depan kasino digital di tengah perkembangan aitren mahjong bergerak dari simbol klasik ke visual modernmahjong digital dan munculnya gaya ilustrasi barumengapa tema mahjong kembali menarik perhatian publiktren mahjong dalam catatan komunitas hiburan internetdesain mobile memberi arah baru pada tema mahjongmahjong dan pertemuan budaya tradisional dengan teknologimembaca popularitas mahjong lewat perubahan estetika gamemedia digital mengamati pergeseran tren permainan mahjongsimbol bersejarah menjadi inspirasi tren mahjong modernfenomena mahjong dan kreativitas dalam budaya digitalmahjong ways dan sweet bonanza dalam tren game digitalfortune tiger dan gates of olympus jadi bahasan komunitas gamemahjong ways 2 dan starlight princess dari sisi visualfortune ox dan big bass bonanza dalam ulasan game onlinemahjong wins dan wild west gold mengusung tema berbedafortune rabbit dan sugar rush dalam dunia game mobilemahjong treasure dan sweet bonanza menarik perhatian pengamatfortune mouse dan gates of gatot kaca dengan identitas unikmahjong cash dan the dog house dalam perbandingan desainfortune dragon dan joker jewels dari perspektif animasiqris pg soft dan arah baru transaksi game digitalmengenal peran qris pada pembayaran layanan gamepg soft dalam pembahasan sistem pembayaran elektroniktransaksi digital pg soft dilihat dari sisi keamanantren qris dan perubahan ekosistem game onlinesebelum memindai qris pahami verifikasi pembayaranpembayaran qris dan identitas layanan game pg softcatatan digital mengenai qris dalam industri gamememahami batas keamanan transaksi qris pg softqris dan pg soft dalam lanskap hiburan interaktifmahjong online dan pembayaran qris dalam sorotan digitalmembahas qris di tengah tren mahjong onlinesistem pembayaran elektronik pada layanan mahjong onlineqris mahjong online dan pentingnya konfirmasi transaksiperubahan metode bayar dalam ekosistem mahjong digitalmenelusuri kaitan mahjong online dengan teknologi qriskeamanan transaksi qris saat mengakses layanan gamemahjong online dilihat dari perspektif pembayaran modernapa yang perlu diketahui soal qris mahjong onlinepembayaran qris dan literasi digital pengguna mahjongalgoritma mahjong dan logika di balik game digitalmembaca peran sistem acak dalam permainan mahjongmahjong digital dalam tinjauan peluang dan probabilitasmitos pola algoritma mahjong yang perlu dipahamicara kerja rng dalam permainan mahjong onlineanalisis data bukan jaminan hasil game mahjongalgoritma game dan batas prediksi hasil permainanmemahami statistik di balik sistem mahjong digitalpola visual mahjong dan perbedaan dengan peluangteknologi permainan mahjong dari sisi logika komputasiai mahjong online dan perkembangan teknologi interaktifkecerdasan buatan menjadi topik baru dalam game mahjongmahjong online dalam analisis teknologi ai terkinimenelaah penggunaan ai pada permainan berbasis digitalai dan perubahan pengalaman pengguna mahjong onlinebisakah ai memprediksi hasil mahjong onlinemahjong digital dan batas kemampuan analisis kecerdasan buatanteknologi ai mengubah cara game online dikajimengenal data dan pembelajaran mesin dalam game mahjongai mahjong online antara analisis data dan mitos prediksi