PANDUAN PENGELOLAAN WEBSITE PEMERINTAH KABUPATEN PEMALANG

dokumen-dokumen yang mirip
DAFTAR ISI PANDUAN PENGGUNAAN WEB SEKOLAH

PT QWORDS COMPANY INTERNATIONAL

PT QWORDS COMPANY INTERNATIONAL

PETUNJUK PENGGUNAAN S I D E KA ( S I S T E M I NFORMASI DESA DAN KAWASAN)

MODUL TUTORIAL WORDPRESS

Panduan skpd.batamkota.go.id Tahun 2010

CARA MEMBUAT BLOG MENGGUNAKAN WORDPRESS SECARA ONLINE

Manual Book Mengisi Konten Website OPD Kota Bogor

Bu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g

Menu Dasbor Beranda berfungsi sebagai navigasi ke halaman utama admin

Mengelola Bagian Utama Website Sekolah

Tutorial Menggunakan webpraktis profil bisnis

MODUL WEBSITE JaringanPelajarAceh.com. Dipersiapkan oleh: Kusnandar Zainuddin

3. Pilih layout dari blog yang akan kita buat seperti gambar di bawah ini : 4. Lalu pilih tema sesuai dengan layout yang sudah kita pilih tadi seperti

KKN SISDAMAS Panduan Penggunaan Blog KKN ( UIN SGD BANDUNG) UIN Sunan Gunung Djati Bandung. Pusat Teknologi Informasi dan Pangkalan Data

Panduan Penggunaan Blog KKNM Unpad

UNIVERSITAS ISLAM BATIK SURAKARTA PELATIHAN BLOGDOSEN MEDIA INFORMASI DOSEN UNIBA SURAKARTA. IT Development UNIBA Surakarta

Manual Book Penggunaan CMS. Website Portal Berita Antara Bogor (Untuk Administrator)

: Keterampilan Komputer dan Pengelolaan Informasi : Menginstal Tema dan Menulis Artikel (Pos) MENGINSTAL TEMA DAN MENULIS ARTIKEL (POS)

MANUAL BOOK MADANI CMS KOTA SERANG

MANUAL BOOK penggunaan blog Pengawa Sekola Idarahma Ibrahim

KKN SISDAMAS PANDUAN PENGGUNAAN BLOG KKN UIN SGD BANDUNG PUSAT TEKNOLOGI INFORMASI DAN PANGKALAN DATA

Modul Praktikum Media Pembelajaran Menggunakan Wordpress

Tutorial Membuat Blog dengan Layanan Wordpress

Mengembangkan Website Berbasis Wordpress

Panduan Pengelolaan Web Berbasis WordPress IICACS

V.2.0. Panduan Pengelolaan Website

CONTENT MANAGEMENT SYSTEM (CMS)

Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator)

Tutorial Membuat Web Blog Menggunakan Layanan WORDPRESS MUH. TAMIMUDDIN H

PENGABDIAN MASYRAKAT PELATIHAN PEMBUATAN WEB UNTUK USTADZ DAN PENGELOLA PONDOK PESANTREN SEBAGAI MEDIA INFORMASI DI KABUPATEN/KOTA KEDIRI

Membuat Web BERBASIS WORDPRESS

Pengelolaan Website SILHD (Sistem Informasi Lingkungan Hidup Daerah)

adalah berikut : I. MENDAFTAR halaman depan

Panduan Penggunaan Laman Situs Pengamanan Limbah Fasilitas Pelayanan Kesehatan

PANDUAN MENULIS DI MAJALAH FAKULTAS ONLINE

Mengenal Halaman Post Editor WordPress. Want create site? Find Free WordPress Themes and plugins.

Berikut ini langkah-langkah untuk konfigurasi awal dari paket toko online yang sudah kami siapkan :

TUTORIAL PENGEMBANGAN WEBSITE JDIH PROVINSI JAWA TIMUR. Malang, 7 Juli 2017

User Manual Template Wordpress Web Unit

MANUAL BOOK WEBGIS BAPPEDA KABUPATEN MAHULU JL. JUANDA 2, RT 16 NO 6H SAMARINDA (0541) WEBSITE DEKA.CO.ID WEB & IT SOLUTION.

Link Categories, digunakan untuk mengelompokkan link ke dalam kategorikategori

MODUL PENGEMBANGAN WEBSITE UNIVERSITAS NEGERI YOGYAKARTA. (Web Fakultas, Program Pascasarjana, & Lembaga Versi Inggris)

Panduan Dasar Membuat Website

MODUL PELATIHAN MEMBUAT WEBSITE BERBENTUK BLOG MENGGUNAKAN WORDPRESS. Oleh Gigih Forda Nama Ngadimun Hd

