Tutorial Cms Wordpress 3

  Tutorial CMS WordPress 3   

       

Oleh : Musa Amin  http://musaamin.web.id   Makassar, 9 Agustus 2010   

 

Software yang dibutuhkan  1. Webserver XAMPP download di http://www.apachefriends.org/en/xampp‐windows.html  2. CMS Wordpress download di http://wordpress.org/latest.tar.gz.    

Install XAMPP  Jalankan file instalasi XAMPP, kemudian pilih drive/harddisk yang akan menjadi lokasi web server  misalnya C:\ atau D:\ setelah itu klik Extract.  

  Gambar Memilih Lokasi Ekstrak File  

  Gambar Proses Ektrak File  Setelah proses ekstrak selesai, maka webserver siap untuk dijalankan. Masuk ke lokasi folder XAMPP  kemudian jalankan file xampp‐control.exe. Server yang harus dijalankan yaitu Apache dan MySQL.  

  Gambar XAMPP Control  Untuk mengetes apakah server Apache sudah berjalan dengan baik akses http://localhost  menggunakan web browser.  Jika muncul halaman XAMPP maka apache sudah aktif.  

  Gambar Tampilan Awal XAMPP setelah Instalasi  Sedangkan untuk mengetes server MySQL akses http://localhost/phpmyadmin, jika tampilannya  seperti gambar di bawah ini maka server MySQL sudah jalan.  

  Gambar phpMyAdmin 

Install WordPress  1. Extract master wordpress yang sudah didownload ke dalam folder xampp/htdocs.  

  Gambar Winrar ‐ Extract CMS Wordpress   

 

2. Sebelum melakukan proses install wordpress dibuatkan dulu databasenya. Akses  http://localhost/phpmyadmin.  3. Buat database  dengan nama “wordpress”, lalu klik Create 

  Gambar phpMyAdmin – Membuat Database 

  Gambar Pesan Database sukses dibuat  4. Akses http://localhost/wordpress  5. Klik “Create a Configuration File” 

  6. Klik “Let’s go!” 

  7. Setting koneksi database :  a. Database name = nama database yang sudah dibuat di phpmyadmin; wordpress  b. User Name = username database; root  c. Password = password database; kosongkan saja  d. Database host = server database; localhost  e. Klik “Submit” 

  Gambar Setting Koneksi Database    Instalasi standar XAMPP username=root dan password=tidak ada    8. Klik “Run the install” 

 

Gambar Run The Install  9. Settingan blog  a. Site Title : judul website  b. Username : username untuk admin blog  c. Password : password untuk admin blog  d. Masukkan ulang password  e. Your E‐mail : alamat email  f. Klik Install WordPress 

  Gambar Settingan Blog  10. Jika sukses akan muncul pesan seperti gambar dibawah ini   

 

  Gambar Pesan Install WordPress Sukses  •

Untuk melihat halaman depan blog/frontpage akses http://localhost/wordpress 

  Gambar Login Admin WordPress   

 

•

Untuk login admin WordPress akses http://localhost/wordpress/wp‐admin atau  http://localhost/wordpress/wp‐login.php 

  Gambar Halaman Depan/Frontpage WordPress   

 

Post /Artikel  Membuat Post  1. Masuk di admin wordpress, klik menu PostsÆAdd New 

  Gambar Menu PostsÆAdd New  2. Mengisi form post  a. Masukkan judul post  b. Masukkan isi post   

  Gambar Editor Post    c. Pilih kategori post, kategori bisa lebih dari satu. Jika kategori belum ada tambah  kategori baru dibagian Add New Category lalu klik Add New Category. 

  Gambar Form Kategori Post  d. Masukkan tag/keyword yang berhubungan dengan isi artikel. Tag bisa lebih dari satu  dibatasi dengan koma (contoh: iphone, flash player) lalu klik Add.   

  Gambar Form Tag  e. Klik Publish 

  Gambar Option Publish     

  Gambar Hasil Postingan      Membuat Postingan Bergambar    1. Buat postingan baru, masukkan judul  2. Klik icon Add Image pada Upload/Insert 

  Gambar Icon Add Image  3. Klik tombol Select Files, lalu browse file gambar yang akan digunakan 

  Gambar Upload File dari K Komputer  4. SSetelah gambar selesai d diupload, pilih posisi aliggnment agar postingan leebih rapi. Seetelah  ittu klik Insertt Into Post  5. Gambar yang G g telah diuplload telah m masuk di edittor postingan n tinggal meelanjutkan m mengetik  issi postingan. 

  Gam mbar Editor P Postingan beerisi gambarr  JJika sudah p pernah menggupload gam mbar maka cukup memilih gambardaari Gallery, kklik Show lalu u klik  Insert Into P Post. 

  mbar Galleryy  Gam    

  Gambar Postingan memakai gambar  Membuat Postingan Download File  1. Klik icon Add Media pada Upload/Insert 

  Gambar Icon Add Media  2. Klik Select Files, lalu Open file yang akan diupload 

  Gambar Upload File  3. Setelah proses upload selesai, klik Insert into Post 

  Gambar Add Media 

  Gambar Editor Postingan berisi Link File   

  Gambar Postingan berisi Link Download File   

 

