Monday, May 14, 2018

Membuat Tema atau Theme Wordpress Dari Nol Part 1

Membuat Tema atau Theme Wordpress Dari Nol Part 1
Assalamualaikum, selamat malam. Kali ini saya akan mengajarkan membuat tema atau theme wordpress dari nol sampai masuk ke dalam pembuatan projek atau sampai mahir, gratis 👦. Ok gan simak terus tutorial dari saya setiap harinya, karena setiap hari akan ada update terus.



Tanpa menunggu lama, pertama sebelum belajar wordpress anda harus dituntut untuk memiliki kompetensi atau harus bisa bahasa HTML, CSS, Java Script, dan PHP. Untuk Mysql dan JQuery jika menguasai menjadi nilai plus. Jika telah menguasai bahasa pemrograman diatas simak terus langkah-langkah dibawah ini sampai tuntas ya, oh iya saya sajikan artikel ini secara lebih rinci agar para new bie dapat lebih paham. Untuk artikel pertama ini saya membahasa Persiapannya, untuk mulai dalam pembuatan theme saya akan bahas pada PART 2 ya. Dibawah ini langkah-langkah apa saja yang harus dipersiapkan dalam pembuatan tema wordpress :


LANGKAH 1 : SEDIAKAN WEB SERVER XAMPP
Didalam pembuatan web CMS (Content Management  System) dibutuhkan web server. Download Xampp nya di https://www.apachefriends.org/download.html . Untuk bagusnya agan dapat mendownload pada versi terbarunya. Petunjuk download xampp versi terbaru (gambar kekecilan dapat diklik) :
cara download xampp terbaru












Setelah xampp tadi sudah didownload maka install xampp yang sudah didownload. Letakan installan nya di dalam drive c ya gan.


LANGKAH 2 : MENDOWNLOAD WORDPRESS NYA
 Dilangkah pertama, siapkan file nya wordpress. Cara mendownload wordpress offline pertama kunjungi situs https://wordpress.org/download/ . Setelah link nya terbuka maka klik pada kotak yang diberi warna merah seperti dibawah ini :

cara download wordpress offline












Setelah di extract rar nya, maka letakkan hasil extract an di dalam folder C:\xampp\htdocs\  .Jika menyimpannya agan di dalam drive D maka alamat nya ya gini D:\xampp\htdocs\ .Setelah di pindahkan kedalam folder xampp\htdocs :

cara menginstall wordpress penjelasan detail









Jika semuanya sudah disiapkan, maka  buka xampp dan klik start Apache dan MySQL nya :

mengaktifkan xampp














LANGKAH 3 : INSTALL WORDPRESS
Cara menginstall wordpress offline yaitu pertama buka web browser terlebih dahulu, lalu ketikan di url nya http://localhost/wordpress/ . Setelah masuk pilih bahasa yang akan digunakan, disini saya memilih bahasa indonesia dan kemudian pilih Lanjutkan.

cara menginstall wordpress penjelasan detail


Didalam perintah selanjutnya kemudian klik Next atau Ayo!
Siapkan atau buat database nya terlebih dahulu dengan cara :
- Buka terlebih dahulu XAMPP dan kemudian klik Shell.

query pada database mysql


- Setelah muncul cmd nya, ketikan mysql -u root kemudian tekan enter
mengakses mysql
-  Masukan create database contoh; atau nama database nya yaitu contoh bisa diganti dengan sesuai keinginan.
perintah membuat database

- Setelah itu buka browsernya, pada tampilan seperti dibawah 
  
cara menginstall wordpress penjelasan detail


 isi Nama basis data dengan nama database yang kita buat tadi, yaitu contoh. Isi Nama Pengguna dengan nama root   . Kosongkan sandi nya, dan langsung saja klik kirim.

- Lalu klik jalankan instalasi
- Lalu isi data di bawah sesuai dengan data yang diinginkan saudara, kemudian klik Install wordpress
cara menginstall wordpress penjelasan detail

- Tunggu proses instalasinya, setelah instalasi selesai kemudian login dengan username dan   password  yang agan tuliskan tadinya.


Untuk tutorial part 1 mungkin hanya sebatas persiapan saja, untuk selanjutnya saya akan bahas pada part 2, 3 dan seterusnya. Terimakasih



Bagikan

Jangan lewatkan

Membuat Tema atau Theme Wordpress Dari Nol Part 1
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.

1 comments:

Tulis comments

Silahkan berkomentar secara bijak dan sesuai dengan topik pembahasan ...

Untuk menyisipkan kode pendek, gunakan <i rel="code"> ... KODE ... </i>
Untuk menyisipkan kode panjang, gunakan <i rel="pre"> ... KODE ... </i>
Untuk menyisipkan gambar, gunakan <i rel="image"> ... URL GAMBAR ... </i>