TUTORIALPENGEMBANGAN

WEBSITE JDIHPROVINSI JAWA TIMUR

Malang, 7 Juli 2017

Overview

• Login Halaman Administrator

• Posting/Artikel

• Halaman/Pages

• Setup Menus

• Upload Peraturan

• Header Image

LOGIN HALAMAN ADMINISTRATOR

http://jdih.jatimprov.go.id/wp-login.php

Mengakses Halaman LOGIN ADMINISTRATOR

Langkah – langkah :

• Buka aplikasi browser (Google Chrome / Mozila Firefox)

• Ketik alamat Website JDIH : www.jdih.jatimprov.go.id

• Kemudian tambahkan “/wp-login.php”

• Selanjutnya tekan ENTER, secara otomatis kita akan diarahkan ke halaman Welcome Login.

TampilanHALAMAN LOGIN

Masukkan UsernameContoh : adminjdih

Masukkan PasswordContoh : 12345678

Masukkan Inputan Captcha Contoh : 8

TampilanHALAMAN DASBOR

MEMBUAT POSTING/ARTIKEL

AKSES MENU POSTS

Untuk membuat Berita / Artikel, kita menggunakan fitur POSTS. Klik

menu POSTS di sebelah kiri bagian atas.

Berisi daftar artikel/berita.disini kita dapat mengubah, menghapus, dan menambah

POST baru.

Klik TAMBAH BARU, untukmembuat berita/artikel baru.

TAMBAH BERITA/ARTIKELDi halaman ini kita dapat mengelola berita/artikel baik mengubah, mengurangi,

atau menambah berita/artikel baru untuk ditampilkan di Website JDIH

Untuk menambahkanartikel/berita baru klik

TAMBAH BARU

Untukmengedit/mengubahkonten artikel/beritayang telah kita buat

Menghapus artikel

yang telah dibuat

MENAMBAH ARTIKEL BARU

Judul artikel/berita yang akan ditampilkan di

Website JDIH

Isi konten yang akan ditampilkan di Wesite

JDIH

MENAMBAH ARTIKEL BARU

Menambahkan media baru, bisa berupa gambar, suara,

atau video

MENAMBAH ARTIKEL BARU

Tentukan kategorinya, apakah berupa ARTIKEL, BERITA, silahkan centang

kategori dimaksud.

MENAMBAH ARTIKEL BARU

Jika selesai membuat isiberita/artikel,

Silahkan klik TERBITKAN.

MENAMBAH ARTIKEL BARUJika berhasil diatas akan muncul pesan

sebagai berikut :

Artikel/berita yang telahdibuat, dimuat dalam

daftar pada HALAMAN POST

MEMBUAT HALAMAN BARU

AKSES MENU HALAMANPada bagian sidebar klik

menu “HALAMAN”, secara otomatis akan muncul tampilan dibawah ini

MANAJEMEN HALAMAN

Untuk menambahkanHalaman baru klik“TAMBAH BARU”

Untuk Menghapus

Halaman yang

telah dibuat klik

“TRASH”

Untukmengedit/mengubahkonten Halaman yang

telah kita buat klik “SUNTING”

MENAMBAH HALAMAN BARU

Judul HALAMAN yang akan ditampilkan di

Website JDIH

Isi konten HALAMANyang akan ditampilkan di

Wesite JDIH

Menambahkan media baru, bisa berupa

Gambar, Suara, atauVideo

MENAMBAH HALAMAN BARU

Jika selesai membuatHALAMAN & KONTEN

Silahkan klik“TERBITKAN”.

MENAMBAH HALAMAN BARU

Artikel/berita yang telahdibuat, dimuat dalam

daftar pada HALAMAN POST

Jika berhasil maka akan muncul pesansebagai berikut :

HALAMAN MENU

Menambahkan

Halaman/Page ke “MENU”

Setelah kita membuat halaman/page, langkah

selanjutnya adalah memasukkan halaman kedalam

menu website

Pada bagian sidebar klik “APPEARANCE” > “MENU”,

secara otomatis akan muncul tampilan dibawah ini

Menambahkan

Halaman/Page ke “MENU”

Merupakan nama menu website, bisa diberi nama

bebas, misal : “Menu Utama”

Struktur Menu yaitu urutan halaman yang akan di

tampilkan di Website JDIH“DRAG & DROP”

Halaman yang sudah dibuat, secara otomatis akan muncul

di bagian Halaman

Menambahkan

Halaman/Page ke “MENU”

