Indecon.com User Manual

Transkripsi

1 Indecon.com User Manual

2 Table of Contents Navigation Menu... 3 Social Icon... 5 Slider... 7 Join Box... 8 News Slider... 9 News, Activities dan Media Publikasi Footprint dan Home Banner Partner Logo Subscribe Form Research Project, Training Learning Network Activities Media Publikasi Footprint Team Login Member Default Posting General Setting Option... 34

3 GENERAL SETTING Navigation Menu Navigation menu disini dibagi menjadi 2 bagian yaitu: 1. Top Menu / Primary Menu Gambar 1.0 Top Menu / Primary Menu 2. Bottom menu / Footer Menu Gambar 1.1 Bottom Menu / Footer Menu Untuk membuat menu tersebut dapat dilakukan melalui menu Appearance->Menus. Jika belum membuat menu, maka nama menu harus dibuat terlebih dahulu, baik untuk Top Menu, maupun footer menu. Perhatikan gambar berikut :

4 Gambar 1.2 Menu Settings Keteranangan : 1. Create Menu : Digunakan jika menu belum dibuat, 2. Nama Menu

5 3. Add menu : Digunakan untuk menambahkan menu ke seblah kanan layar. 4. Nomor 4 dan 5 adalah menu target untuk ditampilkan. 5. Nomor 6 untuk menyimpan menu yang telah dibuat. Social Icon Social icon terdapat di dua bagian, yang pertama ada di bagian header, dan yang kedua ada di bagian footer : Gambar 1.3 Social Icon Header Gambar 1.4 Social Icon Footer Adapun cara untuk mengisi link target dari kedua social icon tersebut dapat dilakukan melalui menu Appearance->Theme Options->Social Settings. Mari perhatikan gambar berikut :

6 Gambar 1.5 Social Icon Link

7 Slider Untuk membuat atau menambahkan slider, dapat dilakukan melalui menu Slider->Add New. Perhatikan gambar berikut: Gambar 1.6 Input Slider Gambar diatas telah dilengkapi dengan keterangan mengenai bagian2 apa saja yang ada di halaman input slider. Dari gambar di atas akan menghasilkan output sebagai berikut: Gambar 1.7 Output Slider

8 Join Box Join box terdapat di dua bagian, yaitu di homepage dan di halaman lain dibagian sidebar. Gambar 1.8 Join Box homepage Gambar 1.9 Join Box sidebar Untuk merubah link join now dan merubah text dapat dilakukan melalui menu Appearance->Theme Options->Home Page. Perhatikan gambar berikut ini :

9 Gambar 2.0 Input Join Box News Slider Gambar 2.1 News Slider Data yang di tampilkan di news slider diambil dari recent blog post. Adapun post yang di tampilkan per page adalah 5.

10 News, Activities dan Media Publikasi Gambar 2. 2 News, Activities dan Media Publikasi Dibagian paling kiri adalah recent post dari kategori News. Walaupun data ini mengambil dari kategori news, akan tetapi jika ingin diubah ke kategory lain adapat dilakukan melalui menu Appearance->Theme Options->Home Page. Sedangkan di bagian tengah terdapat recent post activities. Data tersebut diambil dari post type Activity orientasinya adalah data tersebut di abmil dari hasil submit anggota dan telah di setujui oleh admin indecon. Media Publikasi yang teletak di bagian paling kanan merupakan data dari kategory media dan publikai. Kategory tersebut juga dapat diubah melalui Appearance->Theme Options->Home Page. Agar lebih jelas perhatikan gambar berikut ini : Gambar 2.3 Category Control

11 Gambar 2.4 Input Activity Untuk membuat halaman submit activity dapat dilakukan melalui menu Pages->Add New, Kemudian di bagian kanan bawah silahkan pilih page template Submit Activities. Perhatikan gambar berikut ini: Gambar 2.5 Page Submit Activities

12 Gambar 2.6 Submit Activities Form

13 Footprint dan Home Banner Gamber 2.7 Footprint, Home Banner Footprint box di halaman home dapat dirubah textnya melalui menu Appearance->Theme Options->Home Page. Dan juga link target button view all footprint juga dapat dirubah melalui menu yang sama. Perhatikan gambar berikut: Gambar 2.8 Footprint Controller

14 Sedangkan untuk home banner terdapat dua bagian. Yaitu gambar peta dan gambar learning center. Keduanya dapat diubah melalui Appearance->Theme Options->Home Page. Tidak hanya gambar dari banner tersebut akan tetapi link target kemana banner ini mengarah juga dapat diubah. Perhatikan gambar berikut: Gambar 2.9 Home Banner Control

15 Partner Logo Gambar 3.0 Partner Logo Data partner di inputkan pada post type Partner. Adapun caranya adalah melalui menu Partner->Add New. Untuk lebih jelasnya perhatikan gambar berikut: Gambar 3.1 Input Partner Subscribe Form Gambar 3.2 Subscribe Form

16 Form subscribe disini menggunakan fasilitas dari MAILCHIMP. Sehingga kita harus punya akun di mailchimp dan membuat daftar terlebih dahulu disana. Selanjutnya yang kita butuhkan disini adalah URL dari API mailchimp anda. Masukkan mailchimp API anda ke Appearance->Theme Options->Custom Settings. Gambar 3.3 Input API MAILCHIMP Untuk mendapatkan API, silahkan mendaftar terlebih dahulu melalui link berikut ini :

17 Research Gambar 3.4 Page Research Untuk menampilkan page research, hal yang pertama harus dilakukan adalah membuat page baru dengan nama Research atau boleh dengan nama lainnya, kemudian pada bagian kanan bawah terdapat pilihan page template, pilih page template Research. Agar dapat tampil pada menu utama, maka page harus di pilih pada saat pembuatan menu utama. Pada bagian content, silahkan di isi dengan deskripsi tentang

