DINAS KOMUNIKASI DAN INFORMATIKA KABUPATEN BANJARNEGARA MATERI PELATIHAN ADMINISTRTOR WEBSITE SEPTEMBER 2018
DAFTAR ISI Login ke Halaman Administrator 2 Merubah Password Admin 4 Merubah Identitas Instansi 6 Mengganti Tampilan Warna Utama Website 8 Merubah Info Instansi.. 11 Menambah Slider. 14 Menampilkan dan Mengganti Gambar Header Laman. 21 Tambah Kepegawaian 26 Edit Kepegawaian. 32 Merubah Profil Instansi 35 Menambah Menu... 36 Menambah Sub Menu.. 40 Mengunggah Berita 41 Memperbarui CMS dan Plugin 42 Turorial Sebelum Mengunggah Gambar.. 43 P a g e 1
LOGIN HALAMAN ADMINISTRATOR 1. Untuk Login Halaman Administrator akses laman : DINAS / BADAN / KANTOR http://nomenklatur dinas/badan/kantor.banjarnegarakab.go.id/wp-admin/ Contoh : http://dinkominfo.banjarnegarakab.go.id/wp-admin/ KECAMATAN http://nama kecamatan.banjarnegarakab.go.id/wp-admin/ Contoh : http://sigaluh.banjarnegarakab.go.id/wp-admin/ KELURAHAN http://kel-nama kelurahan.banjarnegarakab.go.id/wp-admin/ Contoh : http://kel-sokanandi.banjarnegarakab.go.id/wp-admin/ Setelah muncul halaman seperti gambar di atas, masukan Nama Pengguna dan Sandi. Klik Log Masuk untuk masuk ke Halaman Administrator. P a g e 2
2. Jika Nama Pengguna dan Sandi yang di masukan sesuai maka anda akan di alihkan ke halaman Administrator seperti pada gambar berikut; P a g e 3
MERUBAH PASSWORD ADMIN 1. Untuk merubah password admin website klik menu Pengguna > klik sub menu Semua Pengguna 2. Klik Sunting pada nama pengguna. Perhatikan gambar berikut! P a g e 4
3. Pada Manajemen Akun Sandi Baru Klik Ciptakan Sandi dan masukan Sandi Baru sesuai rekomendasi, lalu klik Perbarui Pengguna untuk menyimpan Kata Sandi yang baru. P a g e 5
MERUBAH IDENTITAS INSTANSI 1. Setelah masuk ke halaman administrator klik Tampilan > klik Sesuaikan P a g e 6
2. Klik Identitas Status (Gambar1.) dan akan muncul laman seperti pada Gambar2. Klik Pilih Logo dan cek list Display Logo jika ingin menampilkan logo instansi pada halaman identitas (Gambar2.) Sesuaikan Judul Situs (Judul Situs dapat diisi dengan nama Instansi masingmasing) dan Slogan. Cek list Site Title dan Site Tagline untuk menampilkan Judul Situs dan Slogan. (Gambar2.) Jika perubahan identitas sudah sesuai klik Terbitkan untuk menyimpan perubahan pada Identitas Instansi. Gambar1. Gambar2. 3. 1. 2. Cek list pada bagian yang ingin ditampilkan saja! P a g e 7
MENGGANTI TAMPILAN WARNA UTAMA WEBSITE 1. Pada halaman Administrator (Gambar1.) klik Tampilan > klik Sesuaikan. Dan akan muncul laman seperti pada Gambar2. Lali klik Layout/Design Option Gambar1. Gambar2. P a g e 8
2. Klik Basic Color 3. Selanjutnya perhatikan Gambar1. dan Gambar2. lalu atur warna sesuai keterangan yang ada pada gambar. Jika pengaturan warna Header, Primary, Footer Background dan Footer Bottom sudah sesuai Klik Terbitkan untuk menyimpan perubahan warna utama halaman website. Gambar1. P a g e 9
Gambar2. P a g e 10
MERUBAH INFO INSTANSI 1. Untuk mengubah E-mail, Alamat Kantor, No. Telpon dan Jam Kerja, Klik Menu Tampilan pada halaman Administrator setelah itu klik sub menu Sesuaikan, seperti tampak di gambar berikut P a g e 11
2. Klik Featured Section Options 3. Klik Feature Info P a g e 12
4. Lalu akan muncul tampilan form untuk merubah E-mail, Alamat Kantor, No. Telpon dan Jam Kerja seperti pada Gambar1. Edit Icon : Untuk mengubah icon/gambar Title : Untuk mengubah Nama Info Very Short Description : Untuk memasukan Info. Contoh : Title : E-mail Very Short Description : dinkominfo@banjarnegarakab.go.id Jika Info Kantor sudah di sesuaikan, simpan info dengan klik Menu Terbitkan seperti pada Gambar2. Gambar1. Gambar2. P a g e 13
MENAMBAH SLIDER 1. Klik Menu Laman di halaman Administrator, Klik Sub Menu Tambah Baru. P a g e 14
2. Masukan Judul Slide 3. Untuk menambahkan gambar slide klik Tetapkan Gambar Unggulan P a g e 15
4. Untuk mengunggah / upload gambar Klik tab Unggah Berkas dan klik Pilih Berkas untuk memilih gambar yang akan di unggah 5. Setelah itu anda akan di alihkan ke tab Pustaka Media, untuk menyimpan gambar klik Tetapkan Gambar Unggulan P a g e 16
6. Klik Terbitkan untuk menyimpan Slide yang baru dibuat 7. Untuk menampilkan Slide, klik Menu Tampilan > klik Sesuaikan P a g e 17
8. Klik Featured Section Option (Gambar1.), setelah itu klik Feature Slider Selection (Gambar2.) Gambar1. Gambar2. P a g e 18
9. Untuk menampilkan slide klik Add New Slide (Gambar1.), lalu klik Select Slider Page dan pilih Judul Slide yang baru dibuat (Gambar2.) Gambar1. Gambar2. P a g e 19
10. Klik Terbitkan untuk menampilkan Slide 11. Untuk melihat tampilan slide silahkan masuk ke halaman Home Web. > (Panah ke kanan) : Untuk melihat slide selanjutnya < (Panah ke kiri) : Untuk melihat slide sebelumnya P a g e 20
MENAMPILKAN DAN MENGGANTI GAMBAR HEADER LAMAN 1. Untuk mengganti gambar header di setiap halaman klik menu Tampilan pada halaman Administrator > klik Sesuaikan P a g e 21
2. Klik Header Options (Gambar1.), setelah itu akan tampak halaman seperti (Gambar2.) lalu klik Gambar tajuk Gambar1. Gambar2. P a g e 22
3. Pada halaman selanjutnya anda akan diberikan pilihan seperti tampak pada gambar berikut, klik Sembunyikan Gambar jika tidak ingin menampilkan gambar header atau klik Tambah Gambar Baru untuk mengganti gambar header. P a g e 23
4. Jika memilih Tambah Gambar Baru anda akan dialihkan ke laman Pilih Gambar. Klik tab Unggah Berkas untuk mengunggah / upload Gambar, lalu pilih gambar yg diinginkan dengan melakukan klik pada Gambar. Jika gambar yang dipilih sudah sesuai maka klik Setuju dan pangkas. 5. Klik Pangkas Gambar untuk memotong bagian gambar yang tidak ingin ditampilkan atau klik Lewati Pemangkasan jika gambar yang dipilih sudah sesuai P a g e 24
6. Atur tinggi gambar terlebih dahulu sebelum klik Terbitkan untuk menyimpan dan menampilkan gambar header di laman website. P a g e 25
TAMBAH KEPEGAWAIAN 1. Klik Menu Laman pada halaman Administrator setelah itu klik Sub menu Tambah Baru, seperti tampak di gambar berikut. P a g e 26
2. Masukan Jabatan dan Nama Pegawai Masukan Jabatan disini Masukan Nama Pegawai disini 3. Unggah / Upload Foto Pegawai dengan klik Tetapkan Gambar Unggulan. Setelah itu anda akan dialihkan ke halaman Pustakan Media, Pilih gambar yg di inginkan atau pilih Menu Unggah Berkas untuk upload gambar yg diinginkan, jika gambar yg diingankan sudah dipilih klik Tetapkan Gambar Unggulan. P a g e 27
4. Klik Menu Terbitkan untuk menyimpan data pegawai yang baru saja di buat 5. Setelah itu Klik Menu Tampilan pada halaman Administrator, klik Sub menu Sesuaikan. P a g e 28
6. Klik Home Main Content Area 7. Klik tanda pada AT Team/Speaker Section P a g e 29
8. Klik Add Item untuk menambah data kepegawaian (Gambar1.), setelah itu klik Select Item untuk memilih data pegawai yang baru saja dibuat (pilih nama item yang sesuai dengan Jabatan Pegawai yang baru saja dibuat) (Gambar2.). Gambar1. Gambar2. P a g e 30
9. Jika Item Pegawai yang dipilih sudah sesuai, klik Terapkan (Gambar1.), lalu Klik Terbitkan (Gambar2.) Gambar1. Gambar2. P a g e 31
EDIT KEPEGAWAIAN 1. Untuk mengubah / edit Data Kepegawaian, klik Menu Laman, pilih Sub menu Semua Laman P a g e 32
2. Klik Sunting pada item nama Jabatan Pegawai yang akan di Edit P a g e 33
3. Sesuaikan Jabatan Pegawai, Nama Pegawai dan Foto Pegawai, jika sudah sesuai Klik Perbarui untuk menyimpan perubahan data pegawai Edit Jabatan Pegawai Disini Klik disini untuk menyimpan data Edit Nama Pegawai Disini Ubah Gambar disini P a g e 34
MERUBAH PROFIL INSTANSI 1. Klik Menu Laman, pilih Sub menu Semua Laman pada halaman Administrator P a g e 35
2. Klik Sunting pada item Profil 3. Sesuaikan Profil Instansi masing-masing, setelah itu klik Perbarui Klik disini untuk menyimpan perubahan Profil Instansi Edit Profil Instansi disini P a g e 36
MENAMBAH MENU DAN SUB MENU Menu Sub Menu MENAMBAH MENU 1. Klik menu Laman, pilih sub menu Tambah Baru P a g e 37
2. Masukan nama menu baru, lalu klik Terbitkan Masukan nama menu baru disini Klik Terbitkan 3. Klik menu Tampilan, pilih Menu P a g e 38
4. Pada jendela Laman, Cek list ( ) nama Menu yang baru saja dibuat, klik Tambahkan ke Menu 5. Jika nama menu sudah muncul di laman Struktur Menu, Klik Simpan Menu untuk menyimpan menu yang baru dibuat P a g e 39
MENAMBAH SUB MENU Contoh : Membuat Sub Menu di Menu Pengumuman Langkah membuat Sub Menu dari nomor 1 sampai 4 sama seperti membuat Menu. Langkah membuat Sub Menu selanjutnya : 5. Pindahkan menu dengan nama Sub Menu ke bawah menu Pengumuman dengan cara di drag. Klik Sub Menu lalu klik tulisan Di bawah Pengumuman. Klik Simpan Menu untuk menyimpan Sub Menu yang baru dibuat. P a g e 40
MENGUNGGAH BERITA 1. Untuk menambah artikel berita baru klik menu Pos, klik sub menu Tambah Baru 2. Masukan Judul Berita, Isi berita dan Upload Gambar. Pilih Kategori Berita. Jika sudah sesuai klik Terbitkan Masukan Judul Berita disini Klik Tebitkan untuk menyimpan berita Masukan Isi Berita disini Pilih Kategori disini P a g e 41
MEMPERBARUI CMS DAN PLUGIN Kelebihan yang akan Anda dapatkan jika cms dan plug in terus-menerus diperbarui : Bugs dapat diperbaiki dan tingkat keamanan menjadi lebih baik. Banyaknya fitur dan fungsionalitas yang ditawarkan. Peningkatan kecepatan dan performa di setiap versi terbaru. Kompatibel dengan template, plugin, dan teknologi web yang modern dan terbaru. 1. Klik Dashbor > Klik Pembaruan Jika muncul Notifikasi Pembaruan maka anda perlu memperbarui Plugin. P a g e 42
2. Ceklist Pilih Semua lalu klik Perbarui Plugin untuk mulai memperbarui. Tunggu hingga proses update selesai. P a g e 43
TUTORIAL SEBELUM MENGUNGGAH GAMBAR Foto / gambar dengan ukuran file yang besar wajib dihindari pada website atau blog. Karena selain memakan kapasitas memori juga membuat website lama ketika loading. Berikut salah satu cara yang bisa kita lakukan untuk mengurangi ukuran atau size foto (compress) tanpa mengurangi kualitas foto tersebut. 1. Akses https://compressor.io/ dan akan muncul laman perti pada gambar berikut. Setelah itu Klik TRY IT! untuk mulai mencoba compress gambar. 2. Klik SELECT FILE untuk memilih gambar yang akan di compress. P a g e 44
3. Pilih Gambar yang akan di unggah ke website lalu klik Open 4. Tunggu proses upload gambar selesai lalu klik DOWNLOAD YOUR FILE untuk menyimpan gambar. P a g e 45