Post on 11-Mar-2019
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 . . .