Cara Mengginstall Wordpress di Localhost dengan Xampp | Gandem Design

Cara Mengginstall Wordpress di Localhost dengan Xampp

Monday, June 13, 2016

Assalamu'alaikun Wr. Wb.,

Pada postingan kali ini saya akan menjelaskan bagaimana caranya mengginstall cms Wordpress di Localhost menggunakan Xampp, kenapa di local ? kok ngak online sekalian ?
Beberapa keuntungan buat yang baru belajar Wordpress, mengginstall di localhost sangat menghemat biaya hosting (gratis), tanpa biaya internet dan waktu loading lebih cepat.

Kamu juga bisa belajar membuat tema wordpress dengan mengginstall di localhost ini.
Sebernya wordpress yang di install di localhost dan hosting online ngak ada bedanya, cuma yang online bisa di akses oleh semua orang, sedangkan yang local(offline) yang bisa di akses oleh pengguna komputer yang terinstall wordpress tsb.

Nah, kalau kamu kepingin membuat website, kamu bisa membuat versi offline nya dulu, sambil mempersiapkan konten yang matang sebelum di online kan, cara memindahkan dari offline pun cukup mudah kok, kita tinggal export konten yang udah kita buat saat offline seperti postingan dan page selanjutnya kita import di hosting online.
Bagaimana ? menarikkan ? kita lanjut ke tutorial

