Membuat 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 2009

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

[email protected]/ilmanakbarilmanakbar.web.idslideshare.net/ilmanakbar

presented by:



Outline

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



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

http://www.namadomain.com/

http://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

http://localhost/phpmyadmin


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”

http://localhost/websiteku



Siapkan informasi database yang tadi sudah disiapkan



Masukkan informasi-informasi itu



Lanjut..



Hampir Selesai..



Selesai!

• Catat username dan password sementara itu di notepad








• 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

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

http://wordpress.org/extend/plugins

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..

Membuat Website Menggunakan WordPress

Technology

Membuat Website Menggunakan WordPress