Info :  Semua file yang diupload akan tersimpan di folder xampp\htdocs\wordpress\wp‐content\uploads.  Menambahkan Fungsi More pada Postingan  Penggunaan fungsi More pada postingan bertujuan agar postingan yang terlalu panjang bisa dipotong  dan untuk membaca versi lengkapnya harus mengklik Read More atau judul postingan.  1. Buat postingan seperti biasa, masukkan judul dan isi postingan  2. Tentukan dimana batasan intro postingan lalu klik tombol Insert more tag pada toolbar  editor maka akan muncul tanda More … 

  Gambar Editor Postingan berisi link Read More 

  Gambar Postingan memakai Read More   

Page/Halaman  Membuat Page  Untuk membuat Page klik menu PagesÆAdd New. Cara membuat Page sama saja dengan membuat  Post namun ada beberapa perbedaannya : 

1. Page tidak memiliki category dan tag  2. Page akan menjadi sebuah menu agar bisa dibaca 

  Gambar Page About 

  Comment / Komentar  Komentar/respon yang diberikan oleh pengunjung pada postingan atau page. Untuk memberi  komentar harus memasukkan nama dan alamat email dan isi komentar 

  Gambar Form Comment 

  Gambar Contoh Komentar pada post Hello world!  Mengatur Comment  Menampilkan komentar klik menu Comments 

  Gambar Menu Comments 

  Gambar Daftar Comments  Status :  • •

All : semua komentar  Pending : komentar yang belum disetujui untuk ditampilkan 

• • •

Approved : komentar yang sudah disetujui   Spam : komentar spam/iklan  Trash : komentar dalam tempat sampah 

Detail Comment :  • •

Author : nama penulis komentar serta alamat websitenya  Comment : waktu penulisan komentar, dan isi komentarnya  o Unapprove : tidak menyetujui komentar untuk ditampilkan  o Reply : balas komentar  o Quick Edit : edit komentar pada editor sederhana  o Edit : edit komentar pada editor lengkap  o Spam : jadikan sebagai komentar spam  o Trash : masukkan di tempat sampah 

Membalas Komentar  1. Klik Reply  2. Isi Komentar  3. Klik Submit Reply 

  Gambar Membalas Komentar   

  Gambar Komentar yang dibalas 

  Links  Links : daftar alamat website/blog.   Instalasi standar wordpress menyertakan contoh Links dengan nama kategori Blogroll. 

  Gambar Menu Links  • • •

Links : daftar Links  Add New : tambah Link baru  Links Categories : kategori link 

  Gambar Daftar Links  • • • • •

Name : nama website  URL : alamat website  Categories : kategori website  Edit : ubah link  Delete : hapus link 

Link Categories  Sebelum membuat Links dibuat dulu kategorinya. Klik menu Links Æ Link Categories. 

  Gambar Form Link Category 

1. Link Category Name : nama kategori  2. Klik Add Category  Setelah kategori ditambah maka daftar kategori link yang berada disebelah kanan form tambah link  category akan terupdate. 

  Gambar Daftar Link Categories      Menambah Link  Setelah membuat kategori link langkah selanjutnya membuat link. Klik menu LinksÆAdd New. 

  Gambar Form Add New Link  1. 2. 3. 4.

Name : masukkan nama website  Web Address : masukkan alamat website, harus memakai http://  Categories : pilih kategori  Klik tombol Add Link 

  Gambar Daftar Links    Menampilkan Links Blog  1. Klik menu AppearanceÆWidgets 

  Gambar Menu Appearance  2. Drag widget Links Primary Widget Area 

  Gambar Daftar Widget  3. Pilih kategori link  

4. Klik Save 

  Gambar Primary Widget Area 

  Gambar Widget Links   

Appearance  Appearance : settingan untuk pengaturan tampilan wordpress  Themes  Themes : tampilan/skin wordpress  Menambah/Menginstall Themes  1. Klik menu AppearanceÆThemes 

2. 3. 4. 5. 6.

