Selamat malam agan kaskuser semua. Ane mau share tutorial wordpress yang ane buat sendri nih. Tutorialnya sangat simpel, cocok buat pemula. Kalau yang udah jago bisa nambahi atau kritik dan sarannya apa yang kira-kira bisa diperjelas lagi. Hehehe...
Spoiler for Bagian 1: Persiapan:
Banyak sekali kegunaan sebuah website, mulai dari blog, company profile, toko online, dan masih banyak lagi.
Pada tutorial kali ini saya akan membahas bagaimana cara membuat website dengan wordpress.
Perlu diketahui wordpress.com berbeda dengan wordpress.org. Apa itu wordpress.com?
Wordpress.com adalah sebuah website yang menyediakan layanan hosting website secara free dengan beberapa fitur yang terbatas atau dapat membayar dengan fitur lengkap.
Apa itu wordpress.org?
Wordpress.org adalah sebuah website resmi wordpress yang menyediakan CMS wordpress. CMS ini gratis dan bersifat open source, artinya setiap orang dapat memakai gratis tanpa dipungut biaya. Pengguna dapat mengganti, menambah, menghapus bahkan menghilangkan tulisan “powered by WordPress” yang biasanya terletak dibawah website.
Kenapa menggunakan wordpress?
Wordpress adalah CMS yang paling banyak dipakai didunia! Sehingga banyak sekali tutorial, plugin, theme yang bertebaran di internet baik yang gratis maupun yang berbayar, dan juga banyak komunitas yang aktif yang siap berbagi dan membantu.
WordPress juga sangat mudah digunakan khususnya untuk pemula. Jadi, sangat baik untuk belajar pembuatan website.
Ok, cukup perkenalanya dengan wordpress. Saatnya masuk topik utama yaitu persiapan. Yang perlu dipersiapkan adalah:
XAMPP: software ini akan mengubah pc anda menjadi seperti server sehingga kamu tidak harus membeli domain dan hosting untuk belajar dan mencobanya. Banyak developer web menggunakan software sejenis ini. Jadi, mereka dapat bekerja walaupun offline. Jika semuanya sudah berjalan dengan baik baru dipindah ke server yang sebenarnya. Pada tutorial ini menggunakan XAMPP v3.2.1
Wordpress: pada tutorial ini menggunakan Wordpress 4.1.1
Persiapan XAMPP
Install: double click installer XAMPP. Ingat lokasi dimana kamu menginstallnya. Saya sarankan untuk meletakkan diluar sendiri. Contoh: c:/xampp atau d:/xampp
Persiapan: Buka program XAMPP yang sudah terinstal lalu click start pada Apache dan MySql. Jika sudah muncul tulisan Running. Berarti kamu sudah melakukannya dengan benar.
XAMPP Belum Siap
XAMPP Siap
Testing: Untuk lebih memastikannya buka browser favoritmu lalu ketikkan “http://localhost/”. Jika muncul halaman seperti dibawah ini. Berarti kamu sudah berhasil.
localhost
Spoiler for Bagian 2: Instalasi:
Pada bagian ini saya akan menjelaskan bagaimana cara melakukan instalasi wordpress pada komputermu.
Persiapan XAMPP:
Buka software xampp mu yang sudah terinstall dan klik start. Tunggu hingga muncul tulisan Running seperti yang sudah dijelaskan pada bagian pertama.
Buka browser favorit kamu lalu akses [URL="http://localhost"]http://localhost[/URL]
Jika benar akan muncul halaman seperti dibawah ini.
localhost
Instalasi WordPress
Buka folder xampp dimana kamu menginstallnya xampp > htdocs
htdocs
Buat folder baru dan beri nama blog_pribadi. Kamu dapat memberi nama sembarang tetapi untuk permulaan ikuti saja langkah diatas.
Ekstrak file wordpress yang sudah didownload kedalam folder blog_pribadi. Hasilnya seperti dibawah ini
Hasil Ekstrak
WARNING: Jangan sampai salah, hasil ekstrak diatas ada pada folder blog_pribadi. Kesalahan yang sering terjadi hasil ekstrak menjadi seperti ini blog_pribadi > wordpress > [file wordpress].
Sekarang coba akses http://localhost/blog_pribadi. Jika muncul seperti dibawah ini, berarti kamu sudah melakukannya dengan benar.
Installasi WordPress – Pemilihan Bahasa
Pilih saja English (United State)lalu Klik Continue
Klik Let’s go!
Pada tahap ini kamu akan disuruh memasukkan konfigurasi database
Instalasi WordPress – Konfigurasi Database
Buka tab baru lalu ketikan http://localhost/click phpMyAdmin yang dapat kamu temukan diseblah kiri bawah dibagian Tools
Klik tab Database tepat disebelah tab SQL
Instalasi WordPress – Membuat Database
Pada database namemasukkan nama database “blog_pribadi” tanpa tanda kutip lalu klik create. Disini kamu bisa memberikan nama database bebas, tetapi ikuti saja step diatas. Jika kamu melakukannya dengan benar maka akan muncul di navigasi sebelah kanan nama baru blog_pribadi
Kembali ke installasi wordpress pada tab sebelumnya. Lihat gambar Instalasi WordPress – Konfigurasi Database. Masukkan konfigurasi seperti dibawah ini:
Quote:
Database Name: blog_pribadi
User Name: root
Password: (kosongi saja)
Database Host: localhost
Table Prefix: wp_
Klik Submit
Lalu klik Run the install
Jika berjalan lancar maka akan muncul halaman seperti dibawah ini:
Instalasi WordPress – Konfigurasi Website
Masukkan keterangan seperti dibawah ini:
Site Title: Blog Pribadi
Username: admin
Password, twice: admin
Your E-mail: admin@blogpribadi.com
Privacy: Centang
Lalu, klik Install WordPress. Proses ini cukup memakan waktu. Jadi, bersabarlah. Jangan tutup tab atau me-refresh tab kamu.
Jika semua berjalan dengan sempurna maka akan ada halaman bertuliskan Success!. Klik Log Inmaka akan diberikan form login. Masukkan username & password yang sudah dibuat tadi yaitu Username: admin dan Password: admin.
Installasi WordPress – Sukses
Tampilan Admin Panel. Admin Panel atau halaman admin adalah tempat dimana kamu bisa mengkonfigurasi blog kamu seperti mengganti tampilan, menambah posting, menambah plugin, menghapus, mengubah, dsb.
Instalasi WordPress – Admin Panel
Untuk mengakses halaman depan blog pribadi buka tab baru lalu ketikkan [URL="http://localhost/blog_pribadi"]http://localhost/blog_pribadi[/URL]
Spoiler for Bagian 3: Posting Sebuah Artikel:
Pada tutorial sebelumnya sudah saya jelaskan bagaimana cara menginstall wordpress dengan bantuan XAMPP.
Pada bagian ini saya akan menjelaskan bagaimana memposting sebuah artikel, menjadwalkannya, menambah category, menambah tag.
Kalau kamu belum menambahkan artikel sama sekali, kemungkinan tampilan awal blog_pribadi kamu seperti dibawah ini:
WordPress – Homepage
Untuk menambahkan sebuah artikel baru lakukan langkah dibawah ini:
Login terlebih dahulu dengan mengakses http://localhost/blog_pribadi/wp-adminlalu tekan enter.
Masukkan username: admin dan password: admin
Klik Posts > Add New
WordPress – New Post
Pada Enter title heremasukkan judul artikel “Artikel Baru” (tanpa tanda kutip)
Pada textarea dibawah Enter title here masukkan diskripsi artikel. Contoh: “Ini adalah artikel baru dibuat sekarang. Ini adalah diskripsi artikel.” (tanpa tanda kutip)
Scroll kebawah hingga pada bagian Categories. Disana kamu dapat menambahkan kategori ataupun menggunakan kategori yang ada. Pada saat ini hanya terdapat Uncategorized. Pilih saja Uncategorized untuk saat ini.
Scroll keatas hingga pada bagian Publish dibagian sebelah kanan atas. Pada bagian publish immediately kamu dapat menjadwalkan kapan artikelmu keluar dihalaman depan. Untuk saat ini biarkan saja seperti itu.
Scroll kebawah hingga pada bagian Tags. Dibagian ini kamu dapat menambahkan tag sesuai keinginanmu. Masukkan saja “latihan, wordpress, artikel” (tanpa tanda kutip) lalu tekan enter
Scroll keatas, pada bagian kanan atas klik publish
Buka tab baru lalu ketikkan [URL="http://localhost/blog_pribadi"]http://localhost/blog_pribadi[/URL] jika benar hasilnya kan seperti dibawah ini
WordPress – Homepage
Spoiler for Bagian 4: Mengganti Theme:
WordPress – Theme Blogghiamo
Pada bagian sebelumnya sudah dijelaskan bagaimana menginstall wordpress hingga memposting sebuah artikel.
Pada tutorial ini saya akan tunjukkan bagaimana mengganti theme wordpress. Ada banyak theme gratis wordpress bertebaran di internet. Inilah kelebihan cms wordpress dibandingkan dengan dengan yang lainnya, banyak sekali theme, plugin, dan tips & trik yang mudah ditemukan di internet dan tentunya gratis alias free.
Untuk mengganti theme lakukan langkah dibawah ini:
Login terlebih dahulu pada admin panel
Klik Appreance > Themes > Add New
Pada search themeketikkan Blogghiamo
Klik Install
Klik Active
Buka tab baru dan ketikkan [URL="http://localhost/blog_pribadi"]http://localhost/blog_pribadi[/URL] jika benar akan muncul tampilan mirip dengan gambar WordPress – Theme Blogghiamo diawal artikel ini.
Sekian gan tutorial yang ane buat. Semoga bisa bermanfaat buat agan-agan yang membutuhkan atau pengen belajar wordpress.
Kalau ada pertanyaan bisa langsung komeng dibawah gan atau diwebsite langsung gan.
Jangan lupa gan kalau dirasa bermanfaat dan membantu.
Ane kagak nolak kalau ada yang mau kasih
Kalau ada saran tutorial apa yang agan pengenin berikutnya bisa langsung komeng atau kontak ane langsung.