WordPress TUTORIAL A - ZMEMBANGUN WEBSITE DENGAN

Anda tidak akan belajar cara menggunakan WordPress

untuk blogging

Tapi Anda akan belajar membangun website

menggunakan WordPress

PERSIAPAN

Untuk mengikuti tutorial ini, Anda harus sudah:❏ memahami PHP/MySQL dan HTML/CSS

tingkat dasar❏ setup localhost di komputer (misal

menggunakan xampp di Windows) ❏ atau menggunakan hosting sendiri yang

telah terinstall minimal PHP dan MySQL Tunda dulu belajarnya jika Anda belum memenuhi prasyarat tersebut :)

TOPIK

➢ Kenapa WordPress?➢ Memulai Proyek ..➢ Persiapan SetupWordPress➢ Tur Kode dan Basis Data

WordPress➢ Hierarki WordPress Themes

TOPIK (2)➢ Studi Kasus

○ HTML to WordPress Themes○ WordPress Loop/Query○ Hooks, Action, Filter○ Mengolah Input Form di Front End

dengan AJAX○ Membuat Panel Option di Admin○ Kustomisasi Tampilan Admin

TOPIK (3)

➢ Security WordPress➢ Migrasi ke Server➢ Checklist Final dengan Klien➢ Daftar WordPress Plugin yang

Sering Digunakan➢ Daftar WordPress Starter Themes➢ Daftar WordPress Cheat Sheet

Who learned PHP from WordPress. Raise your hand. I'm raising my hand. Sorry about that, by the way

- Matt Mullenweg

“WordPress ialah platform penerbitan pribadi yang semantik, yang berfokus pada estetika, standar web, dan kegunaan. WordPress bersifat gratis, namun di sisi lain juga tak ternilai harganya. Pendek kata, WordPress ‘lah yang Anda perlukan ketika ingin membangun sebuah blog atau sebuah situs web yang cantik.

Piranti lunak inti WordPress dikembangkan oleh ratusan sukarelawan. Ketika Anda ingin dapatkan lebih banyak kegunaan daripadanya, ada ribuan plugin dan tema yang tersedia untuk mengubah situs Anda menjadi nyaris apa saja yang Anda dambakan “ wordpress.org

KENAPA WORDPRESS?

Why Reinvent the Wheel?

KENAPA WORDPRESS?

69,7 M Website di dunia

menggunakan WordPress

KENAPA WORDPRESS?

18,9% dari seluruh Website yang ada di dunia menggunakan

WordPress sebagai CMS

*2013

KENAPA WORDPRESS?

Market Share antar CMS:

KENAPA WORDPRESS?

Peluang pekerjaan yang BESAR

KENAPA WORDPRESS?

❏ Mudah digunakan dan diinstal❏ Mudah menambah fitur dan fungsionalitas

sesuai kebutuhan (plugin, hook, filter)❏ Dokumentasi yang lengkap dan terbuka

(codex.wordpress.com)

KENAPA WORDPRESS?

❏ Mudah dimodifikasi tampilannya dengan banyak pilihan tema yang dibuat para desainer seluruh dunia

❏ Banyaknya layanan dukungan bagi para developer melalui Forum WordPress maupun forum-forum developer lainnya

❏ Berlimpahnya tutorial WordPress di blog teknologi

WordPress Showcase

Marketplace

ukmplasa.com: menggunakan WordPress untuk membangun marketplace

WordPress Showcase

Social Media

koding.com menggunakan WordPress/BuddyPress sebagai platform social media komunitas anggotanya

WordPress Showcase

Profil / Wedding

Portfolio

WordPress Showcase

TV

WordPress Showcase

PlatformCrowdfunding

Sudah mantap menggunakan WordPress untuk membangun website?

Kita akan mulai untuk mempelajari WordPress

dengan studi kasus sebuah proyek.SIAP?

STUDI KASUS

Andi seorang freelancer, suatu hari ia dikontak oleh seorang teman bernama Dian yang kemudian menjadi kliennya.

Dian merupakan seorang pengusaha sepatu homemade yang ingin membuat sebuah website katalog dan pemesanan sepatunya secara online.

STUDI KASUS

Dalam website tersebut, Dian ingin:❏ Menampilkan katalog sepatu per kategori❏ Menampilkan profil usaha❏ Menampilkan form untuk pemesanan sepatu sesuai

katalog. Setiap pemesanan yang masuk akan masuk ke email dan tersimpan di database. User yang memesan terdaftar sebagai member website

❏ Menampilkan form untuk kontak. Setiap pertanyaan akan masuk ke email

❏ Menampilkan blog yang dapat menampilkan artikel dan video

❏ Website tampil baik di mobile

STUDI KASUS

Andi kemudian memutuskan untuk membuat website dengan menggunakan WordPress lalu membuat rancangan site map sebagai langkah awal pembuatan website.

Sitemap:

Home- Testimoni- Slide foto sepatu pilihan- Blog terbaru

Profil- Tentang saya- Proses kreatif- Work shop

Katalog- sepatu Flat- Boot- Highheel- Wedges- Sneaker

Ukuran Sepatu

Blog FAQ Kontak

Bersambung ..

Selanjutnya, kita akan melihat langkah demi langkah bagaimana Andi mengimplementasikan rancangan yang dibuat menjadi sebuah website menggunakan WordPress