Anda di halaman 1dari 16

Panduan Mengelola Website

rejanglebongkab.go.id

Menggunakan

WordPress
Tri Mei Sartono
Staf Ahli Bupati Bidang Hukum dan Politik (https://www.facebook.com/trimsartono)

Epri Yanto
Staf Bagian Kesra Pemdakab RL (https://www.facebook.com/justepri)

Grup Diskusi Facebook :


Komunitas Pengelola Website Rejang Lebong

Facebook Fan Page :


Komunitas Pemda Rejang Lebong

Panduan Mengelola Website Pemda Rejang Lebong/hal #1

Selintas website rejanglebongkab.go.id dan jaringannya


Dibuat menggunakan mesin (atau CMS = Content Management System) yang bernama Wordpress versi 3.3.2 multisite (sekarang sudah sampai versi 3.3.4), sebuah program open source yang tidak berbayar/gratis (sebelumnya menggunakan Joomla). Tampilan yang digunakan menggunakan tema (theme) Weaver 2.2.8, karya Bruce Wampler yang terbukti cukup mudah dimodifikasi dan free. Tempat hosting di perusahaan IT rumahweb, Yogyakarta. Hosting dan sewa domain rejanglebongkab.go.id. dibiayai dari Dinas Pariwisata dan Kebudayaan RL hingga 2013 (trims atas jasa baik dan pionir memulainya!) dengan kuota/space 3 GB. Dan kemudian sejak April 2012 dibagi untuk kuota beberapa website instansi (12 instansi), prioritas yang ada jaringan internet di kantornya. (Kecuali website Dinas Kesehatan www.dinkesrl.net dengan Wordpress stand alone, dan hosting tersendiri di jogjaweb). Penamaan website instansi sesuai standar PANDI (Pengelola Nama Domain Internet Indonesia) : xxxxxx.rejanglebongkab.go.id. dengan xxxxxx = nama instansi. go.id. kependekan dari government/pemerintah dan .id = Indonesia. Dibuat menggunakan Wordpress multisite, sangat memudahkan untuk membuat dan mereproduksi/mengkloning website, untuk membuat website baru. Thema, plug-in dan pengguna bisa berbagi dalam jaringan website. Hanya Super Admin (Tri MS dan Epri) yang mempunyai otoritas menambah website baru.

Instansi/SKPD yang berada di jaringan rejanglebongkab.go.id No 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Nama Instansi Pemda Rejang Lebong Dinas Kebudayaan dan Pariwisata RL Dinas Hutbun RL BPBD RL RSUD Curup Dinas Pendidikan RL Badan Kepegawaian dan Diklat Bappeda RL Jaringan Dokumentasi Informasi Hukum BPMPD RL Dipenda RL Kantor Pelayanan Terpadu RL Dinas Kesehatan RL Palang Merah Indonesia Rejang Lebong Alamat Website http://www..rejanglebongkab.go.id http://pariwisata.rejanglebongkab.go.id http://dihutbun.rejanglebongkab.go.id http://bpbd.rejanglebongkab.go.id http://rsud.rejanglebongkab.go.id http://pendidikan.rejanglebongkab.go.id/ http://bkd.rejanglebongkab.go.id/ http://bappeda.rejanglebongkab.go.id/ http://jdih.rejanglebongkab.go.id/ http://bpmpd.rejanglebongkab.go.id/ http://dipenda.rejanglebongkab.go.id/ http://kpt.rejanglebongkab.go.id/ http://www.dinkesrl.net http://pmi.rejanglebongkab.go.id/

Struktur dan tampilan disain website rejanglebongkab.go.id


Penampilannya masih mengalami modifikasi dan perubahan tata letak, agar pengunjung tidak mengalami kebosanan. Namun esensi dan perwajahan tetap dipertahankan beratmosfer kesejukan, simple/sederhana, dengan tujuan cepat diakses dan mudah dibaca. Hanya sayang, baik web pemda dan SKPD informasi yang ditampilkan masih terbatas, masih jauh dari standar website pemerintah yang kaya informasi, transparan dan edukatif. Oleh karena itu, perlu pendekatan team work penulisnya dan kontribusi website SKPD yang selalu terbarui informasinya.

Panduan Mengelola Website Pemda Rejang Lebong/hal #2

Standarnya menggunakan 3 kolom, namun disain antar instansi bisa berbeda (terutama jumlah kolomnya, ada yang 3 kolom atau 2 kolom), tapi secara prinsip sbb : Tampilan---Latar Belakang ---batik kaganga warna hijau ---dibahas di hal 12 - Tampilan Header - Judul website-- dibuat dengan Photoshop Dibahas di hal 12 --Tampilan MENU (dibuat dengan Halaman) ----halaman statis -----dibahas di hal 10 --Halaman

Left Sidebar dibuat dengan menu Dibahas di hal 12 TampilanWidget> Primary widget area

Contentupdate tulisan dinamis dibuat dengan Tambah Tulisan (text/foto/video) ---- dibahas di hal 5 ----.Membuat Tulisan (posting artikel)

Right Sidebar Dibuat dengan menu Dibahas di hal 12 Tampilan-Widget>Secondary Widget area

TampilanWidget> First footer widget area

Like dan Komentar ----dibahas di hal 11 --Komentar TampilanWidget> Second footer widget area Tampilan>Weaver Admin>Advanced Option>Site Option>Site Copyright

TampilanWidget> Third footer widget area

Catatan : yang bisa merubah tampilan ini hanya pengguna Administrator

Panduan Mengelola Website Pemda Rejang Lebong/hal #3

A. PENGGUNA (USER)
Pengguna Pertama kalinya akan mendapat email utk aktifasi, dibuatkan oleh Admin. (Jika tidak mendapat email, buka di folder spam) Tulisan emailnya sbb :
Hai, Anda telah diundang untuk bergabung 'Situs Resmi Pemerintah Kabupaten Rejang Lebong' pada http://www.rejanglebongkab.go.id dengan peran editor. Jika Anda tidak ingin bergabung dengan situs ini silahkan abaikan email ini. Undangan ini akan berakhir dalam beberapa hari. Silahkan klik tautan berikut untuk mengaktifkan account pengguna Anda: http://www.rejanglebongkab.go.id/wp-activate.php?key=bad187aa215d707b

Kemudian Anda disarankan untuk meng-klik tautan untuk aktifasi akun. Sesaat kemudian akan mendapatkan email kedua sbb :
Dear User, Your new account is set up. You can log in with the following information: Username: sinta Password: Rqlno7kg5MQw http://www.rejanglebongkab.go.id/wp-login.php Thanks! --The Team @ Situs Resmi Pemerintah Kabupaten Rejang Lebong

B. LOG IN
Untuk cara yang pertama kita bisa langsung menulis alamat website-nya dan kita tambahkan /wp-admin misalnya www.rejanglebongkab/wp-admin kemudian tekan enter.... www.rejanglebongkab/wp-admin
Kemudian isikan nama pengguna dan kata sandi dari akun Anda.

Penting Ganti Kata Sandi/password dengan yang mudah diingat oleh Anda (sebaiknya samakan dengan sandi akun lainnya, akun email atau facebook). Jika kehilangan Kata Sandi, klik Kehilangan Kata Sandi, dan Anda akan mendapat pemberitahuan via email.

Panduan Mengelola Website Pemda Rejang Lebong/hal #4

C. DASBOAR.
Dashboard adalah halaman utama untuk mengedit Wordpress.Tampilan dashboard rejanglebongkab.go.id berbeda untuk tiap kelas pengguna. Ada 6 macam kelas pengguna : 1. Super Admininistrator (pengelola website jaringan, dpt menambah website baru, tampilan dashboard penuh) 2. Admininistrator (pengelola website instansi, merubah ubah disain Tampilan, menambah pengguna, pengaturan website)----admin website 3. Penyunting (editor, hanya menulis Tulisan/Halaman, menambah pengguna, tidak ada menu Tampilan) 4. Penulis (menulis dan menerbitkan tulisannya saja) 5. Kontributor (menulis saja, tidak bisa menerbitkan) 6. Pelanggan (hanya membaca) Untuk kawan-kawan di Bagian Setdakab RL dikategorikan kelompok pengguna Penyunting/editor kecuali di bagian Hukum yang mengelola JDIH (Jaringan Dokumentasi dan Informasi Hukum) dan BKD adalah sebagai Administrator.

Tampilan Dasboard (administrator)

Pada dashboar terdapat 11 materi pokok yang akan kita bahas sbb : 1. Tulisan 2. Media 3. Tautan 4. Halaman 5. Komentar 6. Slides --- (plugin slideshow) 7. Tampilan (hanya muncul pada Administrator) 8. Plugin (hanya muncul pada Administrator) 9. Pengguna (hanya muncul pada Administrator) 10. Perkakas 11. Pengaturan (hanya muncul pada Administrator)
Panduan Mengelola Website Pemda Rejang Lebong/hal #5

1. MEMBUAT TULISAN (POSTING ARTIKEL)


Jika Anda meng-klik-menu Tulisan pada dasboar maka akan muncul toolbar sbb :

Jika dipilih Semua Tulisan maka akan ditampilkan seluruh tulisan berdasar urutan tanggal. Ini dipilih jika kita akan meng-edit tulisan kita. Jika dipilih Tambah Baru maka akan diciptakan tulisan baru Jika dipilih Kategori maka akan dibuat kategori tulisan atau meng-edit kategori yang sudah ada Jika dipilih Tag maka akan dibuat keyword atau kata kunci yang saat diketik di mesin pencari (misal Google) akan mudah ditemukan

Membuat Tulisan (Tambah Baru)

Ini adalah toolbar standar pada tampilan visual (tampilan HTML dibahas berikutnya). Agar toolbar lengkap, klik gambar spt ini :

Maka toolbar akan lengkap dengan banyak fungsi, seperti ini :

LANGKAH-LANGKAH MENULIS/POSTING UNTUK PERTAMA KALINYA


1. Tulis judulnya.(ingatberilah judul yang baik..misal Kucing Menggigit Orang ini judul berita biasa.namun Orang Menggigit Kucingini baru berita bagus). Tulislah yang bersifat informasi kegiatan SKPD dan info edukatif/penyuluhan agar masyarakat lebih paham. Sebisa mungkin tulisan dilengkapi dokumen foto atau video dan data-data lainnya (factual). 2. Tulisan yang dibuat petugas pemerintah berbeda dengan tulisan yang dibuat wartawan. Tulisan petugas pemerintah cenderung menjelaskan dan sudah dikemas faktanya dan membolehkan opini/penjelasan pemerintah, sementara tulisan wartawan lebih langsung, cepat, faktuil, dan apa adanya (straight news)---filosofinya : bad news is good news).
Panduan Mengelola Website Pemda Rejang Lebong/hal #6

3. Tulis dengan konsep 5 W + 1 H (When, Where, What, Why, Who dan How). Misal, sebagai contoh, karena sedang digandrungi warga Istana, presiden dan warpres beserta para menteri memilih permainan adu jangkrik untuk memperingati HUT Indonesia yang ke-67 tahun. Judul Tulisan : Kalah Adu Jangkrik, Menteri Harus Lepas Jabatannya (dikutip dari Yudha Sunandar, 2011)

5W +1H
What: Adu Jangkrik Where: Istana Negara When: Di tengah-tengah peringatan kemerdekaan Indonesia ke-65 Who: Presiden dan Wapres bersama para menteri Why: permainan yang sedang digandrungi warga Istana Negara How: yang kalah mengundurkan diri dari jabatannya

Kalah Adu Jangkrik, Menteri Harus Lepas Jabatannya


Dalam rangka HUT RI ke-65, Presiden dan menteri bermain adu jangkrik di Istana Negara pada Selasa (17/8) lalu. Mereka yang kalah, harus melepaskan jabatannya sebagai menteri. Menurut beberapa sumber di istana, adu jangkrik merupakan ajang yang sedang digemari warga istana saat ini, termasuk presiden. Permainan ini kerap dilakukan usai rapat kabinet digelar, tutur Asep Suracep, juru bicara presiden. Tak heran, bila adu jangkrik dipilih menjadi ajang untuk memeriahkan HUT RI tahun ini. Akibat pertandingan ini, beberapa menteri yang kalah harus rela melepaskan jabatannya. Namun, karena presiden tidak mampu menemukan penggantinya, akhirnya para menteri tidak jadi digantikan. Sebagai gantinya, mereka harus membersihkan halaman istana sisa upacara HUT RI ke-65.

4. Perhatikan kaidah penulisan dan EYD dan pengaturan paragraph, biar tulisan mudah dibaca

5. Berilah <more> atau baca kelanjutannya. Pada akhir paragraph dengan klik 6. Berilah tautan atau link untuk meperjelas dan memperluas kedalaman tulisan mengklik

dengan

Centang atau pilih Buka tautan di jendela/tab baru agar informasi dibaca di jemdela baru 7. Jika melakukan copy dan paste berita, harus dituliskan sumbernya.

8. Tambahkan gambar/foto dengan klik dan kemudian pilih file fotonya. Mohon foto sudah diperkecil(ukuran dibawah 100 kb) agar upload fotonya cepat, dan saat dibaca juga cepat. Beri judul gambar pada isian keterangan Pilih perataan gambar (kiri, tengah, kanan) Misal masukkan ukuran sedang, perataan tengah, biar enak dilihat.
Panduan Mengelola Website Pemda Rejang Lebong/hal #7

Kemudian klik sisipkan dalam tulisan. Jika gambar setelah disisipkan terlalu besar, maka bisa diperkecil dengan mengklik suduk kiri gambar hingga muncul dan kemudian klik ikon gambar., akan muncul seperti ini :

Pilih persentase gambar sesuai ukuran yang dikehendak, misal 60%. Saran : sebaiknya setiap tulisan diberi foto/gambar, agar menarik..Perhatikan tata letak gambar dan ukuran. Jika perlu foto diedit dulu di Microsoft Office Manager utk cropping dan perkecil ukurannya. 9. Kemudian pilih Kategori tulisan. Ini adalah semacam pengelompokkan tulisan, yang nantinya mudah untuk dikelola pendokumentasiannya.

Panduan Mengelola Website Pemda Rejang Lebong/hal #8

Jika kategori tulisan tidak tersedia, buat kategori baru dengan klik dan kemudian ketikkan nama kategori.

10. Terbitkan tulisan dengan meng-klik

Tulisan yang sudah terbit bisa kita edit

lagi untuk dibenahi isi dan tata letaknya, dan kemudian klik

11. Mau menambahkan video??. Ini bisa ditambahkan dengan mengubah modus dari visual menjadi HTML .

Video yang ditambahkan sebaiknya sudah diupload di Youtube. Untuk meng-upload video di Youtube, Anda harus mempunyai akun di Youtube atau email di Google. Seumpama video sudah ada di Youtube, maka pilihlah video yang akan ditambahkan, misalnya Video Tukul (iklan Internet untuk rakyat).klik pada menu Share

Klik

Dan kemudian klik pada tulisan Embed (artinya tempel) dan hasilnya seperti ini :

Copy

Perhatikan bahwa kode yang diblok <iframe> yang kita copy dan paste di tulisan di website kita pada modus HTML, seperti ini :

Paste

Panduan Mengelola Website Pemda Rejang Lebong/hal #9

2. MEDIA
File media akan dimasukkan dalam folder berdasarkan bulan dan tahun. Jenis file yang bisa dimasukkan : foto/video/suara/dokumen pdf..prhatikan ukurannya, kecil size -nya namun dengan kualitas terbaca yg masih baik.

3. KATEGORI TAUTAN (LINK)


Anda dapat mengelola Tautan untuk nantinya dikelompokkan sesuai Kategori Tautan dan diletakkan di sidebar. Ini sangat baik untuk menambah daya tarik website Anda

Pilih Tautan>Tambah Baru dan ketik nama Tautan dan alamat webnya, sbb :

Jangan lupa kelompokkan tautan ini pada kategori yang sesuai atau membuat kategori baru sbb :.

Panduan Mengelola Website Pemda Rejang Lebong/hal #10

Pilih kategori yang sesuai dengan nama tautan/link-nya.dan jika mau membuat kategori baruklik . dan kemudian isikan namanya terus klik lupa untuk pilih blank jendela atau tab baru. Bagaimana memasukkan Kategori Tautan ke sidebar????? (ini nanti dibahas pada (Tampilan>Widget) . Jangan

widget

4. HALAMAN
Halaman (pages) pada dasboar adalah informasi statis yang bisa diakses melalui menu. Menu berisi informasi dan untuk web rejanglebongkab.go.id umumnya terkait dengan visi misi instansi, daftar pejabat, buku tamu, daftar peraturan dan pengelola situs. Contoh menu/submenu yang dibuat melalui Halaman.

Menu

Menu yang dibuat melalui halaman bisa berjenjang, disebut submenu. Seperti contoh berikut :

Menu Submenu

Bagaimana membuat halaman?

Klik Halaman pada dasboar, sbb Untuk menambah halaman, klik Tambah Baru.

Pilihan untuk membuat menu atau submenu Panduan Mengelola Website Pemda Rejang Lebong/hal #11

5. KOMENTAR
Tulisan yang dimuat di website akan kurang afdol kalau tidak ada interaksi pembaca melalui komentar. Komentar disediakan melalui Facebook Comments (Komentar Facebooker) atau melalui Wordpress >Tinggalkan Balasan Mohon Admin website harus sering melihat apakah ada komentar Facebooker atau via Wordpress yang masuk, dan kemudian menanggapinya untuk dimuat atau dihapus. Berilah tanggapan/respon segera, gunakan balasan seolah-olah Anda petugas pemerintah yang responsive dan tanggap menanggapi komentar. Tampilan komentar via Facebook perlu waktu beberapa saat untuk loading, sementara tampilan komentar via Tinggalkan Balasan cepat muncul.

1. Komentar yang dibuat melalui Facebook Comment..pembaca harus login ke akun facebooknya Diatur melalui Pengaturan>Facebook Comment Option. Bisa muncul tanpa persetujuan Admin Dimoderasi melalui Aplikasi di Facebook , untuk penghapusan Data komentar tersimpan di Facebook

2.

Komentar melalui Wordpress, penulis komentar harus mempunyai email. Komentar muncul jika mendapat persetujuan Admin. Data tersimpan di website dan bisa dimunculkan di Widget Komentar

1. Contoh Aplikasi Komentar (Facebook Comments) Dibuat melalui fasilitas facebook di Social Pluglin Dikelola melalui Pengaturan>Facebook Comments>App setup

Panduan Mengelola Website Pemda Rejang Lebong/hal #12

Sementara moderasinya dikelola melalui Pengaturan>Facebook Comment>Comment Moderation Area> kemudian pilih aplikasi SKPD-nya.

2. Contoh Moderasi Komentar via Wordpress

Perhatikan menu untuk moderasiapakah tulisan ditolak dan dihapus atau disetujui dimuat oleh Admin. Data tersimpan di website dan bisa dimunculkan di Widget Komentar

Dan dapat dimunculkan komentarnya di widget seperti contoh sbb

6. TAMPILAN
Pada dasboar menu ini hanya akan tampil pada kelas pengguna Administrator/Admin. Adapun menu Tampilan sbb :

Panduan Mengelola Website Pemda Rejang Lebong/hal #13

OK. Kita bahas satu persatu 1. Tema Tersedia ribuan tema (themes) Wordpress di internet baik yang free maupun yang berbayar. Tema di web rejanglebongkab.go.id yang disediakan Weaver 2.2.8 oleh Bruce Wampler. Jika ada pilihan lain, mohon diberitahukan ke super Admin, karena hanya super admin yang boleh menambahkan tema baru. 2. Widget Ini adalah bentuk kemudahan program yang disederhanakan dalam menu widget yang memudahkan admin untuk meletakan di sidebar website. Tersedia ribuan widget yang diinstal melalui plug-in. Widget dapat diletakkan di sidebar kanan/kiri, atas atau bawah. 3. Weaver Admin Ini adalah menu yang terpenting untuk merubah Tampilan

Akan didemokan saat workshop 4. Latar Belakang : untuk setting background website 5. Kepala Halaman : Header website, missal kepala halaman website Bappeda, buatlah seindah mungkin dengan Photoshop atau software sejenis

6. PENGATURAN
Ini merupakan bagian menu yang penting dalam setting tampilan website. Akan didemokan dalam workshop. Sebagian menu sudah diinstal melalui plug-in. Beberapa setting-an widget dikelola di Pengaturan
Panduan Mengelola Website Pemda Rejang Lebong/hal #14

7. MEMBUAT FANS PAGE DAN FACEBOOK LIKE BOX


Berikut adalah langkah-langkah mebuat fans page: 1. Setelah anda login ke facebook buka: http://www.facebook.com/pages/create.php 2. Pilih kategori sesuai kategori anda. 3. Isi nama anda atau perusahaan anda, anda harus hati-hati dalam menuliskannya karena nama di fans page jika sudah jadi tidak dapat dirubah lagi. a. Centang I am Autorized b. Isi electronic signature dengan nama anda. c. Klik create page. 4. Selanjutnya lengkapi data anda, foto, alamat website dsb. 5. Jika sudah selesai jangan lupa sarankan fans page yang sudah anda buat kepada teman2 anda, caranya: - Klik Sarankan ke teman / suggest to friends - Centang semua teman anda. - Klik Kirim Undangan / Send Invitation. Teman-teman anda dengan segera akan menerima pemberitahuan untuk menjadi anggota dari fans page anda. Agar penggemar/fans kita muncul di website,kita, buat Facebook Like Box seperti ini melalui widget dengan langkah2 sbb :

Panduan Mengelola Website Pemda Rejang Lebong/hal #15

1. Masuk ke https://developers.facebook.com/docs/reference/plugins/like-box/. Alamat ini bisa ditemukan melalui Google dengan mengetik Facebook Like Box 2. Sebelumnya copy alamat fan page kita 3. Kemudian paste alamat fan page tersebut pada Facebook Page URL 4. Aturlah width (panjang) dan height (tinggi) tempat widget kita di sidebar atau kolom 5. Kemudian klik Get Code 6. Pilih kode pada <iFrame> 7. Copy kode iFrame tersebut dan paste pada widget di mana kita akan menaruhnya di website

8. MEMBUAT AGENDA VIA GOOGLE CALENDAR


Langkah-langkahnya sbb : 1. Anda harus mempunya akun email di google 2. Browsing google calendar via google 3. Daftarkan dan kemudian buat agenda di google calendar 4. Kemudian kode agenda via iFrame di copy dan paste di widget di mana kita menaruh agenda

Ok. Good Luck. Selamat menjadi agen penyebaran informasi penting bagi instansi anda-----untuk kemajuan kabupaten Rejang Lebong Lain kali kita sambung di workshop berikutnya..Sorry, tulisannya masih belum sempurna.

Curup, 2 Juli 2012 Tri Mei Sartono Epri Yanto

Panduan Mengelola Website Pemda Rejang Lebong/hal #16