TUTORIAL PENGEMBANGAN WEBSITE JDIH PROVINSI 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.
Tampilan HALAMAN LOGIN
Masukkan Username Contoh : adminjdih Masukkan Password Contoh : 12345678 Masukkan Inputan Captcha Contoh : 8
Tampilan HALAMAN 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, untuk membuat berita/artikel baru.
TAMBAH BERITA/ARTIKEL Di halaman ini kita dapat mengelola berita/artikel baik mengubah, mengurangi, atau menambah berita/artikel baru untuk ditampilkan di Website JDIH Untuk menambahkan artikel/berita baru klik TAMBAH BARU Untuk mengedit/mengubah konten artikel/berita yang 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 isi berita/artikel, Silahkan klik TERBITKAN.
MENAMBAH ARTIKEL BARU Jika berhasil diatas akan muncul pesan sebagai berikut :
Artikel/berita yang telah dibuat, dimuat dalam daftar pada HALAMAN POST
MEMBUAT HALAMAN BARU
AKSES MENU HALAMAN Pada bagian sidebar klik menu “HALAMAN”, secara otomatis akan muncul tampilan dibawah ini
MANAJEMEN HALAMAN Untuk menambahkan Halaman baru klik “TAMBAH BARU”
Untuk Menghapus Halaman yang telah dibuat klik “TRASH” Untuk mengedit/mengubah konten Halaman yang telah kita buat klik “SUNTING”
MENAMBAH HALAMAN BARU Judul HALAMAN yang akan ditampilkan di Website JDIH Menambahkan media baru, bisa berupa Gambar, Suara, atau Video Isi konten HALAMAN yang akan ditampilkan di Wesite JDIH
MENAMBAH HALAMAN BARU
Jika selesai membuat HALAMAN & KONTEN Silahkan klik “TERBITKAN”.
MENAMBAH HALAMAN BARU Jika berhasil maka akan muncul pesan sebagai berikut :
Artikel/berita yang telah dibuat, dimuat dalam daftar pada HALAMAN POST
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 MENGHAPUS kategori, centang checkbox disamping kategori yang akan dihapus kemudian klik DELETE.
Untuk MENGUBAH nama atau konten masing-masing kategori yang telah dibuat, silahkan klik nama kategori dimaksud!
Membuat Kategori Baru Nama Kategori
Samakan dengan Nama Kategori diatas!
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 Pilih “SUNTING” untuk masuk ke pengaturan gambar/image.
Copy URL Image “wpcontent/uploads/2014/ 11/HeaderJatim.gif “
MERUBAH HEADER IMAGE
• Ketikkan kode singkat diatas pada Widget “TEXT” yang ada pada bagian TOP-A • Paste URL Image “wpcontent/uploads/20 14/11/HeaderJatim. gif “ setelah SRC=
Jangan lupa klik tombol “SIMPAN”
THE END T H A N K YO U . . .