PANDUAN DASAR MEMBUAT WEBSITE

PETUNJUK PENGGUNAAN. Web eproc (Frontend)

BAB IV HASIL DAN PEMBAHASAN. Implementasi ini akan menjelaskan detil Company Profile di SMA

Daftar Isi. 2 P a g e

Modul Pembuatan Website Menggunakan

LANGKAH MUDAH MEMBUAT BLOG DOSEN MENGGUNAKAN

Ebook Panduan Pengoperasian Web Simpel

BAB III PERANCANGAN DAN PEMBUATAN SISTEM

SMA NEGERI 8 KEDIRI Jalan Pahlawan Kusuma Bangsa 77 (0354) Kediri Fax (0354)

TUTORIAL MEMBUAT BLOG SENDIRI BERBASIS WORDPRESS

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM

PANDUAN ADMIN WEB BLOG PRIBADI MAHASISWA. Oleh: A. Fathurohman

Posting, Edit dan Hapus Berita

MEMBUAT DAN MENGELOLA WEBSITE DESA

KATA PENGANTAR. Keistimewaan web ceritaresep.com ini adalah:

TUTORIAL PENGELOLAAN WEB PROFIL OPD

DAFTAR ISI. Wordpress Mengenal Dashboard Memposting Artikel Membuat Halaman Baru Eksplorasi Menu Appearance

LOGIN ADMINISTRATOR 1. subdomaindesa.malangkab.go.id/log/user/ username enter Username Login

User Manual Pengoperasian Website Dinas Perhubungan Kabupaten Klaten

Achyar Munandar PANDUAN SINGKAT E-LEARNING BAGI MAHASISWA

Panduan Penggunan Situs Web

PANDUAN PENGGUNAAN CONTROL PANEL WEBSITE SEKOLAH

USER GUIDE BLOG MAHASISWA

SETTING TAMPILAN DAN DESAIN TOKO ONLINE

HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES

Teknik Pengelolaan Blog di WordPress.com Sabar Nurohman, M.Pd

MODUL ADMIN WEBSITE FAKULTAS DAN JURUSAN

HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES

MODUL PELATIHAN ADMINISTRATOR PENGELOLAAN WEBSITE OPD KABUPATEN BADUNG MENGGUNAKAN CMS (CONTENT MANAGEMENT SYSTEM)

MODUL WORDPRESS MOBILE

Daftar Isi. User Manual Website Universitas PGRI Adi Buana Surabaya

Modul Pelatihan Pembuatan Blog dengan Wordpress

HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES

MODUL PENGEMBANGAN WEBSITE Fakultas BAHASA DAN SENI UNIVERSITAS NEGERI YOGYAKARTA

BAB 5 COMPANY PROFILE: LEMBAGA AGAMA

Tutorial Menggunakan Webpraktis Profesional

Tutorial Penggunaan. Bagian I.

PETUNJUK PENGGUNAAN E-LEARNING UNTUK DOSEN

USER MANUAL SUB PORTAL PUBLIK BUMN

PADUAN DASAR Menggunakan dan Mengelola Website. Created by:

Panduan Dasar Membuat Website

MODUL PELATIHAN PEMASUKAN DATA WEBSITE

Panduan Dasar Pengisian Konten Web

I. Sekilas Tentang Website SKPD

BAB IV HASIL DAN PEMBAHASAN

Panduan WordPress Cara Menulis Berita atau Artikel

TRAINING. Jul Post, Pages & Media

Cara mendaftar ke blog dosen

Membuat Blog Menggunakan Wordpress

HASIL PENILAIAN E-ASPIRASI WEBSITE UNIT KEMKES

Bab IV. Mengisi Fitur Website Sekolah. A. Mengelola Agenda

PELATIHAN PENGELOLAAN WEBSITE

MANUAL BLOG STAFF.UNS.AC.ID

TUTORIAL ADMINISTRATOR WORDPRESS WP-ADMIN Contents Management Wordpress Selfhosting

TUTORIAL ADMIN WEBSITE SKPD

Transkripsi:

PANDUAN PENGELOLAAN WEBSITE PEMERINTAH KABUPATEN PEMALANG DINAS KOMUNIKASI DAN INFORMATIKA KABUPATEN PEMALANG 2017