Klik tab Install Themes  Klik Upload  Browse file theme dalam format .zip  Klik Install Now  Setelah install theme sukses, klik Activate untuk mengaktifkan theme yang baru saja diinstall 

  Gambar Upload Theme 

  Gambar pesan install theme sukses   

  Gambar WordPress memakai theme Mystique 2.4.2  Info :  • •  

Download theme wordpress gratis di http://wordpress.org/extend/themes/  Lokasi folder themes di wp‐content\themes   

Widget  Widget : tool/fitur yang ditampilkan pada sidebar theme. Pada pembahasan link telah diberikan  contoh mengenai widget Links yang berfungsi untuk menampilkan daftar Links.  Mengatur widget klik menu AppearanceÆWidgets 

  Gambar Daftar Widget  Memasang Widget   1. Drag salah satu widget ke salah satu posisi widget  2. Klik tombol Save pada settingan widget 

  Gambar Widget  • • • • •

Search : menampilkan form pencarian  Categories : menampilkan kategori post  Recent Posts : menampilkan post terbaru  Recent Comments : menampilkan komentar terbaru  Tags : menampilkan tag post 

 

 

 

Plugin  Plugin : tools/fitur tambahan untuk memaksimalkan wordpress.   Akismet   Akismet : plugin antispam. Komentar yang dideteksi oleh Akismet sebagai spam akan di set statusnya  sebagai Spam.  1. Klik menu Plugins 

  Gambar Menu Plugins    2. Aktifkan plugin Akismet dengan mengklik Acitvate 

  Gambar Menu Plugin Akismet    3. Setelah plugin Akismet diaktifkan akan muncul pesan untuk memasukkan API Key Akismet.  Untuk mendapatkan API Key Akismet daftar di https://akismet.com/signup/#free‐api‐key. 

  Gambar Pesan Aktifasi Plugin Akismet Sukses  4. Setelah mendapatkan API Key Akismet masukkan key tersebut melalui menu Akismet  Configuration. Beri cek pada Automatically discard spam comments on posts older than a month.  lalu klik Update Options.   

  Gambar Form Input Akismet API Key   

Jika API Key cocok akan muncul pesan Your key has been verified. Happy blogging!. 

Menginstall Plugin  1. Klik menu PluginsÆAdd New  2. Klik Upload  3. Browse file plugin (format .zip)  4. Klik Install Now 

  Gambar Form Install Plugins  5. Setelah proses intall plugin selesai akan muncul pesan seperti gambar di bawah. Klik Activate 

Plugin untuk mengaktifkan plugin. 

  Gambar Pesan Install Plugin Sukses   

Info :  • •

Download plugin wordpress di http://wordpress.org/extend/plugins/  Lokasi folder plugin wp‐content\plugins 

 

Mengganti Password Administrator  1. Klik menu UsersÆYour Profile 

  Gambar Menu Users  2. Masukkan password baru pada New Password  3. Klik Update Profile 

  Gambar Form Ganti Password   

Upload WordPress ke Web Hosting  Backup Database  1. Akses http://localhost/phpmyadmin  2. Klik nama database wordpress yang digunakan 

  Gambar phpMyAdmin  3. Klik Export 

  Gambar phpMyAdmin ‐ Export Database  4. Cek Save as File  5. Klik Go 

  Gambar phpMyAdmin – Export Database  6. Save File, OK 

  Gambar Download File wordpress.sql    Import Database dan Upload File WordPress  Import Database  1. 2. 3. 4. 5. 6.

Login ke Control Panel hosting  Buat database, set username dan password databasenya  Login ke phpMyAdmin web hosting  Klik Import  Browse file .sql hasil backup database  Klik Go 

  Gambar phpMyAdmin – Import Database  Jika proses import database sukses muncul pesan “Import has been successfully finished”.  7. Klik tabel wp_options 

  Gambar phpMyAdmin – Daftar Tabel  8. Edit option_value dari option_name siteurl dan option_value dari option_name menjadi nama  dengan mengklik icon 

. 

  Gambar phpMyAdmin – Browse tabel wp_options  9. Masukkan nama domain (pakai http://)pada option_value, lalu klik Go 

  Gambar phpMyAdmin – Edit Data  Upload File  1. Upload file wordpress ke webserver menggunakan software ftp client seperti filezilla client.  2. Edit file wp‐config.php :  • define('DB_NAME', 'nama_database');  • define('DB_USER', 'username_database');  • define('DB_PASSWORD', 'password_database');  Setelah melakukan proses import database dan upload file saatnya mencoba mengakses wordpress  yang sudah online, akses domain yang digunakan. Jika belum berhasil periksa kembali apakah  settingan database dan file wp‐config.php sudah cocok. 

 

Selamat ber‐WordPress