Sebelum memulai ada beberapa tool yang perlu kita siapin

  1.  Xampp (download di https://www.apachefriends.org/download.html)

    Halaman download Apache Friends


    Apa itu Xampp ? seperti di tutorial membuat website sederhana dengan PHP dan MySQL saya juga menggunakan Xampp untuk membuat website. Sebenarnya apa itu Xampp ?

    Menurut Wikipedia
    Xampp adalah perangkat lunak bebas yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.

    Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung dari web resminya.

    Intinya kita bisa membuat server web sendiri (localhost) menggunakan xampp ini dengan mudah.

    Download XAMPP
  2. CMS Wordpress (download di https://wordpress.org/)

    Halaman Wordpress.org
    Sedikit penjelasan tentang wordpress. Wordpress adalah aplikasi gratis yang bisa kita manfaatkan untuk membangun website dari skala kecil sampai besar sekalipun. Di bangun dengan bahasa pemrograman PHP dan MySQL.

    Download Wordpress
Kalau udah download 2 perlengkapan di atas kita langsung ke tutorial

Install XAMPP

Sebelum menjalankan wordpress versi offline kita install dulu Xampp yang udah di download tadi.

Kalau untuk urusan install menginstall aplikasi saya yakin udah pada bisa kan? saya lewati aja langkah ini.

Install Wordpress

Pertama-tama kita jalankan dulu Xampp Control Panel-nya, dan aktifkan Apache dan MySQL caranya tinggal pencet tombol Start, kalau udah jalan biasanya mucul angka pada bagian Port(s).

Tampilan Xampp Control Panel
Sekedar info : kalau kita tekan tanda X merah, akan berubah menjadi centang hijau itu artinya kamu menginstall module yang kamu pilih, misal kalau kamu beri tekan di samping module Apache, maka Apache akan terinstall di komputer kamu dan biasanya akan otomatis berjalan saat komputer pertama kali dihidupkan. Karena saya jarang pakai jadi ngak perlu saya install.

Kalau udah jalan Apache dan MySQL kita buka browser dan ketik pada address bar "localhost/phpmyadmin/" disini kita akan membuat database, fungsi dari database ini untuk menyimpan data-data dari website yang kita buat nantinya. data yang masuk kesini seperti username, password, post dll

Tampilan phpmyadmin

Buat Database baru

Seperti yang saya singgung diatas database ini menjadi server data-data website kita, cara membuatnya pun mudah, pilih new di bagian samping halaman phpmyadmin lalu ketik nama database yang kamu pengen dan terakhir tekan tombol create. Sama seperti saat membuat website sederhana.

Klik New disamping
Buat nama database sesukamu lalu tekan create
Saat membuat nama database disarankan untuk tidak menggunakan spasi, kalau mau menggunakan 2 kata atau lebih disarankan menggunakan underscore "_". misal "wordpress pertama" jadi "wordpress_pertama".

Kalau database udah berhasil dibuat akan muncul nama database yang tadi kamu buat di bagian daftar nama database.

Tampilan Database yang udah berhasil dibuat

Memulai Installasi Wordpress

Database udah dibuat selanjunya ?

Extract wordpress-4.5.2.zip yang kita download tadi. Sacara default hasilnya berupa folder bernama wordpress, kamu bisa ganti namanya sesukamu, misal Blogku atau Wordpressku. Harus di ingat nama dengan huruf besar harus menggunakan huruf besar saat mengakses di browser, begitu juga sebaliknya jika meggunakan huruf kecil.

Pindahkan hasil extract ke tempat kita mengginstall Xampp. Misal kamu install di C: maka pindahkan ke c:\xampp\htdocs\ 

Memidahkan CMS wordpress ke htdocs
Pada contoh di atas saya mengganti namanya menjadi "blogku"

Selanjunya buka browser kamu dan ketik "localhost/NAMA-FOLDER/", karena folder saya bernama blogku jadi alamanya "localhost/blogku/"

Pilih bahasa


Saat membuka pertama kali ada pilihan bahasa yang akan kita pakai pada dashboard wordpress kita. Disini saya pilih English saja

Step 2 - Welcome page

Selanjutnya muncul halaman selamat datang, langsung tekan "Let's Go!" aja

Step 3 - Installasi Wordpress


Setelah itu mucul halaman setup ada beberapa 5 kotak isian yang perlu kita lengkapi :
  1. Database
    Disini kita ini nama database yang tadi kita buat di localhost/phpmyadmin
  2. Username
    Secara default username untuk database xampp adalah "root"
  3. Password
    Secara default tidak password untuk database xampp. Jadi kosongi saja
  4. Database Host
    Pada bagian ini kita isi "localhost"
  5. Table Previx
    Biarkan saja terisi "wp_" atau kalau mau ganti juga bisa. Ini cuma tambahan nama untuk table pada database kita.
Kalau udah lengkap langsung tekan "Submit", ada halaman baru muncul tinggal klik "Run the Install" untuk menginstall wordpress

Step 4 - Installasi Wordpress
Selanjutnya pada halaman yang baru kita diharuskan mengisi Informasi tentang web yang akan kita buat, seperti nama blog, username dan password untuk masuk ke dashboard website.

Step 5 - Installasi Wordpress
Di bagian ini :
  1. Site Title : isi nama website kamu
  2. Username : buat username kamu, ini dibutuhkan untuk masuk ke dashboard
  3. Password : buat password baru
  4. Email : isi email
  5. Search Engine Visibility : centang boleh, ngak juga boleh. di tutorial saya centang aja.
Kalau udah terisi semua tinggal klik "Install WordPress" dan jika berhasil akan muncul halaman sukses seperti berikut :

Step 6 - Installasi Wordpress
Dan langkah terakhir kita masuk ke Dashboard website dengan memasukkan username dan password pada form login.

Form Login
Kalau proses login berhasil kamu akan di arahkan ke bagian Dashboard website yang kita buat tadi berikut tampilannya 

Dashboard Wordpress
Tampilan website dengan CMS Wordpress
Secara default website wordpress yang baru selesai kita install akan menggunakan tema bawaan dari wordpress sendiri.

Untuk mengganti tema, membuat post, halaman dan sebagainya bisa kamu atur di bagian Dashboard.

Nah itu tadi Cara Mengginstall Wordpress di Localhost dengan Xampp, semoga bisa bermanfaat, kalau ada teman-teman yang masih kesulitan bisa tanya di kolom komentar. Terimakasih.

Wassalamu'alaikum Wr. Wb.

No comments:

Post a Comment