PERCOBAAN VI
PENGINSTALAN WORDPRESS
Tujuan
1. Mahasiswa
dapat memahami tentang CMS.
2. Mahasiswa
dapat mengerti dan memahami tentang Wordpress serta penggunaannya.
Alat dan Bahan
1. Laptop
2. XAMPP
3. Wordpress
Teori Dasar
Content Management System atau disingkat
CMS adalah suatu metode dalam mengelola sebuah content. Content bisa berupa
teks, suara, gambar video, animasi dan aplikasi lainnya yang disimpan dalam sebuah database
sehingga mudah dalam proses pengelolaannya. CMS
yang banyak dipakai saat ini adalah website
CMS (WCMS). WCMS adalah perangkat lunak yang berfungsi untuk membangun dan memelihara atau updating web, yang dirancang
sedemikian rupa sehingga proses pembuatan dan pemeliharaan web lebih mudah, efektif dan efisien, baik
bagi orang yang mengerti tentang teknologi web maupun yang tidak. Ketiga
aplikasi tersebut dapat dengan mudah kita peroleh dan yang penting adalah
legal, karena aplikasi tersebut berlisensi GNU/GPL.
Berdasarkan pada fungsinya, WCMS dapat di bagi atas :
• WCMS
Portal, adalah sebuah website CMS yang mempunyai banyak
layanan, seperti layanan berita, forum, mailing
list, email dan lain sebagainya. Misalnya : Wordpress, Joomla!, Mambo,
PHPnuke, Postnuke, dll.
• WCMS
E-Commerce, adalah sebuah website CMS yang bertujuan agar dapat
melakukan proses transaksi online. Misalnya : OsCommerce.
• WCMS
E-Learning, adalah website CMS yang bertujuan untuk
keperluan proses belajar mengajar jarak jauh. Misalnya : aTutor.
• WCMS
Forum, adalah website CMS yang menyediakan media untuk proses diskusi secara
online, misalnya : phpBB, MyBB, MiniBB dan lain sebagainya.
• WCMS
Gallery, adalah website CMS yang menyediakan wadah untuk menampilkan gallery foto.
Misalnya : Galery, Copermine dan lain sebagainya.
Disamping
penggolongan diatas, WCMS juga dapat dikelompokkan menjadi beberapa macam
bergantung kepada sifat-sifatnya, yaitu
:
• WCMS
Komersial, jenis WCMS seperti ini jelas kita harus membayar untuk
menggunakannya serta untuk mendapatkan source
codenya.
• WCMS
Open Source, ini merupakan jenis WCMS
yang paling banyak beredar diinternet, karena bersifat open source dan berlisensi GPL.
WordPress adalah
sebuah aplikasi sumber terbuka (open
source) yang sangat populer digunakan sebagai mesin blog (blog engine).
WordPress dibangun dengan bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya
merupakan perangkat lunak sumber terbuka (open
source software). Selain sebagai blog, WordPress juga mulai digunakan
sebagai sebuah CMS (Content Management
System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan
kebutuhan penggunanya. WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Nama WordPress
diusulkan oleh Christine Selleck, teman Matt Mullenweg. WordPress saat ini
menjadi platform content management
system (CMS) bagi beberapa situs web ternama seperti CNN, Reuters, The New
York Times, TechCrunch, dan lainnya.
WordPress memiliki banyak keunggulan dan fitur untuk
dunia blog, antara lain :
• Gratis.
Untuk mendapatkan perangkat lunak WordPress hanya perlu mengunduh dari situsnya
tanpa dipungut biaya, bahkan untuk blog komersial sekalipun.
• Berbasis
kode sumber terbuka (open source).
Pengguna dapat melihat dan memperoleh barisan kode-kode penyusun perangkat lunak
WordPress tersebut secara bebas, sehingga pengguna tingkat lanjut yang memiliki
kemampuan pemrograman dapat bebas melakukan modifikasi, bahkan dapat
mengembangkan sendiri program WordPress tersebut lebih lanjut sesuai keinginan.
• Desain
tampilannya mudah dimodifikasi sesuai keinginan pengguna. Sehingga apabila
pengguna memiliki pengetahuan HTML yang memadai, maka pengguna tersebut dapat
berkreasi membuat template sendiri. Pengguna yang tidak mengerti HTML, tentu
saja masih dapat memilih ribuan template yang tersedia di internet secara
bebas, yang tentu saja gratis.
• Pengoperasiannya
mudah.
• Satu
blog WordPress, dapat digunakan untuk banyak pengguna (multi user). Sehingga
WordPress juga sering digunakan untuk blog komunitas. Anggota komunitas
tersebut dapat berperan sebagai kontributor.
• Jika
pengguna sebelumnya telah mempunyai blog tidak berbayar, misalnya di alamat
Blogger, LiveJournal, atau TypePad, pengguna dapat mengimpor isi blog - blog
tersebut ke alamat hosting blog pribadi yang menggunakan perangkat lunak
WordPress. Dengan demikian pengguna tidak perlu khawatir isi blog yang lama
akan menjadi sia-sia setelah menggunakan perangkat lunak WordPress.
• Selain
pengguna yang banyak, banyak pula dukungan komunitas (community support) untuk WordPress.
• Tersedia
banyak plugin yang selalu berkembang.
Plugin WordPress sendiri yaitu sebuah
program tambahan yang bisa diintegrasikan dengan WordPress untuk memberikan
fungsi-fungsi lain yang belum tersedia pada instalasi standar. Misalnya plugin
anti-spam, plugin web counter, album foto.
• Kemampuan
untuk dapat memunculkan XML, XHTML, dan CSS standar.
• Tersedianya
struktur permalink yang memungkinkan
mesin pencari mengenali struktur blog dengan baik.
• Kemungkinan
untuk meningkatkan performa blog dengan ekstensi.
• Mampu
mendukung banyak kategori untuk satu artikel. Satu artikel dalam WordPress
dapat dikatogorisasikan ke dalam beberapa kategori. Dengan multikategori,
pencarian dan pengaksesan informasi menjadi lebih mudah.
• Fasilitas
Trackback dan Pingback. Juga memiliki kemampuan untuk melakukan otomatis Ping
(RPC Ping) ke berbagai search engine
dan web directory, sehingga website
yang dibuat dengan Wordpress akan lebih cepat ter index pada search engine.
• Fasilitas
format teks dan gaya teks. WordPress menyediakan fitur pengelolaan teks yang
cukup lengkap. Fitur – fitur format dan gaya teks pada kebanyakan perangkat
lunak pengolah kata seperti cetak tebal, cetak miring, rata kanan, rata kiri,
tautan tersedia di WordPress.
• Halaman
statis (Halaman khusus yang terpisah dari kumpulan tulisan pada blog).
• Mendukung
LaTeX.
• Mempunyai
kemampuan optimalisasi yang baik pada Mesin Pencari (Search Engine Optimizer) .
Praktikum
A. Instalasi dan Konfigurasi XAMPP 1. Pilih
aplikasi XAMPP pada laptop/PC.
2. Lalu
klik Next.
3. Pilih
lokasi installasi XAMPP, kemudian klik next.
4. Klik
next.
5. Tunggu
proses instalasi selesai.
6. Setelah
proses instalasi selesai, klik finish.
7. Kemudian
klik quit dan silahkan restart laptop anda.
8. Setalah
anda merestart laptop, buka kembali XAMPP.
9. Bukalah
file Xampp.conf.
10. Pada
module Apache tekan Config lalu pilih PHP.
11. Blok
semua dan copy (Ctrl + A dan Ctrl + C) isi dari file Xampp Conf kemudian
pastekan dan replace semuanya ke file php.ini (Ctrl + A dan Ctrl + V).
12. Simpan
php.ini yang telah dikonfigurasikan, lalu close php.ini dan Xampp Conf.
B. Installasi Wordpress
1. Copy
file wordpress-4.6.1 ke direktori “C:\xampp\htdocs” dan tekan paste.
2. Klik
kanan file dan tekan Extract Here file
“Wordpress-4.6.1”.
3. Rename
folder hasil extract menjadi “wordpress”.
4. Buka
web browser yang anda gunakan lalu masukkan URL “localhost/wordpress”.
5. Tekan
Let’s Go!.
6. Masukkan
data pada baris yang ada seperti gambar dibawah lalu tekan Submit.
7. Tekan
Run the Install untuk memulai installasi wordpress.
8. Masukkan
data pada baris yang ada seperti gambar dibawah lalu tekan install wordpress.
9. Masukkan
username “admin” password “TI@_Mei30~” kemudian tekan Log In.
10. Integrated
Development Environment adalah tampilan pengembangan sebuah aplikasi. IDE
Wordpress berbasis DashBoard website dengan keamanan yang tinggi.
C. Manajemen konten wordpress.
Awal Akhir
1. Langkah
pertama ialah instalasi tema. Tekan Appearance kemudian Add New.
2. Klik
Upload Theme.
3. Klik
Chosse File untuk memasukkan file tema.
4. Masuk
ke folder website dan klik Extract to NewsMag32_o.
5. Masuk
ke folder “Website\NewsMag32_0\Newsmag-tf” pilih Newsmag.
6. Silahkan
klik Install Now.
7. Kemudian
klik Activate.
8. Masuk
ke Newsmag Theme dan klik Activate Theme.
9. Kemudian
klik Activate theme manually.
10. Masuk
ke folder “Website\NewsMag32_0\Newsmag-tf” Pilih “licence key”.
11. Copy
Envato purchase code “rt465gpy-h78j-p04h-991j-k89jc1j7h453”.
12. Paste-kan
pada kolom Envato purchase code.
13. Copy
tagDiv activation key “48dfer5sf1j7h879y89eui67fg206c”.
14. Paste
pada tagDiv activation key lalu klik Manual activate theme.
15. Klik
Plugin.
16. Klik
install pada Visual Composer.
17. Klik
Return to tagDiv plugins panel.
18. Klik
install pada Social Counter.
19. Klik
Return to tagDiv plugins panel.
20. Langkah
selanjutntya ialah installasi pluggin. Klik plugin lalu klik add new.
21. Upload
plugin kemudian klik choose file.
22. Masuk
ke folder “Website\ NewsMag32_0\ Newsmag-tf\plugins” Pilih revslider.
23. Kemudian
klik install, setelah itu klik Active Plugin.
24. Masuk
ke Newsmag dan pilih theme panel.
25. Pada
Header – Header Style pilih Style 5.
26. Header
– Top Bar. Enable Show Top Menu dan Enable Social Icons.
27. Header
– Logo & Favicon. Klik Upload pada logo upload.
28. Klik
Select Files.
29. Masuk
ke folder gambar pilih “Logo HMTI Web” Lalu tekan Open.
30. Klik
Insert into post.
31. Tekan
Upload pada Retina Logo Upload.
32. Tekan
Upload pada Retina Logo Upload.
33. Tekan
Upload Files.
34. Pilih
Logo HMTI Web Besar Lalu tekan Open.
35. Tekan
Insert into post.
36. Tekan
Upload pada Favicon.
37. Pilih
gambar Icon.
38. Tekan
Insert into post.
39. Masukkan
“HMTI Universitas Tadulako” pada Logo Alt Atribute.
40. Tekan
Save Settings.
41. Pada
Footer – Footer Settings. Disable Show Footer.
42. Masukkan
kalimat “HMTI@Universitas Tadulako” Lalu tekan Save Settings.
43. Pada
Template Settings – Smart sidebar. Enable Smart Sidebar Lalu tekan Save
Settings.
44. Post
Settings – Sharing. Disable Top Article Sharing.
45. Masukkan
“hmtiuntad” pada twitter username. Lalu tekan Save Settings.
46. Theme
Colors – General Color. Ubah kode warna Theme Accent Color menjadi “#1e73be”.
47. Theme
Color – Top Menu. Ubah kode warna Background Color menjadi “#1e73be”.
48. Ubah
kode warna Top Menu Text Color menjadi “#ffffff”.
49. Theme
Colors – Main Menu. Ubah kode warna Background Color menjadi
“#ffffff”.
50. Ubah
kode warna Text Color menjadi “#000000”.
51. Ubah
kode warna Border Color menjadi “#ffffff”.
52. Theme
Colors – Sub Footer. Ubah kode warna Background Color menjadi “#1e73be”.
53. Theme
Font – Header. Ubah font pada main menu dan sub-menu.
54. Social
Networks. Masukkan link Social Network Facebook: hmti.untad, Twitter:
hmtiuntad, dan Instagram: hmtiuntad.
55. Masuk
ke Slider Revolution kemudian klik New Slider.
56. Masukkan
Tittle = homepage dan Alias = home.
57. Atur
Layer Grid Size 1204 x 400.
58. Kemudian
Klik Save Setting.
59. Tekan
Main/Background image dan Change Image.
60. Masuk
ke folder “gambar/slider” dan pilih gambar 1.
61. Tekan
Insert.
62. Kemudian
Klik Save Slide.
63. Pada
tambah pilih Add Blank Slide.
64. Lakukan
langkah memilih gambar, menyimpan, dan menambahkan slide baru hingga selesai.
65. Langkah
selanjutnya ialah membuat pages. Masuk ke pages dan klik add new.
66. Masukkan
Home pada judul dan tekan Backend Editor.
67. Setelah
masuk ke Visual Composer Tekan Add Element.
68. Tekan
content dan pilih Revolution Slider 5.
69. Pilih
homepage dan tekan Add Selected Slider.
70. Tekan
Icon Tambah.
71. Tekan
Block dan pilih Block 12.
72. Tekan
Save changes.
73. Pilih
Custom dan pilih 2/3 + 1/3.
74. Tekan
Tambah pada Samping Block 12.
75. Tekan
Structure pilih Widgetised Sidebar.
76. Tekan
Save changes.
77. Hasilnya
nanti akan tampil seperti gambar dibawah.
78. Tekan
Publish untuk menyimpan halaman / pages.
79. Masuk
ke Settings kemudian sub Reading. Pilih A static page, pilih home, pilih
summary dan Save change seperti pada gambar dibawah.
80. Setelah
itu pada Appearance – Menus, masukkan Utama lalu Create Menu.
81. Centang
Home dan tekan Add to Menu.
82. Lalu
Centang Header Menu kemudian klik Save Menu.
83. Masuk
ke Appearance – Widget lalu Drag and drop keluar semua yang ada pada widget
Newsmag.
84. Klik
social counter dan Tekan Add Widget.
85. Masukkan Block Title = “FansPage”,
Facebook = “hmtiuntad”, Instagram = “hmtiuntad” lalu tekan save. 
86. Maka hasilnya akan tampil seperti gambar
dibawah.
Hasil Percobaan
1. Tampilan
Dashboard Wordpress.
2. Tampilan
Website.
