View
241
Download
0
Category
Preview:
Citation preview
CMS LOKA VERSI 2018
2018
PANDUAN PENGGUNAAN WEBSITE ADMINISTRATOR
CV. TECHNO MEDIA PRATAMA | Jl. Pemuda No. 122 Klaten
Program yang dibutuhkan untuk editing
1. Xampp versi terbaru
2. Image editor, seperti Photoshop
3. Notepad ++
4. Browser
Spesifikasi CMS
Support PHP 7, MySQLi
Support PHPMyAdmin versi terbaru di Cpanel Hosting
Panduan instalasi
Jika diinstall di localhost
1. Install XAMPP
2. Buat folder didalam folder htdocs misal: cms
3. Extrak file cms.zip dan taruh hasil ekstak tadi didalam folder cms yang telah kita buat
4. Buka localhost/phpmyadmin
5. Buat database dengan nama cms
6. Import database yang ada dalam file yang sudah kita ekstrak tadi
7. Kemudian setting koneksi database pada file ikutan >> config.php
8. Dan buka menggunakan browser dengan alamat http://localhost/cms
Jika diinstall di Webhosting
1. Extrak file cms.zip dan taruh hasil ekstak tadi didalam public_html
2. Buka phpmyadmin
3. Buat akun database dan database, kemudian hubungkan keduanya
4. Import database yang ada dalam file yang sudah kita ekstrak tadi
5. Kemudian setting koneksi database pada file ikutan >> config.php
Tampilan Website
CMS Loka versi 2018
Daftar Link
RewriteRule ^site-admin$ /index.php?pilih=siteadmin&modul=yes [QSA,L]
RewriteRule ^team.html$ ./index.php?pilih=team&modul=yes [QSA,L]
RewriteRule ^file-sharing.html$ ./index.php?pilih=file&modul=yes [QSA,L]
RewriteRule ^gallery.html$ ./index.php?pilih=foto&modul=yes [QSA,L]
RewriteRule ^pengaduan.html$ ./index.php?pilih=pengaduan&modul=yes [QSA,L]
RewriteRule ^index.html$ index.php [QSA,L]
RewriteRule ^hubungi.html$ ./index.php?pilih=contact&modul=yes [QSA,L]
RewriteRule ^register.html$ ./index.php?pilih=user&aksi=register [QSA,L]
RewriteRule ^login.html$ ./index.php?pilih=login&modul=yes [QSA,L]
RewriteRule ^direktori-link.html$ ./index.php?pilih=links&modul=yes [QSA,L]
RewriteRule ^testimonial.html$ ./index.php?pilih=testi&modul=yes [QSA,L]
RewriteRule ^forum.html$ ./index.php?pilih=forum&modul=yes [QSA,L]
Sebagai contoh
RewriteRule ^testimonial.html$ ./index.php?pilih=testi&modul=yes [QSA,L]
Maka link SEO nya adalah testimonial.html, link tersebut bisa anda taruh di dalam menu header untuk
link aslinya adalah index.php?pilih=testi&modul=yes
Anda bisa memilih salah satu dari kedua link tersebut, alangkah lebih baiknya jika anda memilih yang
sudah SEO friendly yaitu testimonial.html.
Konfigurasi absolute link dan Canonical
Buka dan edit thema >> cms-template.html menggunakan notepad ++
Edit dan sesuaikan
<base href="http://localhost/web-cms/">
<link rel="canonical" href="http://localhost/web-cms" />
Untuk base href, link harus diakhiri dengan tanda / contoh: http://localhost/web-cms/
Bagian-bagian pada template
Bagian 1 Header menu dan slider
Bagian 2 Halaman sambutan dan artikel berita
Ubah di menu Data
Profil
Ubah di folder
images/logo.png
Ubah di menu Menu
Header
Ubah di menu Multi
Menu
Ubah di menu
Pengaturan Slider
Ubah di menu Data
Profil
Entri di Menu Buat
Artikel
Bagian 3 Halaman Pembuka dan Team Work
Bagian 4 Testimonial
Entri di Menu
Pengaturan Halaman
Entri di Menu Team
Work
Entri di Menu Data
Testimonial
Bagian 5 Portofolio/Gallery dan Banner Client
Bagian 6 Footer
Entri di Menu
Gallery Foto
Entri di Menu
Banner Client
Entri di Menu Data
Profil
Login administrator
Buka situs ada, dan login sebagai admin. Contoh http://cmsloka.com/site-admin
Username dan password defaultnya adalah admin
Setalah login berhasi anda akan mendapati menu administrator di menu header
Sedangkan untuk login sebagai user dan editor di link login.html, contoh: Contoh
http://cmsloka.com/login.html
Menu Administrator
1. KONTEN
a. Data profil
b. Rubah password
c. Halaman dinamis
d. Header menu
e. Untuk membuat menu header.
Caranya adalah dengan klik buat menu atau buat sub menu
Bagaimana cara mengisi form URL, anda bisa mengisinya dengan URL website lain atau diisi
dengan link dari halaman dinamis yang sudah kita buat tadi.
Kembali ke menu halaman dinamis
Klik salah satu judul halaman yang sudah kita buat tadi
Setelah diklik maka akan menampilkan halaman dinamis beserta linknya
Copy linknya mulai dari index.php sampai seterusnya
Misalkan
http://localhost/cargo-php7/index.php?pilih=hal&id=1
maka yang perlu kita copy hanya
index.php?pilih=hal&id=1
karena kalau kita copy semua maka nanti akan open new tab ketika menu tersebut diklik.
Kembali ke menu buat menu
Lalu klik Create, dan menu tersbut otomatis tampil di header menu.
Atau langsung saja klik tulisan jadikan menu atau Make Menu
Selain dengan cara diatas anda juga bisa menambahkan url dengan menautkan link url
website lain contoh: http://cmsloka.com
f. Multi menu
g. Topik artikel
h. Buat berita
Ketika menambah artikel, harap masukkan Meta Tag SEO, hal ini bertujuan sebagai meta pada
artikel tersebut agar terlihat bagus dan mudah dibaca oleh bot mesin pencari Google
Contoh tampilan di dalam mesin penelusuran
i. Widget HTML
j. Themes setting
Merubah warna sub header dan footer, tersedia berbagai warna seperti orange, biru, silver,
hijau dan lain sebagainya
k. Pengaturan slider
l. Konfigurasi Website
Untuk judul harap masukkan sekitar 65 karakter
Untuk meta dan keyword sekitar 165 karakter
Email admin nanti berhubungan dengan form Hubungi kami
2. MODUL
a. Data testimonial
b. Penyimpanan file
Format yang diperbolehkan pdf, pptx, docx, rar, zip, dan xlsx
c. Direktori link
d. Banner client
e. Team work
f. SEO Meta Pages
Silahkan diedit data yang sudah tersedia, tetapi jangan mengubah Nama Modul
Menu ini berfungsi untuk mensetting Meta Pages untuk keperlual Optimalisasi SEO
Sebagai contoh menu hubungi kami (hubungi.html) = nama modul contact, jika kita buka
menu tersebut :
http://cmsloka.com/hubungi.html
Ketika kita klik kanan dan view source code akan terlihat hasilnya
Title, Description, dan Keywords tersebut kita setting di menu SEO Meta Pages tadi.
3. GALLERY
a. Kategori Foto
b. Galleri foto
4. PENGADUAN
5. PENGGUNA
Untuk membuat user pengguna, Administrator, Editor, dan User serta mereset password jika ada
user yang lupa.
6. BACKUP
Untuk membackup database serta merestore database.
Prosedur backup dan restore data
Klik tombol backup data
Lalu Download database
Jika ingin merestore silahkan ekstrak dulu file database yang telah kita download dalam
format .zip
Setelah di ekstrak, masukkan file tersebut yang berekstensi .sql dan klik tombol restore
data
7. KELUAR
Pengenalan
CMS Loka versi 2018
CMS Loka adalah Content Management System karya anak bangsa. CMS ini dibuat dengan tujuan
untuk mempermudahkan Administrator dalam mengelola konten website, diusung dengan konsep
light weight, responsive design, dan SEO friendly maka diharapkan CMS ini akan menjadi favorit untuk
digunakan sebagai website pribadi, sekolah, universitas, corporate dan lain sebagainya.
CMS ini memanjakan kreasi pemilik dengan memberi kebebasan dalam memilih warna websitenya
dengan memanfaatkan fitur Themes Setting, dan juga memacu pemilik website untuk berkreasi
dengan SEO pada meta tags setiap menu.
Terdapat 3 level pada CMS ini, yaitu Administrator, Editor dan User dimana masing-masing level
memiliki tingkat menu yang berbeda-beda.
Jadi terimakasih telah menggunakan produk CMS dari kami
Owner
CV. Techno Media Pratama
Recommended