smkalhudakarangpandantkj.files.wordpress.com  · web viewbegitu anda klik add user maka akan...

14
Masih berada di seri artikel Cara Membuat Website . Setelah kita belajar cara menginstal XAMPP dan menjalankannya, sekarang saatnya kita belajar bagaimana membuat database di XAMPP dan cara install WordPress di localhost. Artinya kita menginstal WordPress di komputer kita sendiri atau menginstal WordPress secara offline. Diasumsikan Anda sudah bisa menjalankan aplikasi XAMPP. Sehingga sekarang komputer Anda sudah bisa dijadikan server. Oia, jangan lupa untuk memastikan bahwa aplikasi XAMPP bisa berjalan dengan baik ya. Cek kembali dengan mengetikhttp://localhost/xampp di browser, lalu cek status. Detilnya bisa dilihat pada gambar di bawah ini. Membuat Database Dan User Di XAMPP Sebelum kita menginstal WordPress, kita harus membuat database dan user terlebih dahulu. Ini harus kita lakukan karena WordPress merupakan aplikasi website yang membutuhkan database untuk menyimpan data-data yang kita gunakan.

Upload: others

Post on 04-Oct-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

Masih berada di seri artikel Cara Membuat Website. Setelah kita belajar cara menginstal XAMPP dan menjalankannya, sekarang saatnya kita belajar bagaimana membuat database di XAMPP dan cara install WordPress di localhost. Artinya kita menginstal WordPress di komputer kita sendiri atau menginstal WordPress secara offline.

Diasumsikan Anda sudah bisa menjalankan aplikasi XAMPP. Sehingga sekarang komputer Anda sudah bisa dijadikan server. Oia, jangan lupa untuk memastikan bahwa aplikasi XAMPP bisa berjalan dengan baik ya. Cek kembali dengan mengetikhttp://localhost/xampp di browser, lalu cek status. Detilnya bisa dilihat pada gambar di bawah ini.

Membuat Database Dan User Di XAMPPSebelum kita menginstal WordPress, kita harus membuat database dan user terlebih dahulu. Ini harus kita lakukan karena WordPress merupakan aplikasi website yang membutuhkan database untuk menyimpan data-data yang kita gunakan.

Page 2: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

1. Pertama-tama kita harus masuk ke phpmyadmin di XAMPP. Ketik di browser alamat http://localhost/phpmyadmin sehingga muncul tampilan seperti ini..

2. Pada menu Database, silahkan masukkan nama database yang diinginkan, kemudian klik Create. Ingat-ingat nama database tersebut ya, karena kita akan menggunakannya nanti. Jika perlu, tuliskan di aplikasi notepad supaya mudah bagi kita untuk mengingatnya.

NB: Di sini saya menggunakan nama database “blogku“.3. Sekarang saatnya kita menambahkan nama user untuk database yang baru saja kita buat.

Silahkan masuk ke database yang sudah dibuat, Anda bisa menemukannya di bagian sebelah kiri. Begitu masuk, lihat menu Privileges. Kemudian klik Add user.

Page 3: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

4. Begitu Anda klik Add User maka akan muncul form pembuatan user baru. Isikan username, Anda bisa mengisikannya dengan nama apapun teserah Anda, yang penting Anda hafal. Kemudian isikan juga host, gunakan use text field saja, lalu isikan dengan localhost. Selanjutnya isikan password 2 kali dan harus sama. Terakhir, centang grant all privileges on database.

5. Eits, tunggu dulu, belum selesai. Scroll ke bawah, dan Anda akan menemukan opsi Global Privileges guna memberikan hak akses kepada user untuk mengelola semua database,

Page 4: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

klik Check All saja. Setelah itu, pencet tombol Add User.

Ya, langkah membuat database dengan XAMPP dan user di phpmyadmin sudah selesai. Secara default, aplikasi XAMPP mempunyai default user bernama “root” dan tanpa password. Jika kita hendak menggunakan user tersebut juga tidak masalah. Namun ada baiknya kita gunakan user sendiri.

Nah, untuk ilustrasi bagaimana menginstal WordPress di localhost, silahkan baca panduan cara install WordPress di localhost menggunakan XAMPP yang akan saya bahas di postingan lainnya.

MEMBUAT WEB DENGAN WORPRESS OFFLINE

Sebelumnya saya menulis bagaimana cara menambah database dan user menggunakan

XAMPP di bagian phpmyadmin. Langkah ini diperlukan karena WordPress akan

menggunakan database dan user tersebut untuk mengelola data-data yang kita gunakan.

Jika Anda belum bisa menambah database dan user, Anda bisa membaca terlebih dahulu

bagaimana cara membuat database menggunakan XAMPP.

Page 5: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

Selanjutnya, saya akan membahas bagaiamana cara install WordPress di

localhostmenggunakan XAMPP. Cukup mudah sebenarnya, namun memang

membutuhkan sedikit kecermatan dan sering coba-coba. Try try and try teruuus…

Instalasi WordPress Di Localhost

