Thursday, January 26, 2017

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 

5 komentar:

  1. Terimakasih kak saya bisa belajar dengan membaca ini perkenalkan saya meilinda eka sari 1722500046 dari <a href="https://www.atmaluhur.ac.id>ISB Atma Luhur</a> salam kenal

    ReplyDelete
  2. Terimakasih kak atas artikelnya. Informasi ini sangat bermanfaat bagi saya dan mudah dipahami.semangat terus kak dalam berkarya dan semoga sukses
    Perkenalkan nama saya Ismoyo Budiutomo dari ISB Atma Luhur

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. sangat bermanfaat, makasih tutornya, untuk tutor lainnya bisa mampir kewebsite saya zamanology

    ReplyDelete