PANDUAN PENGELOLAAN WEBSITE PEMERINTAH KABUPATEN PEMALANG

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 Diskominfo Kabupaten Pemalang==

Panduan Pengelolaan Website Pemerintah Kabupaten Pemalang A. KOMPONEN WEB

Website yang dibangun: Platform

: Web (CMS Wordpress)

Bahasa Pemrograman

: PHP

Database

: MySQL

Server

: 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

Beranda

Keterangan hanya sebagai navigasi untuk ke halaman utama website

Profil

- Sekilas Tentang Dinas

- halaman statis yang diisi dengan prolog tentang dinas yang bersangkutan

- Sejarah Dinas

- halaman statis yang diisi dengan sejarah dinas

- Visi dan Misi Dinas

- halaman statis yang diisi dengan visi dan misi dinas

- Kepala Dinas

- halaman statis yang diisi dengan foto kepala dinas dan sambutannya

- Struktur Organiasi

- halaman statis yang diisi dengan gambar atau tabel struktur organisasi

- Tupoksi Dinas

- halaman statis yang diisi dengan Tugas Pokok dan Fungsi dari dinas

- Daftar Nama Pegawai

- 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 - Info Publik Berkala

halaman statis yang diisi dengan daftar tabel

Publik

- Info Publik Serta Merta

informasi-informasi yang bisa diakses oleh

- Info Publik Setiap Saat

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

Provinsi Jawa Tengah
Pemkab Pemalang
PPID Pemkab Pemalang
LPSE Pemalang
JDIH
Perizinan Online
Lapor Bupati



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:

Tweets by PemkabPemalang <script async src="//platform.twitter.com/widgets.js" charset="utf-8">

 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">

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


PANDUAN PENGELOLAAN WEBSITE PEMERINTAH KABUPATEN PEMALANG

Recommend Documents