Daftar Isi A. KOMPONEN WEB... 3 B. AKSES WEB... 3 2.1 Akses Halaman Depan... 3 2.2 Akses Halaman Admin... 5 C. STRUKTUR MENU... 6 3.1 Struktur Menu di Halaman Admin... 6 3.2 Struktur Menu di Halaman Depan... 10 D. MEMBUAT KATEGORI DAN POSTING ARTIKEL... 11 4.1 Membuat Kategori... 11 4.2 Posting Artikel... 12 E. MEMBUAT HALAMAN STATIS... 20 5.1 Membuat Halaman Profil... 20 5.2 Membuat Halaman Kontak... 21 5.3 Membuat Halaman Informasi Publik... 22 F. MENGATUR TAMPILAN... 27 6.1 Mengganti Tema... 28 6.2 Mengatur Layout... 29 6.3 Memasang Sidebar dan Footer... 34 6.4 Mengatur Menu... 38 G. MANAJEMEN USER/PENGGUNA... 41 H. MENGELOLA KOMENTAR... 43 I. MENGAKHIRI PROSES KERJA... 44 2

Panduan Pengelolaan Website Pemerintah Kabupaten Pemalang A. KOMPONEN WEB Website yang dibangun: Platform Bahasa Pemrograman Database Server : Web (CMS Wordpress) : PHP : MySQL : Linux B. AKSES WEB Sebelum mengakses web ada beberapa hal yang harus diperhatikan: 1) Komputer atau laptop yang digunakan 2) Ketersediaan koneksi internet 3) Browser (Chrome, Mozilla Firefox, Opera, UC Browser) 2.1 Akses Halaman Depan Halaman depan merupakan tampilan website yang disajikan untuk publik. Sedapat mungkin halaman depan disusun sedemikian rupa agar pengunjung website yang membuka dapat melihat dan mendapatkan informasi yang disajikan oleh instansi dalam websitenya. 3

Tata caranya sebagai berikut: Buka browser 4

Ketikkan alamat website : dinas.pemalangkab.go.id (alamat subdomain dibagikan ke masing-masing peserta) Silahkan buka menu-menu yang sudah tersedia dan pelajari informasi-informasi apa yang disediakan dalam web tersebut. 2.2 Akses Halaman Admin Halaman Admin atau Dasbor merupakan halaman untuk melakukan aktivitas pengaturan website. Login sebagai admin Untuk mengakses website caranya sebagai berikut: Buka alamat situs dan ditambahkan /wp-admin, contoh: dinas.pemalangkab.go.id/wp-admin Masukkan Nama Pengguna dan password, lalu klik Log Masuk Tampilan akan terlihat seperti gambar di bawah ini 5

C. STRUKTUR MENU 3.1 Struktur Menu di Halaman Admin a. Menu Pos Menu ini digunakan untuk mengelola postingan berita dan artikel lainnya. Di dalam menu ini ada beberapa menu tambahan: 1) Semua Pos, digunakan untuk menampilkan semua artikel yang telah diposting; 2) Tambah Baru, digunakan untuk membuat postingan artikel baru 3) Kategori, digunakan untuk membuat dan mengelola kategori postingan 4) Tag, digunakan untuk mengelola kata kunci dalam postingan b. Menu Media 6

merupakan tempat penyimpanan file dokumen dan gambar. Kapasitas yang disediakan wordpress sebesar 128 MB. Menu ini biasa diakses pada saat kita membuat halaman statis atau membuat postingan baru. 1) Pustaka, berisi file-file atau gambar yang sudah diunggah. 2) Tambah Baru, digunakan untuk mengunggah file atau gambar baru c. Menu Laman Menu Laman digunakan untuk mengelola halaman statis. 1) Semua Laman, digunakan untuk menampilkan semua halaman statis yang sudah dibuat. 2) Tambah Baru, digunakan untuk membuat halaman statis yang baru d. Menu Komentar Menu ini digunakan untuk mengelola komentar baik edit, tambah maupun hapus. e. Menu Kontak Menu ini digunakan untuk membuat dan mengedit form kontak yang disematkan di Halaman Kontak. f. Menu Tampilan 7

Menu Tampilan digunakan untuk mengelola tampilan depan sebuah website. Dalam menu ini terdapat beberapa menu, sebagai berikut: 1) Tema, digunakan untuk mengganti tema website 2) Sesuaikan, digunakan untuk mengatur tampilan website secara keseluruhan 3) Widget, digunakan untuk mengelola isi dari sidebar maupun footer 4) Menu, digunakan untuk menyusun dan mengelola menu di halaman depan 5) Kepala Laman, digunakan untuk mengelola kepala website atau header 6) Latar Belakang, digunakan untuk mengelola latar belakang website 7) Sidebar Generator, digunakan untuk mengelola sidebar. Menu ini ada karena adanya plugin Sidebar Generator 8) About ColorMag, menu ini hanya berisi keterangan dari tema yang sedang digunakan yatiu ColorMag 9) Penyunting, digunakan jika kita memerlukan edit script tema untuk menyesuaikan tampilan. g. Menu Pengguna Menu ini digunakan untuk mengelola pengguna (user). 1) Semua Pengguna, digunakan untuk menampilkan semua pengguna yang terdaftar 2) Tambah Baru, digunakan untuk menambah pengguna baru 8

