Mohon tunggu...
Ryan M.
Ryan M. Mohon Tunggu... Editor - Video Editor

Video Editor sejak tahun 1994, sedikit menguasai web design dan web programming. Michael Chrichton dan Eiji Yoshikawa adalah penulis favoritnya selain Dedy Suardi. Bukan fotografer meski agak senang memotret. Penganut Teori Relativitas ini memiliki banyak ide dan inspirasi berputar-putar di kepalanya, hanya saja jarang diungkapkan pada siapapun. Professional portfolio : http://youtube.com/user/ryanmintaraga/videos Blog : https://blog.ryanmintaraga.com/

Selanjutnya

Tutup

Inovasi Pilihan

Memanfaatkan Wordpress untuk Menyisipkan Gambar di Kompasiana

7 Oktober 2014   00:44 Diperbarui: 17 Juni 2015   22:08 217
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Akhiri proses penyisipan dengan mengklik Insert into Post

[caption id="attachment_327622" align="aligncenter" width="512" caption="WordPress & Kompasiana (edited by Ryan M.)"][/caption] Salah satu unsur yang membuat beberapa tulisan di Kompasiana menjadi menarik adalah adanya gambar yang menyertai tulisan tersebut.  Dalam beberapa kasus, gambar yang disertakan malahan menjadi daya tarik utama untuk menyedot pembaca, bahkan ada tulisan yang justru sangat membutuhkan gambar agar pembaca lebih mudah memahami ide yang ingin disampaikan penulisnya. Dalam kondisi normal, urusan menyisipkan gambar di Kompasiana ini sangat mudah dilakukan – bahkan bagi Kompasianer yang mengaku gaptek sekalipun.  Sayangnya seperti yang kita tahu, terkadang sistem di Kompasiana tidak berjalan sebagaimana mestinya. Berbagai galat (error) sering mengganggu kenyamanan kita dalam ber-Kompasiana, termasuk salah satunya adalah urusan menyisipkan gambar dalam tulisan yang kita buat.  Keluhan yang umum terjadi adalah, “Tidak bisa upload gambar,” bahkan setelah pengguna mengupayakan segala cara yang dia tahu (memperkecil ukuran gambar, mengunggah gambar berformat jpeg, dst). Lewat tulisan ini saya mencoba memberikan alternatif pengunggahan gambar untuk ditampilkan di Kompasiana, dan alternatif yang saya tawarkan ini membawa kita berkenalan dengan satu layanan blogging yang sangat populer yaitu Wordpress. Kenapa Wordpress? Karena menurut saya layanan blogging ini sangat mudah digunakan dan ‘rasanya’ tidak beda jauh dengan Kompasiana sehingga relatif lebih mudah dipelajari. Secara sederhana yang harus kita lakukan sebenarnya mengunggah (upload) gambar di Wordpress, kemudian menyalin-tempel (copas, copy-paste) alamat gambar yang sudah diunggah tadi ke tulisan kita di Kompasiana. Bagaimana caranya?  Ikuti langkah-langkah berikut.

Pertama, Membuat Akun Wordpress