Select/Pilih Halaman, selanjutnya klik

tombol “Add to Menu”

• Hasil halaman yang sudah ditambahkan ke bagian “Menu”, selanjutnya klik “Save Menu”

• “DRAG & DROP” untuk mengatur urutan halaman/page

Menambahkan

Halaman/Page ke “MENU”

Halaman sudah tampil di menu “Website JDIH”

UPLOAD PERATURAN

UPLOAD PERATURAN

- WPFilebase

Pilih menu WP-Filebase, terletak di sebelah kiri bagian

bawah (sidebar)

WPFilebase Category

Langkah pertama adalah membuat KATEGORI terlebih

dahulu, karena kategori merupakan “rumah” dimana

kita menaruh file-file peraturan yang akan kita upload

nanti.

Contoh :

KATEGORI INDUK

SUB – KATEGORI

Kategori anak

Membuat Kategori

Klik menu WP-Filebase Kategori

Halaman Kategori

Pada halaman kategori ini kita dapat mengelola

kategori, baik itu mengubah, menghapus, atau

menambah kategori baru.

Untuk menambah kategori baru, klik ADD NEW.

Untuk MENGUBAH nama atau

konten masing-masing kategori

yang telah dibuat, silahkan klik

nama kategori dimaksud!

Untuk MENGHAPUS kategori,

centang checkbox disamping

kategori yang akan dihapus

kemudian klik DELETE.

Membuat Kategori Baru

Samakan dengan Nama

Kategori diatas!

Nama Kategori

Sesuaikan Kategori Induk

dengan atas!

Boleh diabaikan saja.

Lanjutkan klik TAMBAH

KATEGORI BARU !

Notifikasi Berhasil

Jika muncul pesan sebagai berikut, maka kategori

berhasil dibuat.

WPFilebase Files

Langkah selanjutnya adalah melakukan upload file

peraturan, pilih menu WP-Filebase Files

Halaman FIles Pada halaman ini kita dapat mengelola data file-file

peraturan baik mengubah, menghapus, atau

menambah file peraturan baru.

Untuk menambah file peraturan baru ada dua metode,

yaitu :

Cara manual (ADD NEW)

Cara otomatis (BATCH UPLOAD)

UPLOAD METODE MANUAL

Pilih File Peraturan yang

akan diupload

JUDUL : berikan informasi yang

lengkap JENIS PERATURAN,

TAHUN, NOMOR dan

TENTANG-nya.

Sesuaikan dengan atas

Isian lain boleh diabaikan, langsung klik

ADD FILE jika selesai mengisi diatas.

UPLOAD METODE OTOMATIS

PERTAMA, selalu pilih KATEGORI terlebih

dahulu !!

Kemudian pilih berkas/file yang akan diupload.

Sebelum diupload, file peraturan harus di-rename

karena nama file menjadi JUDUL yang dilihat

visitor/pengunjung Website JDIH.

MERUBAH HEADER IMAGE• Siapkan format Gambar jpeg/gif di Adobe Photoshop dengan ukuran

• Width : 1024 px

• Height : 210 px

• Resolution : 72 dpi

• Color Mode : RGB

Masukkan nominal

sesuai dengan ukuran

yang sudah ditentukan

Tema Desain bebas

sesuai dengan Tema

masing-masing

kabupaten/kota

MERUBAH HEADER IMAGE

Untuk merubah tampilan “Header Image” pada Website

JDIH, kita bisa masuk ke “Appearance > Widget “

MERUBAH HEADER IMAGE

Letak Posisi Header Image

ada pada sidebar “TOP-A”

Tambahkan Widget “Text”

dengan cara drag widget

“Text” dari kiri ke kanan

MERUBAH HEADER IMAGE

Untuk memulai upload,

pilih “Media > Add

New”

Pilih berkas/file yang sudah

dibuat sebelumnya (header

image). Tunggu hingga

proses Upload 100%.

MERUBAH HEADER IMAGE

Copy URL Image “wp-

content/uploads/2014/

11/HeaderJatim.gif “

Pilih “SUNTING” untuk masuk ke

pengaturan gambar/image.

MERUBAH HEADER IMAGE

• Ketikkan kode singkat

diatas pada Widget

“TEXT” yang ada pada

bagian TOP-A

• Paste URL Image “wp-

content/uploads/20

14/11/HeaderJatim.

gif “ setelah SRC=Jangan lupa klik tombol

“SIMPAN”

T H E E N DT H A N K YO U . . .