Profil Anda, digunakan untuk melihat profil pengguna yang aktif. Di sini bisa dilakukan pengeditan. h. Menu Perkakas Menu Perkakas menyediakan fasilitas Impor dan Ekspor. 1) Impor, digunakan untuk impor konten hasil backup dari website sebelumnya jika ada 2) Ekspor, digunakan untuk backup konten dari website yang sedang aktif. Fungsinya untuk mengantisipasi hal-hal yang tidak diinginkan seperti web rusak atau terkena serangan. Menu Pengaturan Menu Pengaturan menu yang digunakan untuk mengatur website Umum, merupakan aturan umum untuk mengubah judul website, e-mail, setingan waktu dll 1) Menulis, pengaturan untuk mengatur tata postingan artikel 2) Membaca, pengaturan untuk pembaca atau pengunjung website 3) Diskusi, pengaturan interaksi di website salah satunya adalah komentar 4) Media, pengaturan untuk file-file dan gambar yang diunggah 5) Permalink, digunakan untuk mengatur URL 9

3.2 Struktur Menu di Halaman Depan Berikut ini kerangka struktur menu di halaman depan website. Menu Sub Menu Keterangan Beranda hanya sebagai navigasi untuk ke halaman utama website Profil - Sekilas Tentang Dinas - Sejarah Dinas - Visi dan Misi Dinas - Kepala Dinas - Struktur Organiasi - Tupoksi Dinas - Daftar Nama Pegawai - halaman statis yang diisi dengan prolog tentang dinas yang bersangkutan - halaman statis yang diisi dengan sejarah dinas - halaman statis yang diisi dengan visi dan misi dinas - halaman statis yang diisi dengan foto kepala dinas dan sambutannya - halaman statis yang diisi dengan gambar atau tabel struktur organisasi - halaman statis yang diisi dengan Tugas Pokok dan Fungsi dari dinas - halaman statis yang diisi dengan tabel data pegawai beserta jabatan Berita pengelompokan artikel diambil dari kategori posting artikel Agenda agenda kegiatan dinas yang diambil dari kategori posting artikel Informasi Publik - Info Publik Berkala - Info Publik Serta Merta - Info Publik Setiap Saat halaman statis yang diisi dengan daftar tabel informasi-informasi yang bisa diakses oleh publik Galeri halaman statis yang berisi foto-foto kegiatan Video Pengelompokan artikel diambil dari kategori posting artikel Kontak halaman statis yang berisi alamat, nomor telp, email dinas. Catatan: Struktur menu ini tidak baku, masing-masing dinas bisa mengembangkan struktur menunya masing-masing sesuai kebutuhan 10

D. MEMBUAT KATEGORI DAN POSTING ARTIKEL 4.1 Membuat Kategori Buatlah tiga kegori sebagai berikut: a. Berita b. Agenda c. Video Langkah membuat kategori adalah sebagai berikut: Silahkan klik menu Pos lalu pilih Kategori Isi seperti gambar mulai Nama, Slug lalu klik Tambah Kategori Baru. Lakukan hal yang sama untuk kategori Agenda dan Video. 11

Hasilnya akan terlihat seperti gambar berikut ini: Jika membutuhkan kategori lainnya silahkan buat dengan cara yang sama. Usahakan untuk pembuatan kategori dibuat sesuai kebutuhan. Kategori yang dibuat ini pilihannya akan muncul di pada saat kita posting artikel baru. 4.2 Posting Artikel Buatlah tiga posting artikel berdasarkan kategori berita, agenda dan video. a. Posting Artikel Berita Posting artikel berita digunakan untuk posting semua kegiatan dinas. Gunakan kaidahkaidah jurnaslis yang biasa disebut 5W 1 H. Apa saja komponennya? Usahakan dalam artikel memuat beberapa komponen berita sebagai berikut: 1) Tentang kegiatan yang dilaksanakan 2) Orang-orang yang terlibat dalam kegiatan 3) Tempat dilaksanakan kegiatan 4) Tujuan kegiatan 5) Kapan dilaksanakan kegiatan 6) Detail selama berlangsungnya kegiatan 7) Siapkan foto kegiatan dengan ukuran 1200 x 802 px (ukuran ini sesuai slider di halaman depan). Buatlah minimal memuat 2-3 paragraf dengan aplikasi Office di komputer atau PC masing-masing. Setelah jadi artikelnya silahkan salin dan masukkan ke dalam website. 12