Jika kita sudah punya akun Wordpress, langkah ini bisa dilewati saja.  Akan tetapi bila belum, maka inilah langkah-langkah membuat sebuah akun di Wordpress.

  1. Ketikkan alamat Wordpress untuk menampilkan halaman utamanya sbb : [caption id="" align="aligncenter" width="540" caption="Halaman utama Wordpress"]
    Halaman utama Wordpress
    Halaman utama Wordpress
    [/caption] Kemudian pada kotak bertanda panah yang ada, ketikkan nama akun Wordpress yang diinginkan (misalnya disamakan saja dengan id Kompasiana) diikuti dengan mengklik button yang bertuliskan “Create Website” di sampingnya.
  2. Halaman berikut akan tampil : [caption id="" align="aligncenter" width="540" caption="Pesan ini akan tampil bila nama akun yang kita inginkan ternyata sudah duluan dimiliki orang lain"]
    Galat ini akan tampil bila nama akun yang kita inginkan ternyata sudah duluan dimiliki orang lain
    Galat ini akan tampil bila nama akun yang kita inginkan ternyata sudah duluan dimiliki orang lain
    [/caption] Perhatikan! Jika nama yang diinginkan ternyata sudah ada (dimiliki orang lain), sistem akan menampilkan pesan semacam, “Sorry, that site already exists!” dan kita harus mencari nama lain.  Untuk kolom-kolom lainnya, saya yakin Kompasianer sudah sangat tahu maksudnya.
  3. Jika nama yang kita inginkan masih tersedia, sistem akan menampilkan tanda centang sbb : [caption id="" align="aligncenter" width="540" caption="Nama ini masih tersedia untuk diklaim"]
    Sukses membuat akun blog di Wordpress
    Sukses membuat akun blog di Wordpress
    [/caption] Berikutnya terus gulung (scroll) layar ke bawah sampai kita menemukan pilihan sbb : [caption id="" align="aligncenter" width="540" caption="Pilih yang free saja, tapi yang lain pun boleh"]
    Pilih yang free saja, tapi yang lain pun boleh
    Pilih yang free saja, tapi yang lain pun boleh
    [/caption] Pilih “Create Blog” apabila kita ingin menggunakan layanan gratis dari Wordpress.
  4. Tunggu beberapa saat hingga muncul tampilan berikut : [caption id="" align="aligncenter" width="540" caption="Sukses membuat blog di Wordpress"]
    Sukses membuat blog di Wordpress
    Sukses membuat blog di Wordpress
    [/caption] Berikutnya, klik tautan “Visit your dashboard” untuk melanjutkan.  Dan seperti ini tampilan dashboard Wordpress : [caption id="" align="aligncenter" width="540" caption="Dashboard Wordpress"]
    Dashboard Wordpress
    Dashboard Wordpress
    [/caption]

Oke, sekarang kita sudah memiliki akun Wordpress. Kita lanjut ke tahap berikutnya!

Kedua, Mengunggah Gambar di Wordpress

Apabila sudah memiliki akun Wordpress, kita akan mulai dari sini.

  1. Ketikkan alamat Wordpress untuk menampilkan halaman utamanya sbb : [caption id="" align="aligncenter" width="540" caption="Halaman utama Wordpress, kali ini pilih Log In"]
    Halaman utama Wordpress, kali ini pilih Log In
    Halaman utama Wordpress, kali ini pilih Log In
    [/caption] Lihat di pojok kanan atas kemudian klik button yang berbunyi “Log In” untuk menampilkan halaman sbb : [caption id="" align="aligncenter" width="250" caption="Halaman login Wordpress"]
    Halaman login Wordpress
    Halaman login Wordpress
    [/caption] Isi dengan nama pengguna dan kata sandi yang sudah kita punya saat mendaftar.
  2. Apabila proses login berhasil, biasanya kita akan dibawa ke halaman sbb : [caption id="" align="aligncenter" width="540" caption="Pilih menu My Sites"]
    Pilih menu My Sites
    Pilih menu My Sites
    [/caption] Langsung saja klik menu “My Sites” untuk menampilkan blog Wordpress yang kita kelola sbb : [caption id="" align="aligncenter" width="540" caption="Kita bisa mengelola banyak blog sekaligus"]
    Kita bisa mengelola banyak akun sekaligus
    Kita bisa mengelola banyak akun sekaligus
    [/caption] Klik menu “Dashboard”.
  3. Untuk mulai mengunggah gambar, di dashboard Wordpress kita cari menu yang berbunyi “Media” dan dilanjutkan dengan mengklik button “Add New” sbb : [caption id="" align="aligncenter" width="540" caption="Klik Media - Add New untuk mulai mengunggah"]
    Klik Media - Add New untuk mulai mengunggah
    Klik Media - Add New untuk mulai mengunggah
    [/caption]
  4. Kita akan dibawa ke halaman pengunggahan (upload) sbb : [caption id="" align="aligncenter" width="540" caption="Klik untuk menentukan berkas yang akan diunggah"]
    Klik untuk menentukan berkas yang akan diunggah
    Klik untuk menentukan berkas yang akan diunggah
    [/caption] Klik button yang berbunyi “Select Files” untuk mulai memilih berkas-berkas yang akan diunggah sbb : [caption id="" align="aligncenter" width="540" caption="Kita bisa mengunggah banyak berkas sekaligus"]
    Kita bisa mengunggah banyak berkas sekaligus
    Kita bisa mengunggah banyak berkas sekaligus
    [/caption] Praktisnya, kita bisa langsung memilih banyak gambar untuk diunggah sekaligus (seperti pada gambar di atas).  Jika sudah, klik button Open” untuk mulai mengunggah.  Proses pengunggahan pun berjalan dengan lamanya waktu tergantung kecepatan internet dan seberapa besar ukuran berkas yang diunggah.
  5. Jika berhasil, muncullah thumbnail dari gambar yang kita unggah tadi sbb : [caption id="" align="aligncenter" width="540" caption="Proses pengunggahan berhasil"]
    Proses pengunggahan berhasil
    Proses pengunggahan berhasil
    [/caption]

