Friday, March 20, 2020

Wordpress Offline dengan Xampp

Untuk membuat Wordpress offline langkah pertama yang dilakukan yaitu mengexstract file wordpress nya disini saya menggunakan wordpress 3.9.3

Setelah di extract kemudian cut hasil extract tersebut ke folder htdocs di folder xampp


Lalu buka dan jalankan aplikasi xampp kemudian klik start pada Module Apache dan MySQL nya


Setelah itu buka web browsernya kemudian buka alamat localhost/.... (file nama hasil extract tadi)
contohnya localhost/bungsujersey lalu enter, Kemudian akan muncul gambar seperti dibawah ini 

Buka tab baru kemudian isikan “ localhost/phpmyadmin/ ” , lalu buat database baru seperti gambar dibawah ini

Setelah membuat database kemudian masuk lg ke web wordpress tadi lalu klik lets go sampai muncul gambar seperti dibawah ini dan isikan semua sesuai keterangan

Klik run the install

Setelah itu isikan kolom information needed kemudian klik install wordpress seperti di bawah ini


Setelah sukses instal kemudian klik button login


Isikan username admin dn pasword admin juga


setelah login selesai kita akan masuk ke kunfigurasi wp-admin di wordpress kita , dan disamping kiri ada menu yang kita gunakan untuk mengatur wordpress nya 


Berikut ini tampilan awal homepagenya


Kita atur tema terlebih dahulu di menu appearance>themes lalu download tema yang anda sukai


Lalu klik add new dan klik choose file


Kita masukan file tema hasil download tadi kemudian klik open


Setelah install tema selesai aktifkan tema tersebut dengan klik activate seperti gambar di bawah ini


Setelah itu klik configure wootique


Upload logo


Setelah memilih gambar logo kemudian klik Use Image as custom logo


Setelah memiih gambar logo kemudian kita masukan gambar faviconnya dengan mendownload yang sudah disediakan


Gambar favicon




Kemudian setelah kita atur klik save changes

Styling options



Berikut menu konfigurasi pada stylingoptions


Setelah kita atur  kemudian klik save changes



Berikut kurang lebih hasilnya


Setting Typography


Langkah selanjutnya yaitu kita install plugins


Ketikan woocommerce pada kolom search dan klik search plugins


Setelah mendownloadnya kemudian masukan file tersebut seperti gambar di bawah ini


Klik activate plugin


Lalu kita setting pluginya seperti di bawah ini


Kita isikan pengaturan lokasinya seperti dibawah ini


Dan kita atur curency optionya yaitu tampilan mata uang lalu klik save changes

Pengaturan product


 Berikut ini –pengaturan menu chekout


Klik save change

kemudian atur gateway display ordernya


Setting Cash on Delivery


Setelah pengaturan konfigurasi plugin selesai langkah selanjutnya yaitu kita tambahkan lagi plugin contact form 7


Lalu kita install now

Install contact form 7


Selanjutnya klik activate plugin

Setelah terinstall contact form 7 kemudian tambahkan lagi plugin wordpress SEO by yoast



Kita install juga seperti contact form 7


Lalu klik activate plugin


Berikut ini hasil installan pluginnya


Lalu kita masukan pos dengan klik menu pages kemudian klik add new Post


Isi post dan klik publish

Lakukan pengaturan contact form seperti dibawah ini




Edit form








Edit mail 


Berikut ini hasilnya 

No comments:

Post a Comment