Silahkan ikut tatacara posting artikel berita sebagai berikut: Klik menu Pos dan pilih Tambah Baru Isi mulai dari judul pada kotak nomor 1 dan isi pada kotak nomor 2. Gunakan tool bar yang terdapat dalam kotak berwarna hijau jika diperlukan. Centang kategori berita Berilah tag nama dinas, dan nama kegiatan. Unggah gambar utama. Untuk memenuhi tampilan terbaik resolusi gambar menggunakan ukuran 1200 x 802 px. Untuk edit gambar silahkan gunakan aplikasi pengolah gambar seperti Photoshop sebelum gambar tersebut diupload. 13

Pilih menu Unggah Berkas dan Pilih Berkas Cari gambar yang mau diunggah lalu klik Open. 14

Setelah gambar diunggah silahkan klik Buat gambar utama Gambar akan muncul di bagian bawah sebelah kanan. Langkah terakhir untuk mengeksekusi pembuatan posting artikel berita ini adalah dengan klik menu Terbitkan yang ada di sebalah kanan atas. Hasil postingan dapat dilihat di halaman depan 15

b. Posting Agenda Pada prinsipnya posting Agenda, tatacaranya sama seperti ketika posting artikel berita. Perbedaannya hanya pada pemilihan kategori yaitu Agenda. Secara otomatis nanti postingan ini akan terkelompok di menu Agenda atau tampilan depan website. Beberapa hal yang perlu diperhatikan dalam posting Agenda. 1) Judul agenda kegiatan 2) Tanggal pelaksanaan kegiatan 3) Tempat pelaksanaan kegiatan 4) Gambar banner atau gambar pendukung c. Posting Video Tata cara posting video di website pada dasarnya sama seperti langkah-langkah posting berita dan agenda. Bedanya kali ini untuk posting video mengambil script dari layanan video online salah satunya adalah youtube. Pertama-tama klik dulu menu Pos lalu pilih Tambah Baru. 16

Akan muncul editor untuk posting baru Centang kategori Video Pada browser silahkan klik tanda plus (+) atau tekan Ctrl+T pada keyboard untuk membuka tab baru. Buka situs youtube.com Carilah video yang akan diposting dalam website 17

Pada saat video sudah diputar, cek bagian bawah video. Klik Share lalu pilih Embed. Salin script kode yang muncul. Ubah tampilan menjadi text. Selanjutnya hasil salinan diletakkan di editor. Atur ukuran layar video dengan edit ukuran menjadi 800 x 400 px. Atur juga Gambar Utama dengan unggah gambar yang relevan dengan video. Ukuran gambar 1200 x 802 px agar bisa terpanggil oleh slider di halam depan dan teratur. 18

Langkah terakhir klik menu Terbitkan Untuk melihat hasilnya silahkan klik Tampilannya akan terlihat seperti gambar di bawah ini: 19

E. MEMBUAT HALAMAN STATIS Halaman Statis merupakan salah satu fasilitas untuk menyediakan informasi yang sifatnya statis. Informasi yang disajikan jarang dilakukan pembaruan. 5.1 Membuat Halaman Profil Halaman profil ini terdiri dari beberapa halaman statis antara lain: a. Sekilas Tentang Dinas, berisi prolog tentang dinas yang bersangkutan; b. Sejarah Dinas, berisi tentang sejarah dinas; c. Visi dan Misi, berisi tentang visi dan misi dinas; d. Kepala Dinas, berisi foto kepala dinas dan sambutannya e. Struktur Organiasi, berisi gambar atau tabel struktur organisasi f. Tupoksi Dinas, berisi Tugas Pokok dan Fungsi dari dinas g. Daftar Nama Pegawai, berisi tabel data pegawai beserta jabatan No Nama Pegawai Bidang Pangkat 1 2 3 Seperti yang sudah dijelaskan di atas bahwa struktur menu atau halaman ini tidak baku. Sesuaikanlah dengan kebutuhan masing-masing dinas. Dalam panduan ini kami akan menjelaskan cara membuat satu halaman statis berupa Halaman Visi dan Misi. Untuk halaman lainnya bisa dicoba dengan cara yang sama. Pilih menu Laman dan pilih Tambah Laman baru Dibandingkan dengan posting berita, agenda dan video, posting halaman statis jauh lebih simpel. Tulis judul Visi dan Misi lalu masukkan isi ke dalam editor. Langkah terakhir adalah klik Terbitkan. Jika dibutuhkan untuk menyematkan gambar, silahkan klik Tambahkan Media yang terletak di atas toolbar. 20

