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! ;)

ilmanakbar@gmail.compyrokinesis88twitter.com/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

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

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

beneran

• 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

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

Membuat Website Menggunakan WordPress

Technology

Transcript of Membuat Website Menggunakan WordPress

Membuat Blog Menggunakan Wordpress · PDF file(Membuat Website Berbentuk Blog Menggunakan Wordpress) ... melakukan dan mencoba pengaturan lainnya dengan cara serupa. 11 ... Pada blog

Membuat blog dengan wordpress

Tutorial Membuat Template Wordpress Blog

Cara Membuat Wordpress Multisite

Membuat GUI Menggunakan LabVIEW

Membuat Blog Menggunakan Wordpress · Web viewBuka web browser dengan menggunakan mozzila, ie, flock atu Opera. Ketikkan alamat url , maka akan muncul halaman web seperti dibawah

Membuat Fetch Menggunakan Arcgis

MEMBUAT WORDPRESS OFFLINE DI KOMPUTER ANDA (Wordpress ... · PDF fileMEMBUAT WORDPRESS OFFLINE DI ... pembuatan blog offline dengan menggunakan Wordpress versi ... halaman localhost

Membuat Localhost Menggunakan XAMPP

Cara Membuat Theme WordPress

Cara Membuat Wordpress

TUTORIAL MEMBUAT BLOG MELALUI WORDPRESS

Tutorial Membuat Web Blog Menggunakan Layanan WORDPRESS€¦ · nama blog yang anda buat) Misalnya, mtamim.wordpress.com 12 Selain membuat Tulisan kita juga dapat membuat halaman/page

Tahapan Membuat Wordpress

Tutorial Membuat Modul E-Learning Menggunakan Blog · PDF fileCara Mendaftar Akun Blog di Wordpress ... cara membuat email identitas (2) seluk beluk cara mempersiapkan bahan ajar Interaktif

Membuat Kuis Dengan Menggunakan Template Macromedia …staffnew.uny.ac.id/.../lainlain/Membuat+Kuis+Menggunakan+Flash.pdf · Membuat Kuis Dengan Menggunakan Template Macromedia Flash

bocahslws.files.wordpress.com · Web view2010. 6. 12. · MEMBUAT BLOG MENGGUNAKAN WORDPRESS. Membuat blog menggunakan wordpress sangatlah mudah… mungkin bagi teman-teman sangat

MEMBUAT BLOG AKSES: wordpress

Membuat blog gratis di wordpress

Tutorial Membuat Web Blog Menggunakan Layanan WORDPRESS