Cara Menambahkan Gambar ke Dalam Artikel di Drupal

Salah satu cara sederhana yang bisa digunakan untuk menambahkan gambar kedalam artikel yang akan kita buat adalah dengan menggunakan bantuan teks editor, salah satu teks editor favorite Saya adalah CKEditor. Untuk instalasi dan konfigurasi CKEditor bisa Anda pelajari pada artikel berikut : Menambahkan Teks Editor Baru di CMS Drupal.

Disini Saya menggunakan Drupal 7.43 dengan teks Editor CKEditor, Saya sendiri sebenarnya kurang begitu paham dengan masalah ini, tapi bagi Saya yang masih awam dengan drupal, Saya agak sedikit kesulitan ketika ingin menambahkan/menyisipkan gambar kedalam artikel yang akan Saya buat, di CKEditor memang ada tombol/icon yang berfungsi untuk menambahkan gambar, tapi yang Saya tahu kita hanya bisa menyisipkan gambar menggunakan alamat url tertentu atau semacam link ke gambar tertentu, jadi Saya agak kesulitan untuk mengupload gambar dari local drive/hardisk secara langsung

Untuk mengatasi hal tersebut kita bisa menggunakan IMCE, ini Saya sebut sebagai Module Tambahan Untuk CKEditor Drupal. Dengan menggunakan IMCE kita bisa dengan mudah menambahkan gambar kedalam artikel.

Instalasi dan Konfigurasi IMCE

1. Download terlebih dahulu IMCE di https://www.drupal.org/project/imce
 
Jendela menambahkan gambar default CKEditor

2. Selanjutnya masuk ke halaman administrasi
3. Klik Module, install New Module kemudian aktifkan module tersebut dan 
   klik save
4. Selanjutnya masuk klik Configuration > CKEditor. Akan muncul jendela
    berikut 
Halaman Konfigurasi CKEditor

5. Pada bagian Full HTML klik edit. Nanti selanjutnya akan muncul tampilan 
    berikut 
Konfigurasi Editor Apperrance CKEditor

6. Klik Editor Apperance. Scroll ke bawah, kemudian pada available button 
    terdapat dua icon berwarna, drag dua icon tersebut ke bagian current
    toolbar.
 
Konfigurasi Toolbar CKEditor dengan IMCE

7. Selanjutnya scroll lagi ke bawah, pada bagian Plugins, centang bagian
   “Plugin for inserting files from IMCE without image dialog 
 
Konfiguras Plugins IMCE


8. Selanjutnya scroll lagi kebawah, Klik “FILE BROWSER SETTINGS”, pada file
    bwrowser type pilih IMCE 
 
File Browser settings CKEditor


9. Terakhir klik Save 
 
Kemudian untuk Cara Menambahkan Gambar ke Dalam Artikel di Drupal adalah sebagai berikut : 

1. Sekarang coba test atau cek, buatlah sebuah artikel, klik Content > add
     content > artickel
2. Pada bagian text format arahkan ke full HTML, jika berhasil nanti akan 
    ada  icon IMCE di toolbar CKEditor seperti pada gambar berikut : 
 
Menmabhakan Gambar Menggunakan IMCE
 
 
3. Untuk menambahkan gambar kedalam artikel, Anda cukup klik icon IMCE 
    yang ada di toolbar, kemudian cari gambar yang ingin Anda masukan ke 
    dalam artikel

4. Supaya pada saat Anda menambahkan content baru text formatnya 
    langsung menjadi full HTML Anda bisa masuk klik menu Configuration >
    Text Format 
 
Configuration Full HTML CKEditor

5. Selanjutnya Anda tinggal lakukan drag, dan membuat posisi Full HTML 
    jadi diatas.

6. Coba buat lagi konten artikel baru, nanti text formatnya akan langsung
    menjadi Full HTML

Untuk Drupal 8, Saya rasa Anda sudah tidak perlu lagi menambahkan Plugins ini lagi karena   beberapa fungsi seperti upload gambar kedalam artikel sudah di masukan kedalam 
text editor drupal 8




1 Response to "Cara Menambahkan Gambar ke Dalam Artikel di Drupal "

  1. Saya masih belum nguasai nih tentang drupal minta tipsnya ya mas.

    ReplyDelete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

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 Terintegrasikasino online dan strategi promosi kreatif dalam menarik perhatian penggunadaya tarik penawaran eksklusif mewarnai perkembangan kasino onlinekasino online menghadirkan inovasi kampanye digital yang semakin interaktifragam program promosi menjadi sorotan dalam ekosistem kasino onlinekasino online dan transformasi iklan digital menuju pengalaman lebih personalbagaimana kampanye kreatif membangun identitas brand kasino onlinekasino online mengembangkan konsep promosi visual di era media sosialstrategi penawaran dan komunikasi brand dalam industri kasino onlinekasino online dan peran konten promosi dalam membangun pengenalan merekeksplorasi konsep pemasaran modern membawa warna baru bagi kasino onlinemahjong online menghadirkan pengalaman hiburan digital dengan sentuhan modernpesona mahjong online dalam kampanye hiburan interaktif generasi barumahjong online dan inovasi visual yang membuat permainan semakin menarikstrategi branding kreatif mengangkat popularitas mahjong online di era mobilemahjong online membuka warna baru dalam promosi permainan bernuansa asiadaya tarik animasi dan desain eksklusif menjadi identitas mahjong onlinemahjong online dalam sorotan kampanye digital yang kaya kreativitassentuhan teknologi modern membentuk pengalaman baru dalam mahjong onlinemahjong online memperkenalkan konsep hiburan visual yang semakin dinamiseksplorasi tema oriental membawa mahjong online ke panggung hiburan modernmahjong ways menghadirkan sensasi hiburan digital dengan nuansa kemewahanpesona naga emas membawa mahjong ways ke pusat perhatian pecinta gamemahjong ways dan daya tarik pengalaman bermain dengan visual spektakulerjelajahi keindahan simbol klasik dalam petualangan digital mahjong waysmahjong ways tampil memikat dengan perpaduan tradisi dan teknologi modernkemeriahan festival oriental menjadi inspirasi kampanye mahjong waysmahjong ways membawa semangat hiburan baru melalui animasi penuh warnakilauan ubin emas memperkuat identitas visual mahjong ways di era digitalmahjong ways dan inovasi desain yang membangun pengalaman interaktifeksplorasi dunia mahjong ways melalui konsep hiburan bertema kerajaan asia