Untuk melihat halaman yang telah dibuat, silahkan klik Tampilkan Laman yang ada di bagian atas Buatlah halaman lainnya dengan menggunakan cara yang sama dengan cara membuat halaman statis Visi dan Misi. 5.2 Membuat Halaman Kontak Untuk membuat halaman Kontak tatacaranya sama dengan cara membuat halaman statis Visi dan Misi. Perbedaannya pada isi dan pilihan template halaman. Untuk isi dari halaman kontak antara lain: a. Alamat Kantor b. No. Telepon Kantor c. Email Kantor d. Web Kantor e. Kontak Form Inputan untuk halaman Kontak seperti gambar di bawah ini. Pada Template di bagian kanan bawah silahkan pilih Contact Page Template. Pada bagian isi silahkan sematkan script form kontak yang didapat dari Plugin ContactForm7. Untuk melengkapi isi halaman kontak silahkan unggah foto dari depan kantor dinas masing-masing. 21

Tampilan di halaman depan seperti berikut: 5.3 Membuat Halaman Informasi Publik Sesuai amanat Undang-Undang No. 14 Tahun 2008 tentang Keterbukaan Informasi publik, Badan Publik dalam hal ini Dinas/Kantor Pemerintahan wajib menyediakan akses layanan bagi masyarakat terhadap informasi publik tersebut. Ada 3 (tiga) jenis informasi yang wajib disediakan, antara lain: 22

a. Informasi Publik yang wajib diumumkan secara berkala b. Informasi Publik yang wajib diumumkan secara serta-merta c. Informasi Publik yang wajib tersedia setiap saat Informasi yang disajikan pada ketiga halaman tersebut berupa daftar informasi yang tersaji dalam tabel dan diberi link untuk download. Ada dua langkah yang perlu dilakukan secara bersamaan. Pertama siapkan daftar informasi yang akan disajikan, usahakan sudah dikonversi ke dalam bentuk PDF. Unggah melalui menu Media Klik menu Media dan pilih Tambah Baru Klik Pilih Berkas Pilih file PDF yang akan diunggah lalu klik Open 23

Setelah file terunggah silahkan klik menu Sunting Tampilan akan diarahkan ke URL Berkas. Sampe di sini biarkan dulu dan siapkan bahan yang lain. Di sisi lain silahkan siapkan daftar tabel informasi publik dengan menggunakan aplikasi Office Word. Buat seperti di bawah ini. Tabel disalin lalu di letakkan di dalam editor web. No Daftar Informasi Publik Link 1 Ringkasan Laporan Keuangan Unduh 2 Ringkasan Laporan Akses Informasi Publik Unduh 3 Unduh 4 Unduh 5 Unduh... Unduh Hasil salinan yang diletakkan di editor web akan tampil seperti gambar di bawah ini. Silahkan beri judul sesuai dengan isinya. 24

Sebelum diposting, terlebih dahulu isi tabel Unduh dipasang link untuk download. Blok kata Unduh lalu klik icon untuk menyisipkan URL. Kembali ke tampilan URL Berkas. Salin terlebih dahulu URL Berkas atau link file PDF. 25

Kembali lagi ke Editor, silahkan klik gambar gear. Setelah tampilan baru muncul, letakkan URL Berkas di kotak URL. Centang Buka tautan di tab baru yang berfungsi untuk mengarahkan unduh langsung. Berikutnya klik Tambahkan Tautan. 26

Kembali ke Editor, dan kata UNduh yang sudah diberi link URL akan berubah warna menjadi biru. Ulangi langkah tersebut untuk menambahkan link URL Unduh yang lain. Langkah terakhir klik Terbitkan Hasil dari halaman Informasi Publik yang dibuat akan seperti gambar di bawah ini pada halaman depan website: Buatlah daftar informasi publik Serta Merta dan Setiap Saat dengan cara yang sama. F. MENGATUR TAMPILAN Pengunjung website akan melihat tampilan konten yang disajikan dalam website. Untuk itu, penampilan halaman depan website sangat mempengaruhi pengunjung. Ada beberapa hal yang haru diperhatikan dalam mengatur tampilan agar website, antar lain: 27

6.1 Mengganti Tema Tema diibaratkan seperti bajunya website. Banyak sekali tersedia tema-tema menarik yang bisa digunakan untuk mengubah tampilan website yang kita kelola. Perlu diingat bahwa, masing-masing tema mempunya komponen dan fitur yang berbeda-beda. Jika melakukan penggantian tema tentu harus juga mengubah-ubah setingan yang lainnya. Untuk mengganti tema, caranya sebagai berikut: Klik menu Tampilan dan piih Tema Dari tema yang tersedia silahkan pilih dan klik menu Aktifkan Saat ini Tema yang aktif adalah ColorMag versi free. Selain mengganti dari tema yang sudah tersedia, kita juga bisa mengganti tema dengan cara upload file tema berekstensi.zip. Salah satu penyedia tema wordpress premium yang banyak pilihan adalah themeforest.net. Catatan: untuk versi pengembangan akan dimasukkan tutorial unggah tema premium. 28