Selesai!  Sekarang kita akan menyisipkan gambar yang diunggah di Wordpress ke tulisan kita di Kompasiana.

Ketiga, Menyisipkan Gambar ke dalam Tulisan di Kompasiana

Setelah kita selesai menuliskan pikiran kita di Kompasiana, sekarang saatnya menyisipkan gambar untuk membuat tulisan menjadi lebih menarik.  Adapun langkah-langkahnya adalah sbb :

  1. Masih di Media Library Wordpress yang menampilkan thumbnail dari gambar yang kita unggah tadi, klik gambar yang akan kita sisipkan ke dalam tulisan, selanjutnya kita akan mendapati data sbb : [caption id="" align="aligncenter" width="540" caption="Data dari gambar yang akan disisipkan"]
    Data dari gambar yang akan disisipkan
    Data dari gambar yang akan disisipkan
    [/caption] Perhatikan! Di bagian kanan pada kolom yang bertuliskan “URL” itu menampilkan alamat gambar tersebut.  Untuk menyisipkan gambar ke tulisan di Kompasiana, pertama kita salin (copy) alamat lengkap dari gambar tersebut.
  2. Berikutnya kita berpindah ke layar Kompasiana.  Klik button bertuliskan “Upload/Insert” seperti yang biasanya kita lakukan saat bermaksud mengunggah gambar di Kompasiana sbb : [caption id="" align="aligncenter" width="540" caption="Menyisipkan gambar seperti biasanya"]
    Menyisipkan gambar seperti biasanya
    Menyisipkan gambar seperti biasanya
    [/caption]
  3. Layar berikutnya akan menampilkan jendela dengan tiga buah tab yang masing-masingnya bertuliskan “From Computer”, “From URL”, dan “Media Library”.  Pilih tab “From URL” kemudian pada kolom “Image URL” tempel (paste) alamat yang sebelumnya sudah kita salin dari Media Library Wordpress sbb : [caption id="" align="aligncenter" width="540" caption="Paste alamat yang kita copy dari Media Library Wordpress di sini"]
    Paste alamat yang kita copy dari Media Library Wordpress di sini
    Paste alamat yang kita copy dari Media Library Wordpress di sini
    [/caption] Jika berhasil, akan muncul tanda centang persis di sebelah kiri kolom tersebut.  Opsi-opsi berikutnya sama seperti saat kita menyisipkan gambar dengan cara biasa.  Akhiri proses penyisipan gambar dengan mengklik button “Insert into Post”. [caption id="" align="aligncenter" width="540" caption="Akhiri proses penyisipan dengan mengklik Insert into Post"]
    Akhiri proses penyisipan dengan mengklik Insert into Post
    Akhiri proses penyisipan dengan mengklik Insert into Post
    [/caption]
  4. Inilah hasilnya! [caption id="" align="aligncenter" width="540" caption="Voila! Gambar pun tampil!"]
    Voila! Gambar pun tampil!
    Voila! Gambar pun tampil!
    [/caption]

Mudah atau rumit?  Langkah-langkahnya mungkin terlihat rumit, tapi pada kenyataannya sangat mudah dilakukan.  Dan sekadar informasi, gambar-gambar yang menyertai tutorial ini hampir semuanya saya unggah menggunakan cara tersebut. Semoga tulisan saya kali ini bermanfaat.  Selamat mencoba! Tautan Luar : Layanan Blogging Wordpress Tulisan ini masuk kategori “Tips” dan dipublish pertamakali di www.kompasiana.com, copasing diizinkan dengan mencantumkan URL lengkap posting di atas atau dengan tidak menghapus/mengedit amaran ini

Mohon tunggu...

Lihat Konten Inovasi Selengkapnya
Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun