PANDUAN MANUAL PT QWORDS COMPANY INTERNATIONAL
DAFTAR ISI PANDUAN MANUAL... 1 PT QWORDS COMPANY INTERNATIONAL... 1 DAFTAR ISI... 2 BAB 1. PENGENALAN... 3 a. Tampilan Desa01... 3 b. Tampilan Desa02... 3 c. Tampilan Desa03... 4 BAB 2. Managemen Konten... 5 2.1 Login... 5 2.2 Input Berita / Posting... 6 2.3 Edit Berita / Postingan... 13 2.4 Hapus Tulisan... 15 2.5 Halaman... 16 BAB 3. KUSTOMISASI TAMPILAN WEB... 17 3.1 Membuat Menu Navigasi... 17 3.2 Membuat dan Mengatur Widget... 21 3.3 Kustomisasi Halaman... 24 2
BAB 1. PENGENALAN DIGITALIQ merupakan Content Management Systems (CMS) yang dibuat khusus untuk Management Web Desa yang terdiri dari 3 Template Utama. Adapun tampilan templatenya sebagai berikut: a. Tampilan Ponpes01 Gambar 1.1 Tampilan Tema Ponpes01 b. Tampilan Ponpes02 Gambar 1.2 Tampilan Tema Ponpes02 3
c. Tampilan Ponpes03 Gambar 1.3 Tampilan Tema Ponpes03 Dengan adanya alternatif tersebut akan memudahkan pihak administrator website pondok pesantren untuk mengatur tampilan webnya. Karena CMS DIGITALIQ telah user-friendly sehingga sangat mudah untuk digunakan. 4
BAB 2. Managemen Konten 2.1 Login Untuk mengakses Kontrol Admin silahkan akses dengan mengetikkan format berikut pada url browser anda. Catatan: namapondokpesantren.ponpes.id/wp-admin namapondokpesantren diganti dengan alamat web ponpes anda, seperti ini: Gambar 2.1 URL Login Admin Kemudian anda akan dibawa kehalaman login admin, seperti ini: Gambar 2.2 Halaman Login Admin Isikan Nama Pengguna dan Password seperti saat instalasi, dan silahkan centang Ingat Saya/Remember Me jika anda menggunakan komputer pribadi anda. Sekarang Klik Masuk Log/Log In dan jika berhasil anda akan dibawa oleh navigasi ke halaman Kontrol Admin seperti di bawah ini. Pada halaman admin anda disediakan akses penuh untuk full customize / merubah sepenuhnya halaman website anda. 5
Gambar 2.3 Halaman Utama Admin 2.2 Input Berita / Posting Langkah pertama untuk membuat Berita ialah klik Pos. Gambar 2.4 Langkah Pertama Membuat Postingan Gambar 2.5 Tampilan Managemen Pos Gambar di atas adalah tampilan managemen pos, di sini anda bisa melihat jumlah postingan atau berita yang telah di inputkan sebelumnya. Untuk membuat postingan baru klik Tambah Baru seperti di gambar 2.5. Setelah itu anda akan di bawa ke tampilan input postingan baru seperti di bawah ini. 6
Gambar 2.6 Tampilan Input Berita / Pos Baru Kemudian untuk menambahkan judul isi form berikut: Gambar 2.7 Form Input Judul Kemudian untuk konten berita, sudah disediakan formnya seperti di bawah ini: Gambar 2.8 Form Input Berita 7
Keterangan: No Nama Keterangan 1 Tambahkan Media Upload Gambar atau Video ke dalam konten. 2 Kotak Peralatan Standar Toolbox untuk memodifikasi konten, kurang lebih sama dengan fitur standar di Ms Word. 3 Kolom Konten Tempat anda menginputkan tulisan anda. 4 Visual Menampilkan tulisan anda dengan mode visual. (Mudah dipahami orang umum) 5 Teks Menampilkan tulisan anda dengan mode html. (Untuk yang berpengalaman dengan bahasa HTML) 6 Bebas Gangguan Menampilkan Form Input Konten secara bersih, agar anda lebih fokus pada tulisan anda. 7 Jumlah Kata Menampilkan jumlah kata yang telah anda tulis. Kategori Sebelah kanan dari Form Input konten, anda akan menemukan Form Kategori. Fungsinya adalah untuk mengkategorikan tulisan anda ke dalam sub sub yang lebih spesifik. Sehingga pembaca bisa dengan mudah mengenali tulisan anda berdasarkan kategori yang sedang dibacanya. Untuk memasukkan tulisan anda kedalam kategori, anda hanya perlu mengklik kategori yang sudah ada. Gambar 2.9 Form Kategori Untuk menambahkan kategori baru klik +Tambah Kategori Baru, maka akan muncul tambahan form seperti ini. Isikan nama kategori baru di form yang telah di sediakan, dalam contoh kali ini kita akan isikan Akademik sebagai kategori baru. Klik Kategori Induk di bawahnya jika anda ingin menjadikan kategori baru tersebut sub dari kategori yang lain. Seperti contoh di samping, ekstrakulikuler, dan tips merupakan sub kategori dalam berita. Jika sudah selesai, klik tombol Tambah Kategori Baru. Gambar 2.10 Tambah Kategori Baru 8
Bisa anda lihat di gambar 2.11 kategori baru telah berhasil ditambahkan. Anda bisa memilih kategori lainnya jika anda ingin tulisan anda berada di 2 atau lebih kategori sekaligus. TAG Gambar 2.11 Kategori Baru Berhasil di Tambahkan Tag adalah kata-kata yang berhubungan dengan suatu artikel. Seringkali juga disebut kata kunci yang berhubungan dengan artikel. Untuk membuat tag, caranya mudah sekali buatlah beberapa kata kunci, pisahkan dengan tanda koma (,) seperti di bawah ini contohnya. Gambar 2.12 Form Tag Klik Tambahkan Gambar 2.14 Input Tag dengan koma Gambar 2.13 Input Tag Selesai di Tambahkan 9
Untuk menghapus Tag, klik icon di samping tag. Mudah bukan? Gambar Fitur Dengan fitur ini memungkinkan anda untuk mengatur tampilan gambar utama dalam postingan atau berita anda sebagai icon untuk ditampilkan di homepage. Untuk menggunakannya klik Buat Gambar Utama. Maka akan Gambar 2.15 Form Gambar Fitur muncul form media seperti di bawah ini. Gambar 2.16 Tahapan Memilih Gambar Utama Keterangan No Nama Keterangan 1 Unggah Berkas Upload Gambar atau Video untuk dijadikan gambar utama. 2 Filter Hasil Menyaring hasil gambar berdasarkan postingan, seperti tanggal dan pencarian. 3 Kotak Gambar Menampilkan semua gambar yang telah terupload, klik salah satu gambar yang ada untuk di jadikan gambar utama. 4 Buat Gambar Utama Tombol untuk memproses gambar yang terpilih menjadi gambar utama. 10
Di samping ini adalah tampilan gambar fitur selesai di pilih. Untuk mengganti gambar dengan gambar yang lain klik Hapus gambar andalan. Gambar 2.17 Tampilan gambar fitur selesai Publikasi Menu Terakhir adalah terbitkan atau sering juga disebut sebagai menu publikasi. Dengan fitur yang telah disediakan. Anda bisa menyimpan, pra tampilan postingan, mengatur privasi postingan anda, atau penjadwalan posting. Berikut keterangan lebih detailnya: Gambar 2.18 Form Publikasi / Terbitkan Keterangan No Nama Keterangan 1 Simpan Konsep Simpan tulisan anda untuk di lanjutkan di lain waktu. 2 Pratampil Untuk melihat seperti apa tampilan tulisan anda setelah dipublikasikan. 3 Status Untuk mengatur status dari tulisan, masih dalam konsep atau revisi. 4 Kenampakan Untuk mengatur hak akses postingan tersebut, ada 3 pengaturan, yaitu: Umum : Semua orang bisa melihat. Di lindungi dengan kata sandi : Hanya yang memiliki password bisa mengakses halaman tulisan anda. Privat: Hanya anda sendiri yang bisa melihat postingannya. 5 Terbitkan Untuk mengatur waktu kapan postingan anda akan ditampilkan. Fungsinya 11
seperti alarm, system akan otomatis post tulisan anda di waktu yang telah anda tentukan. 6 Pindahkan ke tong Untuk menghapus tulisan / postingan anda. sampah 7 Terbitkan Tombol untuk mempublikasikan tulisan anda di website. Gambar 2.19 Tampilan Posting Baru Siap dipublikasikan Jika Tulisan anda telah siap, klik terbitkan seperti yang sudah di kotak merah di gambar 2.19, Kemudian akan ada notifikasi bahwa tulisan anda telah diterbitkan, seperti gambar di bawah ini. Klik Lihat Tulisan untuk melihat tulisan anda. Gambar 2.20 Tulisan diterbitkan 12
Gambar 2.21 Tulisan Berhasil di Inputkan 2.3 Edit Berita / Postingan Pada tampilan Dasbor admin, sorot pointer anda ke pos, dan klik Semua Pos seperti contoh dibawah ini. Gambar 2.22 Langkah Pertama Edit Tulisan 13
Gambar 2.23 Pilih Tulisan yang akan diedit Pilih tulisan yang hendak anda edit dengan menyorot pointer anda ke tulisan yang hendak di edit. Gambar 2.24 Tampilan Menu Pos / Tulisan No Nama Keterangan 1 Sunting Untuk edit tulisan anda. 2 Sunting Cepat Untuk edit tulisan secara langsung di halaman tersebut, tapi yang bisa anda edit terbatas judul, kategori, tag, publikasi, dll, tidak bisa edit konten. Lihat gambar 2.25. 3 Tong Sampah Untuk menghapus tulisan anda. 4 Tampil Melihat tampilan tulisan di website anda. Gambar 2.25 Tampilan Sunting Cepat Klik Edit jika anda hendak mengedit tulisan anda secara seutuhnya. 14
Gambar 2.26 Tampilan Sunting Pos 2.4 Hapus Tulisan Merujuk pada tutorial edit di gambar 2.23, untuk menghapus tulisan klik tong sampah pada tulisan yang hendak dihapus. Untuk keamanan tulisan anda, tulisan tidak akan langsung terhapus, hanya tidak ditampilkan di website anda. Sehingga ketika suatu waktu jika anda memerlukan tulisan anda kembali anda bisa mengembalikannya lagi. Untuk mengaksesnya kembali di table pos akan ada menu tong sampah apabila ada tulisan yang dimasukkan ke tong sampah. Gambar 2.27 Tong Sampah Gambar 2.28 Menu Tong Sampah 15
Klik Kembalikan jika anda ingin menarik kembali tulisan anda ke halaman web sekolah anda, atau hapus secara permanen jika anda ingin menghapus tulisan anda selamanya (Hati-hati!). Yang sudah terhapus tidak bisa dikembalikan. 2.5 Halaman Pada dasarnya cara membuat Halaman dan bagaimana cara mengelolanya sama seperti post. Hanya bedanya ialah terletak di fungsinya. Halaman digunakan untuk tampilan yang lebih statis, seperti profil, akademik, kontak Oleh karena itu di halaman tidak ada fitur kategori atau tag. Berbeda dengan post yang dinamis yang digunakan untuk membuat berita, artikel dll. Namun di halaman memiliki kelebihan yang tidak di miliki di pos, yaitu hirarki halaman. Yang memungkinkan anda membuat sub-sub dari halaman tersebut. Misal: Profil Lembaga Database Visi & Misi Kurikulum Pesantren Foto Sejarah Pengasuhan Santri Video Yayasan Tenaga Pengajar Gambar 2.29 Tampilan Menu Halaman 16
3.1 Membuat Menu Navigasi BAB 3. KUSTOMISASI TAMPILAN WEB Gambar 3.1 Menu Navigasi Menu Navigasi di buat dari halaman yang telah di buat sebelumnya. Untuk mengatur setingannya sangat mudah. Pada halaman Dasboard Admin sorot pointer anda ke tampilan, dan pilih menu. Gambar 3.2 Membuat Navigasi Menu 17
Berikan nama untuk menu anda. Setelah itu klik Tombol Buat Menu. Gambar 3.3 Membuat Menu Navigasi Baru Ketika anda sudah membuat menu baru, maka anda bisa menambahkan halaman, link, kategori, ke dalam menu navigasi anda. Cukup dengan check list seperti gambar di samping ini. Jika anda rasa sudah cukup klik Tambahkan Ke Menu. Kemudian untuk membuat sub-sub dari menu navigasi caranya sangat mudah, klik menunya dan geser kearah menu utamanya. Maka akan otomatis menu tadi menjadi sub dari navigasi tersebut. Seperti ini contohnya: Gambar 3.4 Centang untuk menambahkan menu 18
Gambar 3.5 Menu Navigasi Belum Terstruktur Gambar 3.6 Menu Navigasi Sudah Terstruktur Menambahkan Kustom Link Ke Dalam Menu Navigasi Gambar 3.7 Form Taut Tersuai Klik Taut Tersuai, maka akan muncul form seperti di samping. Isikan URL dengan alamat website yang ingin anda pasang di menu navigasi. Isikan Teks Tautan sebagai tampilan Teks di menu navigasi nanti. Jika Sudah Selesai Klik Tambahkan Ke Menu Jika di rasa sudah fix, klik lokasinya di pojok kanan atas. 19
Navigasi Menu berhasil di buat, selanjutnya untuk memasangkannya di menu header, klik Kelola Lokasi. Gambar 3.8 Navigasi menu berhasill di buat Kelola Lokasi Pada tahap ini anda akan mengelola lokasi navigasi di halaman web anda. Masing-masing template memiliki jumlah menu yang berbeda. Pada template contoh mendukung 4 Lokasi, berikut cara memasangnya: Gambar 3.9 Kelola Lokasi Untuk memasangnya klik pilih di lokasi yang di inginkan. Biarkan kosong atau jangan di rubah apabila anda menghendaki menu itu kosong. Contohnya seperti ini: 20
Gambar 3.10 Kelola Lokasi Menu terpilih Klik Simpan Perubahan, dan lihatlah perbedaan di website anda. 3.2 Membuat dan Mengatur Widget Gambar 3.11 Widget pada kotak merah DIGITALIQ menyediakan fitur widget agar anda bisa menambahkan widget dengan leluasa, di halaman website sekolah anda. Widget di letakan di sidebar, dan sangat mudah sekali untuk kustomisasinya. Pada menu dasbor admin klik tema dan pilih sub widget. 21
Gambar 3.12 Pilih Widget Pada Tampilan Gambar 3.13 Tampilan Menu Widget Untuk merubahnya sangat mudah sekali, anda hanya perlu klik di widget yang tersedia, dan memilih untuk di masukan di sidebar yang sedang aktif setelah itu klik button tambahkan widget. Klik Tambahkan Widget Gambar 3.14 Tambah Widget Kalender Gambar 3.15 Menambahkan Kalender ke Sidebar 22
Isikan Judul untuk di Tampilkan di halaman web, namun anda juga bisa mengosonginya. Berikutnya untuk mengatur posisi widget, anda hanya perlu menggeser urutannya, sama seperti membuat menu. Gambar 3.16 Widget Kalender telah di urutkan Ketika anda mengatur widget, otomatis sistem akan menyimpannya. Untuk melihat hasilnya anda bisa mengecek kembali di halaman website anda. Gambar 3.17 Widget yang telah terupdate 23
3.3 Kustomisasi Halaman DIGITALIQ menyediakan fitur kustomisasi standar website. Untuk mengakses fitur ini arahkan pointer anda ke arah tampilan, dan pilih sub menu sesuaikan. Gambar 3.18 Kustomisasi Halaman Gambar 3.19 Kustomisasi Tampilan Layaout 24
Keterangan No Nama Keterangan 1 Tema Menampilkan Tema yang sedang aktif, Klik ubah untuk mengganti tema 2 Kustomisasi Element Element web yang dapat kita rubah 3 Pratampil Menampilkan kondisi web apabila element tersebut di rubah (Preview) 4 Close Menutup halaman penyesuaian (Jangan lupa di simpan sebelum keluar) 5 Simpan & Terbitkan Untuk menyimpan hasil penyesuaian anda Dengan fitur ini anda bisa dengan leluasa kustomisasi tampilan website dengan seperti apa yang anda inginkan. Yang perlu anda catat di sini adalah setiap template memiliki pengaturan elemen yang berbeda, namun cara penggunaannya umumnya sama. Sehingga orang awam sekalipun dapat menggunakannya. 25