6.2 Mengatur Layout Layout sebuah website sangat dipengaruhi oleh tema yang dipasang. Berdasarkan tema yang digunakan saat ini yaitu ColorMag, pengaturan layout untuk halaman depan berada di setingan Widget. Buat terlebih halaman Beranda. Caranya sama ketika membuat halaman statis lainnya. Cukup diberi judul Beranda tanpa diisi lalu terbitkan. Jadi yang dibuat adalah sebuah halaman kosong. Sekarang panggil halaman Beranda sebagai halaman utama website. Caranya sebagai berikut: Klik menu Pengaturan dan pilih Membaca. Pilih Halaman Statis, pada menu dropdown pilih Beranda. Beranda ini merupakan halaman yang dibuat pada tahapan sebelumnya. 29

Selanjutnya Simpan Perubahan Selanjutnya mengatur tata letak postingan di halaman depan. Silahkan perhatikan layout halaman depan website. Ada beberapa harus kita atur: a. Blok 1, merupakan blog slider yang berisi postingan terbaru dari semua kategori (Berita, Agenda dan Video) b. Blok 2, berisi postingan yang berkategori Video c. Blok 3, berisi postingan yang berkategori Berita d. Blok 4, berisi postingan yang berkategori Agenda 30

Untuk mengatur tampilan tersebut silahkan klik menu Tampilan lalu pilih Widget 31

Perhatikan langkah beirkut ini. 1) Blok 1 berupa TG: Featured Category Slider (berisi semua postingan terbaru) 2) Blok 2 berupa TG: Highlght Post yang berisi posting berkategori Video 3) Blok 3 dan 4 berupa TG: Featured Posts (Stayles 1) Seret Widget Blok 1 ke Front Page: Slider Area Seret Widget Blok 2 ke Fornt Page: Area beside slider Seret Widget Blok 3 ke Front Page: Content Top Section Seret Widget Blok 4 ke Front Page: Content Top Section Atur masing-masing widget agar bisa memanggil posting sesuai kategori. Untuk blok 1 karena yang akan ditampilkan semua postingan maka yang dipilih Show Lates Posts. Silahkan atur berapa gambar slide yang akan ditampilkan dengan memberi angka pada Number of posts to display lalu klik Simpan. 32

Untuk Blok 2 sampai blok 4 silahkan atur postingan sesuai dengan kategorinya. Piliha Show posts from a category, pada menu dropdown silahkan pilih kategorinya dan jangan lupa atur jumlah postingan yang akan ditampilkan lalu klik Simpan. Catatan: kategori bisa dipanggil dengan syarat minimal sudah ada satu postingan. Jika belum, maka kategori tidak bisa kita atur untuk muncul di tampilan halaman depan. 33

6.3 Memasang Sidebar dan Footer Sidebar merupakan kompone halaman depan website yang biasanya terletak di bagian kanan atau kiri sedangkan Footer berada di bawah. a. Memasang Link Tautan Mulaiah dengan klik menu Tampilan lalu pilih widget. Seret pilihan widget Text ke Right Sidebar lalu buka. Untuk membuat tautan sederhana kita gunakan script HTML. Silahkan salin text HTML berikut <a href="http://jatengprov.go.id">provinsi Jawa Tengah</a> <BR><a href="http://www.pemalangkab.go.id">pemkab Pemalang</a> <BR><a href="http://ppid.pemalangkab.go.id//">ppid Pemkab Pemalang</a> <BR><a href="http://lpse.pemalangkab.go.id/eproc/">lpse Pemalang</a> <BR><a href="http://jdih.pemalangkab.go.id/">jdih</a> <BR><a href="http://izinonline.pemalangkab.go.id/">perizinan Online</a> <BR><a href="#">lapor Bupati</a> Letakkan seperti gambar di bawah ini, lalu klik Simpan. 34

Hasilnya seperti gambar di bawah ini: b. Badge Twitter dan Facebook Untuk menampilkan twitter dan facebook pada Sidebar website caranya sama seperti membuat tautan. Seret widget Text ke Right Sidebar, 35

Silahkan copy script berikut ini: <a class="twitter-timeline" data-width="300" data-height="400" href="https://twitter.com/pemkabpemalang">tweets by PemkabPemalang</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> Gantilah kata PemkabPemalang dengan akun twitter instansi masing-masing, misal @disdukcapilpml. Atur ukurannya (300x400px) sesuai kebutuhan. Usahakan width tetap di angka 300, sedangkan height silahkan atur sesuai kebutuhan. Langkah terakhir klik Simpan. Untuk memasang badge Facebook juga caranya sama seperti memasang badge Twitter. Silahkan salin script berikut ini: <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3a%2f%2fwww.face book.com%2fpemkabpemalang/&width&height=290&colorsche me=light&show_faces=true&header=true&stream=false&sh ow_border=true&appid=334537893317007" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowtransparency="true"></iframe> 36