1. Siapkan file WordPress terbaru. Kalau belum punya bisa ngunduh dulu atau

download langsung di WordPress.org.

2. Buka folder XAMPP di komputer Anda. Lalu bukalah folder htdocs. Copy-kan file

WordPress ke dalam folder ini. Lebih mudahnya, buka Windows Explorer, lalu

ketik C:\xampp\htdocs pada bagian folder address seperti terlihat pada gambar di

bawah ini.

*) NB:Folder htdocs merupakan folder yang dipakai untuk menaruh file-file yang bisa

dibuka di browser. Jika kita menaruh selain di folder ini, maka browser tidak akan

bisa membukanya. Biasanya kalau settingan masih default, folder ada di drive C. Jadi pastikan jangan salah taruh ya..

3. Apabila file masih dalam bentuk compress, maka ekstrak terlebih dahulu. Default

folder hasil ekstrak biasanya bernama ‘wordpress’. Jika mau, nantinya Anda bisa

mengganti nama folder ini menjadi nama yang Anda sukai. Katakanlah nama website

Anda. Di sini saya menggantinya dengan nama‘blogku’. Jika diakses, hasilnya akan

Page 6: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

terlihat seperti gambar di bawah ini:

4. Sekarang bukalah browser favorit Anda. Untuk membuka situs wordpress offline ini,

nantinya kita bisa mengaksesnya dengan alamathttp://localhost/nama_folder. Kalau milik saya ya bukanya pakai alamathttp://localhost/blogku. Jika milik Anda

tetap memakai folder default, maka alamatnya http://localhost/wordpress. Ketikkan

di address bar. Lalu klik Create a Configuration File.

Page 7: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

5. Klik Let’s Go.

6. Isikan nama database, user name, dan password yang sudah Anda buat

sebelumnya. Jika belum, Anda bisa membacanya pada tutorial cara membuat

database menggunakan XAMPP. Pada bagian Database Host isikan

Page 8: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

dengan localhost saja. Klik Submit.

7. Klik Run the Install.

Page 9: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

8. Isikan data-data yang dibutuhkan untuk admin dan nama website. Setelah itu

klik install wordpress.

Page 10: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

9. Selamat! WordPress offline Anda sudah jadi. Silahkan Login.

10. Masukkan username dan password yang telah Anda buat pada langkah no.8untuk

login ke Dashboard. Cara lain bisa langsung mengetikkan alamat di

browser http://localhost/nama_folder/wp-admin. Jika di tempat saya berarti

menggunakan alamat http://localhost/blogku/wp-admin.

Page 11: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

Nah, demikianlah langkah-langkah bagaimana kita menginstal WordPress offline di

localhost menggunakan XAMPP.

Silahkan bagikan atau share artikel ini jika dirasa ada membutuhkan. Semoga bermanfaat.

SETTING EXAMP UNTUK DI AKSES OLEH SEMUA CLIENT

MEMBUAT XAMPP WEB SERVER DAPAT DIAKSES OLEH PC KLIEN DALAM JARINGANAgar server XAMPP bisa diakses oleh komputer lain dalam jaringan maka perlu dilakukan pengaturan dengan langkah-langkah sebagi berikut :1. Pastikan bahwa kedua komputer sudah terkoneksi dalam jaringan lokal, minimal seperti gambar berikut ini 

 

2. Tes koneksi jaringan dengan perintah ping pada command prompt. hasilnya seperti berikut

 

3.  Lakukan pengaturan pada httpd.conf pada direktoriC:\xampp\apche\conf

Page 12: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

4. Lakukan pengaturan pada file httpd-xampp.conf diC:\xampp\apche\conf\ekstr a   seperti gambar berikut 

Allow from all mengijinkan untuk diakses oleh semua komputer, sedangkan Allow from  192.168.1.101/24 artinya hanya bisa diakses oleh komputer dengan ip address tersebut5.  Lakukan pengaturan pada file httpd-vhosts.conf pada direktoriC:\xampp\apche\conf\ekstra

6. Start Xampp Control Panel seperti gambar berikut ini :

   

7.  Test web server di browser dengan cara ketik http://192.168.1.105.  Kalau muncul gambar berikut artinya webserver jalan di localhost

  

 8.  Tes web server dari browser di PC klien yang beralamat IP 192.168.1.101. Ketik di web browser http://192.168.1.105 hasil tampilan seperti gambar no 7. 

Page 13: smkalhudakarangpandantkj.files.wordpress.com  · Web viewBegitu Anda klik Add User maka akan muncul form pembuatan user baru.Isikan username, Anda bisa mengisikannya dengan nama

9. Simpan sebuah folder yang berisi file html di server pada direktori C:\xampp\htdocs dan diakses dari pc klien folder tersebut.10. Jangan lupa matikan firewall pada komputer server. selamat mencoba semoga berhasil

Ctt : database name = kelasxi

User = prapto

Pswd = prapto

Localhost = localhost/latihan

ctt : wordpress