Workshop Pembuatan Website menggunakan WordPress

Workshop Pembuatan Website Menggunakan WordPress. Science Carnival FMIPA UI, 20 November 2009

Workshop Pembuatan Website menggunakan WordPress

Science Carnival, FMIPA UIJum’at, 20 November 2009

Workshop Pembuatan Website Menggunakan .

Science Carnival FMIPA UI, 20 November 2009supported by

Muhammad Ilman AkbarMuhammad Ilman Akbara blogger, entrepreneur, web a blogger, entrepreneur, web loverlover, co-founder of , co-founder of Univind, founder & lead admin of anakUI.com, and Univind, founder & lead admin of anakUI.com, and more importantly, more importantly, WordPress enthusiastWordPress enthusiast! ;)! ;)

[email protected] 829788facebook.com/ilmanakbarpyrokinesis88twitter.com/ilmanakbarilmanakbar.dagdigdug.comslideshare.net/ilmanakbar

presented by:



Outline

• Isi CD• Website Dinamis• Persiapan• Install XAMPP• Install WordPress• Mengatur WordPress• Topik Lanjutan



Isi CD

• WordPress 2.8.6: wordpress-2.8.6.zip• Installer XAMPP: xampp-win32-1.6.7-

installer.exe• WordPress Plugin dan WordPress Themes• Tutorial pembuatan WordPress Themes• Tutorial pembuatan website dengan hosting

dan domain gratisan• Materi presentasi ini



Website Dinamis (1)

• Website yang interaktif, bisa di-update isinya denga mudah, bisa komentar, dsb.

• Terdiri dari file dan database



Website Dinamis (2)

• File-file– File-file PHP yang membuat website terlihat oleh

mata kita dan berfungsi sesuai fungsinya– File-file gambar, musik, dsb

• Database– Tempat penyimpanan data-data yang dimasukkan

oleh pengguna: tulisan, komentar, link menuju file gambar, dsb



Persiapan

• Server hosting dan domain– Server hosting: tempat nyimpen file2– Domain: alamat www.namadomain.com

/.net /.org /dsb..• Sewa dimana? Banyaak! Googling: web

hosting dan domain Indonesia• Pilih ini aja: [N]eoHoster www.neohoster.com



Karena kita ga konek Internet

• Program “simulasi” server hosting, namanya XAMPP

• Di komputer sendiri• Butuh program untuk ngebuka dan ngezip

(mis. WinZip, WinRar, IZArc, 7Zip, dsb)



Install XAMPP (1)

• Jalankan Installer XAMPP: xampp-win32-1.6.7-installer.exe



Install XAMPP (2)

• Install di My Documents, terus Next, dan Install



Install XAMPP (3)



Install XAMPP (4)



Jalankan XAMPP, klik Start pada Apache dan MySQL



Tes buka http://localhost



XAMPP

• My Documents\xampp\htdocs– Tempat menaruh file-file kita– Diibaratkan dengan File Manager di cPanel server hosting

beneran



XAMPP

• http://localhost/phpmyadmin > tempat database


Install WordPressMempersiapkan file-file



Buat folder My Documents\ XAMPP\htdocs\websiteku



Extract WordPress di sana



Pindahkan dari dalam folder websiteku/wordpress ke luar



Summary: Install WordPress

Mempersiapkan file-file• Download dari website (buka dari CD)• Buat folder My Documents\XAMPP\htdocs\

websiteku• Extract di sana


Install WordPressMempersiapkan database



Buka http://localhost/phpmyadmin



Buat database, masukkan websiteku



Buat database selesai

Catat informasi ini:Nama database: websiteku

Nama user: rootPassword: (tidak ada password)

Note: di server hosting sebenarnya, ada password




Mempersiapkan database• Jalankan XAMPP• Buka http://localhost/phpmyadmin • Buat database bernama ‘websiteku’ (tanpa

kutip, boleh juga dengan nama lain) • Catat nama database, nama username dan

password (root dan ‘’)


Install WordPressMenginstall WordPress



Buka http://localhost/websiteku

• Klik “Create a Configuration File”



Siapkan informasi database yang tadi sudah disiapkan



Masukkan informasi-informasi itu



Lanjut..



Hampir Selesai..



Selesai!

• Catat username dan password sementara itu di notepad



http://localhost/websiteku




• Buka http://localhost/websiteku• Install > masukin informasi database, judul

blog dsb• Selesai > catat password• Bikin website selesai


Mengatur WordPressMembuat tulisan baru



Buka http://localhost/websiteku, masukkan username + password



Halaman Admin WordPress (disebut dashboard)





Dashboard WordPress



Membuat tulisan



Tampil di website kita deh!


Mengatur WordPressMengganti template/themes



Tempat themes WordPress: http://wordpress.org/extend/themes



Tempat nyari themes WordPress: Google



Download themes



Download themes



Masukin themesnya ke website kita



Upload themesnya (tersedia di CD, folder WordPress Theme)





Cek websitenya untuk perubahan template



Bisa edit template?

• Bisa banget!• Perlu sedikit kemampuan HTML, CSS, dan

bahasa pemrograman PHP



Edit Themes


Topik LanjutanPlugin



Plugin

• ‘Tambahan’ untuk WordPress, membuat fitur-fitur website bisa lebih banyak daripada fitur dari instalasi WordPress standar

• Contoh: – bikin kalender kegiatan– bikin galeri foto– bikin form kontak



Tempat themes WordPress: http://wordpress.org/extend/plugins



Install Plugin


Topik LanjutanMembuat/edit themes sendiri



Contoh edit themes yang sudah ada



Contoh themes bikin dari 0: tentangcad.com



Buat dari 0

Yang dibutuhkan• Sedikit kemampuan disain grafis• Sedikit HTML, CSS, dan PHPLangkah-langkah• Buat disain HTML-nya• Ubah jadi Themes WordPress

– Lihat folder Create Wordpress Template



Selesai



bersama Matt Mullenweg, founder WordPress.com, 16 Januari 2009 di Jakarta~ semoga kesuksesannya menginspirasi saya dan seluruh masyarakat Indonesia ~

“..don’t be scared to share your idea, tell a lot of people, so you could get feedback about

it..”

terima kasih..

Technology

Workshop Pembuatan Website menggunakan WordPress