Silahkan ubah Pemkabpemalang dengan URL fan Page instansi masing-masing. Jika belum ada Fan Page silahkan buat terlebih dahulu di Facebook. c. Menambahkan Kontak pada Footer Footer sangat dipengaruhi oleh tema yang dipasang. Untuk tema ColorMag yang saat ini digunakan, footer dibagi menjadi 4 bagian, antara lain: 1) Fooder Sidebar One 2) Fooder Sidebar Two 3) Fooder Sidebar Three 4) Fooder Sidebar Four Seret widget Text ke Footer Sidebar One. Caranya sama dengan ketika membuat Tautan, menambahkan badge twitter dan facebook. Isi dengan informasi kontak instansi (Alamat, No. Telp, Email, Web) 37

6.4 Mengatur Menu Menu navigasi digunakan untuk memudahkan pengunjung website dalam menjelajah isi website. Susunlah menu-menu tersebut dengan cara sebagai berikut: Klik menu Tampilan lalu pilih Menu Ada 4 (empat) pilihan yang bisa dijadikan menu: a. Laman, merupakan halaman statis yang sudah dibuat di tahapan sebelumnya; b. Pos, merupakan pembuatan menu yang mengacu pada postingan artikel. Bagian ini jarang sekali digunakan karena; c. Taut Tersuai, merupakan menu dengan menambahkan URL, bisa URL internal website atau URL link dari website lain; d. Kategori, merupakan menu yang tersusun dari kategori posting. Sekarang kita mulai dari pembuatan menu Laman. Secara otomatis halaman statis yang sudah kita buat akan muncul di kelompok ini. Centang halaman statis yang akan dijadikan menu lalu klik Tambahkan ke Menu. 38

Hasilnya seperti gambar di bawah ini. Di bagian sebelah kanan bisa dilihat menu-menu dari hasil halaman statis. Biarkan terlebih dahulu sebelum kita rapikan tata letak menunya. Selanjutnya pembuatan menu dengan Kategori, silahkan centang kategori yang akan dijadikan menu lalu klik Tambahkan ke Menu. 39

Menu Taut Tersuai. Berhubung Menu utama Informasi Publik tidak dibuatkan halaman statisnya maka dibuatkan dengan Taut Tesuai. Tambahkan tanda (/) kemudian tuliskan Informasi Publik dan Klik Tambahkan ke Menu. Aturlah susunan menu agar rapi. Bagian-bagian yang akan dijadikan Sub Menu geser ke bagian dalam dengan kursor. 40

Untuk Lokasi Tema, centang pilihan Primary Menu. Hal ini dimaksudkan agar kelompok menu yang kita susun tadi aktif dan bisa dilihat di halaman depan website. Setelah semuanya disusun rapi lanjutkan dengan klik Simpan Menu Hasilnya di halaman depan adalah seperti gambar di bawah ini: G. MANAJEMEN USER/PENGGUNA Website yang digunakan saat ini mendukung multi user. User yang aktif saat ini adalah sebagai Administrator yang memiliki hak akses penuh terhadap website instansi. Untuk mengisi konten website sebaiknya dibuatkan user lain sebagai Kontributor yang memiliki akses hanya bisa membuat halaman statis dan posting artikel. Untuk membuat user baru silahkan klik menu Pengguna dan pilih Tambah Baru. 41

Isi formulir yang diperlukan mulai dari Nama, Surel/Email, Nama Depan, Nama Belakang, Situs Web jika ada dan password. Untuk Peranan, pilihlah Kontributor. 42

Selanjutnya klik Tambahkan Pengguna Baru Daftar pengguna/user bisa dilihat seperti gambar di bawah ini. Sebagai Administrator memiliki hak akses untuk menambahkan pengguna baru, mengedit dan menghapus pengguna. Cukup dengan dekatkan kursor ke arah pengguna maka akan muncul menu Sunting dan Hapus. Silahkan gunakan fasilitas ini sesuai dengan kebutuhan. H. MENGELOLA KOMENTAR Setiap postingan artikel di website memiliki form komentar. Ini memungkinkan pengunjung untuk memberikan komentar. Sebagai admin, kita harus bisa mengelola komentar secara bijak. Jika komentar tidak relevan atau berbau sara, sedapat mungkin Admin menghapusnya. Klik menu Komentar 43

I. MENGAKHIRI PROSES KERJA Setiap selesai mengelola website, jangan lupa untuk mengakhiri proses. Caranya silahkan cek bagian kana atas. Klik menu Log Keluar. Demikianlah Panduan Pengelolaan Website Pemerintah Kabupaten Pemalang. Terima Kasih 44