18 halaman research tersebut dan paga field featured image, silahkan diisi dengan gambar research. Maka akan dihasilkan tampilan seperti pada gambar 3.4. Input data research tersedia pada post type research Research->Add New. Yang perlu digaris bawahi disini adalah Tahun Research. disini tahun dapat dibuat terlebih dahulu melalui menu Research->Tahun Research. Perhatikan gambar berikut : Gambar 3.5 Add Tahun Research Sedangkan pada saat menambahkan data research, kita hanya butuh memilih tahun sesuai dengan research tersebut. Untuk manmbahkan data research dapat dilakukan melalui Research->Add New. Perhatikan gambar berikut:

19 Gambar 3.6 Input Research Data Project, Training Sama halnya dengan research, untuk membuat page Project dan Training dapat dilakukan sama halnya dengan research. Sedangkan untuk pengisian data untuk project dan training dapat dilakuian melalui menu : Project->Add New Training->Add New Untuk tahun project dan tahun training dapat ditambahkan melalui menu: Project->Tahun Project Training->Tahun Training

20 Learning Sama halnya dengan page yang lain, untuk membuat page Learning dapat dilakukan melalui menu Page- >Add New kemudian pada bagian kanan bawah, silahkan pilih page template Learning. Adapun cara untuk menambahkan data Learning, dapat dilakukan melalui menu Learning->Add New. Perhatikan gambar berikut: Gambar 3.7 Input data Learning Di bagian learning detail terdapat satu buah pilihan yaitu Public dan private, fungsinya adalah membedakan akses data learning tersebut. Public : artinya data learning bersifat umum, dapat di akses oleh semua user. Private : artinya data learning bersifat private, hanya user yang telah log in yang dapat melihat data learning tersebut.

21 Network Gambar 3.8 Network

22 Untuk data network dibuat menggunakan post type network. Metode pengisiannya dapat dilakukan dengan cara registrasi dan juga di daftarkan oleh admin. Gambar 3.9 Registrasi Network

23 Ada dua tipe keanggotaan yaitu Professional/Individu dan Oraganisasi/Lembaga. Gambar 4.0 Input data Network

24 Agar dapat tampil di halaman depan, anda perlu membuat page baru dengan nama Network atau juga dapat dengan nama lain. Kemudian di bagian kanan bawah, pilih page template Network. Activities Data activity diambil dari post type Activity. Metode input data activity dapat dilakukan melalui halaman admin dan juga dapat dilakukan oleh member dari halaman depan website. Agar dapat tampil di halaman depan, perlu dibuat sebuat page melalui menu Page->Add New. Kemudian pada bagian kanan bawah pilih page template Submit Post. Gambar 4.1 Submit Stories

25 Gambar 4.2 Input Activities Admin Ketika member melakukan submit stories makan status post tersebut adalah PENDING. Tugas admin adalah mereview post tersebut kemudian melakukan publish post stories agar ditampilkan di halaman depan. Media Publikasi Media publikasi dibedakan menjadi 3 kategory yaitu : 1. Artikel 2. Foto 3. Video Pada saat melakukan input data media publikasi, ada 3 kategori pilhan yang digunakan sebagai pembeda. Jika yang dipilih artiket maka tampilan akan menyesuaikan dengan artikel. Jika dipilih foto, maka akan muncul field tambahan untuk mengupload beberapa gambar. Sedangkan jika dipilih video maka akan muncul juga field untuk memasukkan link video. Perhatikan gambar berikut:

26 Gambar 4.3 Media publikasi kategori video

27 Gambar 4.4 Media publikasi kategori Photo

28 Gambar 4.5 Media publikasi kategori Artikel Agar halaman media publikasi dapat tampil di halaman depan, maka perlu di buat 1 buah page dengan nama Media Publikasi atau dengan nama lainnya kemudian di bagian kanan bawah pilih page template Media and Publication.

29 Footprint Data footprint diambil dari post type footprint. Semua sebaiknya dilengkapi agar tampilan yang dihasilkan bagus. Gambar 4.6 Input Footprint Untuk koordinat latitude dan longitude dapat diperoleh dari google maps.

30 Gambar 4.5 Footprint

31 Team Data team diambil dari post type team yang hanya berisi beberapa informasi singkat seperti , facebook, twitter dan foto team. Data team akan ditampilkan di halaman Contact seprti pada gambar berikut : Gambar 4.6 Halaman Contact

32 Sedangkan untuk menambahkan data team dapat dilakukan melalui menu Team->Add New. Perhatikan gambar berikut ini: Gambar 4.7 Input Data Team Login Member Halaman login member harus dibuat terlebih dahulu melalui menu Page->Add New. Pada sisi kanan bawah, pilih page template Login. Kemudian perlu dilakukan setting kemana user akan di arahkan setelah melakukan log in. Pengaturan tersebut dapat dilakukan melalui menu Appearance->Theme Options->Custom Settings->Login Redirect. Gambar 4.8 Login Redirect Setting

33 Default Posting Untuk artikel lain selain diatas dapat di inputkan melalui menu Post->Add New. Silahkan pilih post attribut sesuai kebutuhan, Gambar 4.9 Input Data Posting

34 General Setting Option Ada beberapa pengaturan tambahan berhubungan dengan SEO dan tambahan lainnya seperti tambahan style, script dan custom icon. Untuk melakukannya dapat melalui menu Appearance->Theme Options- >General Settings. Gambar 5.0 General Settings Option