TUTORIAL PENGELOLAAN WEB PROFIL OPD DINAS KOMUNIKASI DAN INFORMATIKA (DISKOMINFO) KABUPATEN WONOSOBO Jl. Tumenggung Jogonegoro No. 08 Wonosobo Telp. (0286) 321341 / Fax. (0286) 321341 Email: diskominfo.wonosobo@gmail.com Website: diskominfo.wonosobokab.go.id
DAFTAR ISI 1. CARA LOGIN ADMIN.. 2. MENGENAL ADMINISTRATOR AREA... 3. PENGELOLAAN POST / ARTIKEL... Melihat Seluruh Post / Artikel... Menambah Post / Artikel Baru Mengelola Kategori Post... 4. PENGELOLAAN PAGES.. Menambah Pages Baru... 5. PENGELOLAAN MEDIA. Melihat Seluruh Media... Menambah Media Baru.. 6. PENGELOLAAN MENU WEBSITE... 7. PENGELOLAAN USER... Melihat Seluruh User. Menambah User Baru... Role User (Hak Akses / Level Pengguna).. Merubah Profil Admin... 8. MENYESUAIKAN UKURAN GAMBAR AGAR SESUAI DENGAN TEMA MENGGUNAKAN PHOTOSHOP.. 9. SETTING MENU LAYANAN PENGADUAN MASYARAKAT. 10. PENGELOLAAN TAMPILAN BERANDA... Merubah Nama Situs pada Title Bar... Merubah Logo Pemkab & Nama OPD..... Merubah Link Social Media...... Merubah Slide Show Foto.. Merubah Bottom Info... Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 1
1. CARA LOGIN ADMIN a. Login Admin di Website Buka browser, lalu ketikkan (alamat web anda)/(nama folder yang tadi kita buat di htdocs)/wp-admin lalu tekan enter. Contoh : localhost/opd/halaman-login.php b. Masukkan username admin yang telah kita buat tadi. Kemudian tekan tombol Log in Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 2
2. MENGENAL ADMINISTRATOR AREA Posts adalah menu untuk menulis post / artikel baru. Media adalah menu yang digunakan untuk melakukan pengaturan konten multimedia yang ada dalam wordpress. Seperti file video, gambar atau suara yang sudah diunggah sebelumnya. Pages, fungsinya hampir sama dengan Posts. Namun menu ini digunakan untuk melakukan penulisan page. Secara garis besar, posting adalah artikel yang tersusun dan terstruktur juga terurut. Berbeda dengan posting, page berdiri sendiri sebagai halaman blog dan terpisah dengan posting. Pada website portal, post bisa diibaratkan sebagai berita selalu update, sedangkan page merupakan halaman web lainnya yang berdiri sendiri. Comments merupakan menu untuk pengaturan komentar. Seperti meng-approve, men-delete komentar spam, dan lain sebagainya. News2 adalah menu untuk mengatur branding website (tema web) Appareances adalah menu untuk mengedit tampilan blog anda. Di dalamnya berisi daftar screenshot theme yang ada di blog anda. Menambahkan widget di sidebar ataupun mengedit file-file theme anda secara langsung. Plugins merupakan fasilitas tambahan di luar service wordpress yang berfungsi untuk memperkaya dan melengkapi blog anda. Users berisi daftar user yang bergabung di blog anda. Ada beberapa tingkat user yang disediakan wordpress secara default, yaitu Administrator, Editor, Author, Contributors, Subcriber. Tools merupakan menu untuk melakukan ekspor atau impor konten dari dan ke sistem wordpress. Settings terdapat beberapa konfigurasi dari blog anda seperti, konfigurasi tanggal dan waktu, permalink url, lokasi upload file (media library), rss dan sebagainya. Beberapa plugin juga menggunakan submenu di bawah menu Setting untuk meletakkan shortcut konfigurasinya. Untuk menu ini kita juga akan bahas di artikel tersendiri karena banyak konfigurasi yang berhubungan dengan SEO. Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 3
3. PENGELOLAAN POST / ARTIKEL Melihat Seluruh Post Klik Menu Posts All Posts Setelah di klik akan muncul tampilan berikut ini : Add New : untuk menambah post /artikel baru Edit Quick Edit Trash View : untuk mengedit post / artikel yang sudah dibuat : cara cepat untuk edit post / artikel : untuk menghapus post / artikel : untuk melihat tampilan post / artikel yang dibuat Note : Setiap melakukan perubahan, jangan lupa klik tombol Update untuk menyimpan Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 4
Menambah Post Baru Klik Menu Posts Add New Atau Klik menu Posts All Posts Add New Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 5
Setelah di klik akan muncul tampilan berikut ini : 1. Beri nama judul post / artikel 3. Apabila ingin menambah media 4. Pengaturan tulisan post / artikel 8. Klik Publish setelah selesai pengaturan post / artikel 2. Isikan post / artikel disini 5. Pengaturan format post / artikel, biasanya menggunakan format yang Standard 6. Pengaturan kategori post / artikel. Note: Setiap membuat post jangan pernah lupa untuk memasukkan post tersebut ke dalam kategori, ini merupakan hal yang penting. 7. Tambahkan gambar depan untuk post / artikel disini Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 6
Mengelola Kategori Post Klik menu Posts Categories Setelah di klik akan muncul tampilan berikut ini : Name : nama kategori baru Parent : apabila kategori tsb merupakan sub kategori Klik Add New Kategori apabila telah selesai Tampilan daftar kategori yg telah dibuat 4. PENGELOLAAN PAGES Pengelolaan pages hampir sama dengan pengelolaan post, namun perbedaan antara post dengan page yaitu post merupakan artikel yang tersusun dan terstruktur juga terurut, sedangkan page berdiri sendiri sebagai halaman blog dan terpisah dengan post. Pada website portal, post bisa diibaratkan sebagai berita selalu update, sedangkan page merupakan halaman web lainnya yang berdiri sendiri, contohnya yaitu Contact Us. Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 7
Untuk mengelola pages silahkan klik menu Pages All Pages digunakan untuk melihat semua Pages yang telah dibuat. Note : Tampilan dan pengelolaannya sama persis dengan menu Post All Posts Add New digunakan untuk membuat Pages baru. Menambah Pages Baru Klik Menu Pages Add New Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 8
Setelah di klik akan muncul tampilan berikut ini : 1. Beri nama judul pages 2. Apabila ingin menambah media 3. Pengaturan tulisan pages 7. Klik Publish setelah selesai pengaturan pages 4. Isikan pages disini 5. Pengaturan format pages Note : Parent : Apabila page tersebut merupakan sub pages Template : Gunakan Default Template saja Order : Untuk merubah urutan / letak pages 6. Tambahkan gambar depan untuk pages disini 5. PENGELOLAAN MEDIA Melihat Seluruh Media Klik Menu Media Library Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 9
Berikut ini merupakan tampilan Media Library : Add New : Digunakan untuk menambah media baru All Media Items : digunakan untuk memfilter media, misal hanya ingin melihat file foto saja atau file video saja. All Dates : digunakan untuk memfilter media berdasarkan bulan dan tahun upload. Note : Jangan lupa klik Bulk Select setelah memilih jenis filter tsb. Tampilan daftar seluruh media Menambah Media Baru Klik Menu Media Add New Setelah di klik akan muncul tampilan berikut ini : 1. Klik Select Files untuk memilih file yang akan di upload Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 10
2. Pilih file yang akan di upload 3. Klik Open untuk meng-upload file 6. PENGELOLAAN MENU WEBSITE Klik Menu Appearance Menus Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 11
Setelah di klik akan muncul tampilan berikut ini : Jangan Lupa Untuk Mnekan Tombol Save Menu ketika telah selesai melakukan perubahan menu 1 Ada 4 jenis menu yang bisa ditambahkan, yaitu : 2 4 3 1. Pages : befungsi untuk menampilkan pages (halaman yang berdiri sendiri) yang telah dibuat. Contoh : Contact Us 2. Posts : berfungsi untuk menampilkan post / artikel yang telah dibuat. 3. Custom Links : berfungsi untuk menampilkan halaman web / URL tertentu. 4. Categories : berfungsi untuk menampilkan Ketegori Post / Artikel. 7. PENGELOLAAN USER Melihat Seluruh User Klik Menu Users All Users Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 12
Setelah di klik akan muncul tampilan berikut ini : Add New : Digunakan untuk menambah user baru Digunakan untuk melihat jumlah user di setiap level Tampilan daftar semua user Ganti Bulk Action menjadi Delete apabila ingin menghapus user, kemudian klik Apply. Change Role digunakan untuk merubah level user. Keterangan tentang level user tersebut akan dijelaskan di bawah. Menambah User Baru Klik Menu Users Add New Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 13
Setelah di klik akan muncul tampilan berikut ini : 1. Username : nama pengguna (digunakan untuk login) 2. Email : alamat email pengguna 3. First Name : nama depan pengguna 4. Last Name : nama belakang pengguna 5. Website : alamat website pengguna (boleh diisi atau dikosongi) 6. Password : kata sandi yang digunakan untuk login (klik Show Password untuk mengisi kata sandi) 7. Send User Notification : notifikasi ke alamat email pengguna (boleh digunakan maupun tidak) 8. Role : hak akses / level pengguna (keterangan mengenai hak akses akan dijelaskan di bawah) Role User (Hak Akses / Level Pengguna) : Administrator Role ini memiliki kedudukan tertinggi di dalam hak akses wordpress. User ini bisa memiliki akses semua fitur yang ada didalam WordPress, antara lain administrasi plugin, manajemen user, manajemen artikel baik yang bersifat private maupun publik (bisa berupa post maupun page), pengaturan theme, manajemen kategori, file dan media yang diupload serta mampu memoderasi komentar. Editor Role yang berada dibawah administrator adalah editor. Hak akses yang dimiliki oleh editor adalah melakukan segala bentuk administrasi semua artikel (bisa berupa post maupun page), manajemen kategori, upload file/media serta melakukan moderasi komentar. Akses yang TIDAK bisa dilakukan oleh editor adalah manajemen user, plugin dan theme. Author Role setingkat dibawah Editor adalah Author, ia berhak mengatur manajemen artikel (berjenis post) yang ditulisnya sendiri termasuk dapat mem-publish artikelnya sendiri, serta berhak melakukan upload file. Bedanya dengan role Editor adalah, dia tidak bisa melakukan moderasi komentar (meskipun komentar itu berada pada artikel yang di postingnya sendiri). Contributor Role yang letaknya persis dibawah author hanya berhak untuk menulis artikel (berjenis post) serta mengeditnya. Artikel yang bisa diedit, hanya artikel yang ditulis oleh contributor itu sendiri. Artikel yang telah ditulis oleh contributor hanya bisa dipublish oleh Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 14
Level Administrator atau Level Editor, dengan kata lain contributor tidak bisa mempublish tulisannya. Artikel yang telah di publish oleh Administrator atau Editor tidak dapat diedit/dihapus lagi oleh contributor. Subscriber Role subscriber adalah level yang paling bawah dalam manajemen role WordPress. Subscriber dapat membaca, dan memberikan komentar. Kelebihan subscriber dibandingkan dengan pengunjung biasa (guest user) adalah, subscriber dapat membaca post yang di private dan mengomentari post yang kolom komentarnya telah dilimit/dibatasi atau dibuat ketentuan Users must be registered and logged in to comment pada menu Discussion Settings. Merubah Profil Admin Klik Menu Users Your Profil Setelah di klik akan muncul tampilan berikut ini Terdapat beberapa informasi tentang profil admin di dalam menu ini, yaitu Personal Options, Name, Contact Info, About Yourself, dan Account Management. Silahkan ubah informasi tersebut sesuai keinginan. Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 15
8. MENYESUAIKAN UKURAN GAMBAR AGAR SESUAI DENGAN TEMA MENGGUNAKAN PHOTOSHOP Misalkan kita akan menyesuaikan gambar slide show pada tema MagazinePlus, langkahnya sebagai berikut : a. Buka photoshop b. Buka folder file gambar yang akan di edit, masuk ke : c. Drag salah satu gambar tersebut ke photoshop (selanjutnya disebut gambar1) d. Drag gambar yang akan disesuaikan ukurannya (selanjutnya disebut gambar2) Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 16
e. Pilih Rectangular Marquee Tool pada deretan tools disebelah kiri pada gambar2 f. Tekan dan Tarik dari ujung kiri atas ke ujung kanan bawah pada gambar2 Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 17
g. Copy gambar2 dengan cara tekan ctrl + c kemudian di-paste-kan dengan cara tekan ctrl + v ke gambar1 Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 18
h. Sesuaikan ukuran dan letak gambar2 pada gambar1 dengan cara klik kanan kemudian pilih free transform Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 19
i. Simpan hasil dengan cara pilih menu File Save 1. Pilih lokasi penyimpanan file 2. Ganti nama file 3. Ganti format file menjadi JPEG 4. Klik tombol save setelah selesai Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 20
6. Klik OK 5. Ganti quality menjadi Maximum SELESAI!! Ukuran gambar telah sesuai dengan tema. Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 21
9. SETTING MENU LAYANAN PENGADUAN MASYARAKAT Klik Menu Contacts Contact Form, kemudian klik Pengaduan Masyarakat Klik Tab Mail Isi sesuai alamat email masing-masing OPD Ganti Diskominfo dengan nama OPD masing-masing Ganti Diskominfo dengan nama OPD masing-masing Ganti alamat website sesuai dengan alamat website masing-masing OPD Klik Simpan NB: Ulangi langkan yang sama untuk meng-edit Layanan Permohonan Informasi Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 22
10. PENGELOLAAN TAMPILAN BERANDA Merubah Nama Situs pada Title Bar Klik Menu Settings General Ganti Site Title & Tagline dengan nama situs yang baru. Jangan Lupa Untuk Menekan Tombol Save & Publish ketika telah selesai melakukan perubahan Merubah Logo Pemkab & Nama OPD Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 23
Klik Menu Appearance Widgets, kemunian di sebelah kanan klik menu Banner Top klik Text!Banner Top Setelah meng-klik Text akan muncul tampilan berikut ini : 1. Rubah Kata DISKOMINFO dan Dinas Komunikasi dan Informatika Kabupaten Wonsobo dengan Nama OPD masing-masing 2. Klik Save setelah selesai melakukan perubahan data Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 24
Merubah Link Social Media Klik Menu Appearance Widgets, kemunian di sebelah kanan klik menu Social klik Text Setelah meng-klik Text akan muncul tampilan berikut ini : Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 25
1. Ubah alamat Social media di atas sesuai dengan alaman social media OPD masing-masing, contoh: https://twitter.com/gavickpro dirubah menjadi https://twitter.com/diskominfo_wsb 2. Klik Save setelah selesai melakukan perubahan alamat link Merubah Slide Show Foto Klik Menu Huge-IT Slider Sliders My First Slider Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 26
Setelah di klik akan muncul tampilan seluruh pages yang telah dibuat berikut ini : Digunakan untuk menambah foto slide show yang baru Digunakan untuk menghapus foto slide show Digunakan untuk merubah judul slide show Digunakan untuk merubah Deskripsi slide show Digunakan untuk merubah link slide show (amalat rujukan website ketika slide show di klik) Digunakan untuk menambah foto slide show yang baru Jangan lupa klik Save Slider ketika sudah selesai mealakan perubahan data Slide show. Merubah Bottom Info Klik Menu Appearance Widgets Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 27
Di sebelah kanan klik menu Bottom V Widget Area klik Text Setelah meng-klik Text akan muncul tampilan berikut ini : Copyright Diskominfo Wonosobo - Tutorial Pengelolaan Web Profil OPD Page 28
1. Ubah bottom info sesuai keinginan, namun untuk mengubah bottom info ini harap berhati-hati karena apabila terdapat eror maka seluruh tatanan bottom info akan kacau. Lebih baik bottom info tidak usah diubah-ubah atau apabila ingin mengubah sebaiknya minta tolong pada orang yang mengerti bahasa pemrograman komputer. 2. Klik Save setelah melakukan perubahan. Note : Apabila ingin mengubah bottom info, ubahlah hanya pada setiap tulisan yg letaknya sama dengan tulisan yang bergaris bawah pink saja Copyright wonosobokab.go.id - Tutorial Pengelolaan Web Profil Sekolah Page 29