materi pelatihan administrtor website · materi pelatihan administrtor website september 2018 dinas...

MATERI PELATIHAN ADMINISTRTOR WEBSITE SEPTEMBER 2018

DINAS KOMUNIKASI DAN INFORMATIKA

KABUPATEN BANJARNEGARA

P a g e | 1

DINAS KOMUNIKASI DAN INFORMATIKA KABUPATEN BANJARNEGARA

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 | 2


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.

http://nomenklatur/

http://dinkominfo.banjarnegarakab.go.id/wp-admin/

http://nama/

http://sigaluh.banjarnegarakab.go.id/wp-admin/

http://kel-nama/

http://kel-sokanandi.banjarnegarakab.go.id/wp-admin/

P a g e | 3


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 | 4


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 | 5


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 | 6


MERUBAH IDENTITAS INSTANSI

1. Setelah masuk ke halaman administrator klik Tampilan > klik Sesuaikan

P a g e | 7


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 masing-

masing) 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.

Cek list pada bagian yang ingin ditampilkan saja !

1.

2.

3.

P a g e | 8


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 | 9


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 | 10


Gambar2.

P a g e | 11


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 | 12


2. Klik Featured Section Options

3. Klik Feature Info

P a g e | 13


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 : [email protected]

Jika Info Kantor sudah di sesuaikan, simpan info dengan klik Menu Terbitkan seperti

pada Gambar2.

Gambar1. Gambar2.

mailto:[email protected]

P a g e | 14


MENAMBAH SLIDER

1. Klik Menu Laman di halaman Administrator, Klik Sub Menu Tambah Baru .

P a g e | 15


2. Masukan Judul Slide

3. Untuk menambahkan gambar slide klik Tetapkan Gambar Unggulan

P a g e | 16


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 | 17


6. Klik Terbitkan untuk menyimpan Slide yang baru dibuat

7. Untuk menampilkan Slide, klik Menu Tampilan > klik Sesuaikan

P a g e | 18


8. Klik Featured Section Option (Gambar1.) , setelah itu klik Feature Slider Selection

(Gambar2.)

Gambar1. Gambar2.

P a g e | 19


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 | 20


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 | 21


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 | 22


2. Klik Header Options (Gambar1.) , setelah itu akan tampak halaman seperti

(Gambar2.) lalu klik Gambar tajuk

Gambar1. Gambar2.

P a g e | 23


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 | 24


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 | 25


6. Atur tinggi gambar terlebih dahulu sebelum klik Terbitkan untuk menyimpan dan

menampilkan gambar header di laman website.

P a g e | 26


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 | 27


2. Masukan Jabatan dan Nama Pegawai

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.

Masukan Jabatan disini

Masukan Nama Pegawai disini

P a g e | 28


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 | 29


6. Klik Home Main Content Area

7. Klik tanda pada AT Team/Speaker Section

P a g e | 30


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 | 31


9. Jika Item Pegawai yang dipilih sudah sesuai, klik Terapkan (Gambar1.), lalu Klik

Terbitkan (Gambar2.)

Gambar1. Gambar2.

P a g e | 32


EDIT KEPEGAWAIAN

1. Untuk mengubah / edit Data Kepegawaian, klik Menu Laman, pilih Sub menu Semua

Laman

P a g e | 33


2. Klik Sunting pada item nama Jabatan Pegawai yang akan di Edit

P a g e | 34


3. Sesuaikan Jabatan Pegawai, Nama Pegawai dan Foto Pegawai, jika sudah sesuai Klik

Perbarui untuk menyimpan perubahan data pegawai

Ubah Gambar disini

Edit Jabatan Pegawai Disini

Edit Nama Pegawai Disini

Klik disini untuk menyimpan

data

P a g e | 35


MERUBAH PROFIL INSTANSI

1. Klik Menu Laman, pilih Sub menu Semua Laman pada halaman Administrator

P a g e | 36


2. Klik Sunting pada item Profil

3. Sesuaikan Profil Instansi masing-masing, setelah itu klik Perbarui

Edit Profil Instansi disini

Klik disini untuk menyimpan

perubahan Profil Instansi

P a g e | 37


MENAMBAH MENU DAN SUB MENU

MENAMBAH MENU

1. Klik menu Laman, pilih sub menu Tambah Baru

Sub Menu

Menu

P a g e | 38


2. Masukan nama menu baru, lalu klik Terbitkan

3. Klik menu Tampilan, pilih Menu

Masukan nama menu baru disini

Klik Terbitkan

P a g e | 39


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 | 40


MENAMBAH SUB MENU

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.

Contoh :

Membuat Sub Menu di

Menu Pengumuman

P a g e | 41


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

Masukan Isi Berita disini

Pilih Kategori disini

Klik Tebitkan untuk

menyimpan berita

P a g e | 42


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 | 43


2. Ceklist Pilih Semua lalu klik Perbarui Plugin untuk mulai memperbarui. Tunggu

hingga proses update selesai.

P a g e | 44


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 dan akan muncul laman perti pada gambar berikut. Setelah https://compressor.io/

itu Klik TRY IT! untuk mulai mencoba compress gambar.

2. Klik SELECT FILE untuk memilih gambar yang akan di compress.

https://compressor.io/

P a g e | 45


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.

materi pelatihan administrtor website · materi pelatihan administrtor website september 2018 dinas...

Documents