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