pelatihan pembuatan website bagi dosen iain su 2013

39
1 PELATIHAN PEMBUATAN WEBSITE BAGI DOSEN IAIN SU Pusat Teknologi Informasi dan Pangkalan Data ( PUSTIDA ) INSTITUT AGAMA ISLAM NEGERI SUMATERA UTARA MEDAN 2 0 1 3

Upload: septiana-dewi-andriana

Post on 30-Jul-2015

130 views

Category:

Education


3 download

TRANSCRIPT

Page 1: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

1

PELATIHAN PEMBUATANWEBSITE BAGI DOSEN IAIN SU

Pusat Teknologi Informasi dan Pangkalan Data( PUSTIDA )

INSTITUT AGAMA ISLAM NEGERISUMATERA UTARA

MEDAN2 0 1 3

Page 2: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

BELAJAR MEMBUAT WEBSITE DENGAN CMS( CONTENT MANAGEMENT SYSTEM )

INSTITUT AGAMA ISLAM NEGERI( IAIN ) 2013

BELAJAR MEMBUAT WEBSITE

DENGAN CMS

(CONTENT MANAGEMENT SYSTEM )

MENGGUNAKAN WORDPRESS

Page 3: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 1 of 37 Septiana Dewi Andriana, S.Kom

CARA MENGINSTAL XAMPP(Local Host)

XAMPP perangkat lunak bebas, yang mendukung banyak sistem operasi,merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yangberdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQLdatabase, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP danPerl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun),Apache, MySQL, PHP dan Perl. Berikut langkah-langkah yang harus dilakukan dalammeng-instal xampp (localhost) :

1. Double klik (klik 2 kali) pada icon xampp,

2. Pada interface (antarmuka) yang muncul pilih saja YES.

3. Kemudian untuk pilihan bahasa yang muncul, kita bisa memilih antara 2 bahasa

yaitu English atau Deutch (bahasa jerman).

4. Setelah selesai memilih bahasa yang akan digunakan oleh xampp, selanjutnya tekantombol “NEXT untuk tampilan yang akan muncul seperti gambar dibawah ini :

5. Selanjutnya, kita bisa memilih lokasi dimana direktori () xampp akan diletakkan.Secara default () di direktori C:\XAMPP atau kita bisa saja memilih lokasi yangkita inginkan dengan meng-klik tombol browser.

Page 4: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 2 of 37 Septiana Dewi Andriana, S.Kom

6. Setelah memilih direktori untuk meletakkan xampp tersebut, selanjutnya tekantombol “NEXT”. Pada interface yang muncul, centang pada kotak “Create aXAMPP desktop icon” dan “Create an Apache Friend XAMPP folder in startmenu” juga centang pada kotak “Instal MySQL as a Service”. Kemudian tekantombol “INSTALL”.

7. Tahap selanjutnya, proses instalasi xampp akan berlangsung. Tunggu beberapa saatsampai proses instalasi nya selesai.

8. Klik tombol “FINISH” setelah proses instalasi selesai.

Page 5: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 3 of 37 Septiana Dewi Andriana, S.Kom

9. Kemudian akan muncul kotak interface Xampp yang menandakan xampp telahdiaktifkan.

10. Tahap terakhir adalah buka web browser anda kemudian ketikkan “localhost” atau“127.0.0.1”, dan berikut interface xampp apabila proses instalasi berhasil dilakukan

Page 6: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 4 of 37 Septiana Dewi Andriana, S.Kom

Page 7: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 5 of 37 Septiana Dewi Andriana, S.Kom

CARA MENGINSTAL WORDPRESS(CMS Content Management System)

WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangatpopuler digunakan sebagai mesin blog (blog engine). Berikut langkah-langkah yangharus dilakukan dalam meng-instal wordpress :

1. Copy kan folder yang berisi file-file pendukung wordpress ke dalam direktorixampp yang telah kita buat sebelumnya, yaitu : C:\XAMPP\htdocs

2. Buka web browser anda, kemudian ketikkan “127.0.0.1\wordpress” maka akanterlihat interface wordpress sebagai berikut ini,

3. Sebelum melanjutkan menggunakan wordpress, terlebih dahulu kita buat basisdatanya dengan menggunakan phpmyadmin. Buka menu tab bar yang baru kemudianketikkan alamat berikut : “127.0.0.1/phpmyadmin”.

Page 8: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 6 of 37 Septiana Dewi Andriana, S.Kom

4. Untuk membuat interfacenya menggunakan bahasa indonesia, gunakan tools“Languange”, dropdown (tarik kebawah) pada kotak bahasa yang berada tepatdisebelah “languange” kemudian ganti dengan bahasa yang kita kehendaki (bahasaindonesia).

5. Selanjutnya, kita bisa membuat sebuah basisdata yang baru yaitu dengan carameng-klik tab “Basisdata” berikut :

6. Kemudian pada kotak “Cipatakan database baru” ketikkan nama basisdata yangakan kita buat (basisdatanya disini kita namakan saja wordpress”. Kemudian tekantombol “Cipatakan”.

Page 9: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 7 of 37 Septiana Dewi Andriana, S.Kom

7. Dan berikut pesan yang muncul apabila basisdata yang dibuat sudah berhasil.

8. Setelah berhasil membuat database, kita bisa kembali ke tab sebelumnya yaitukembali ke tab “127.0.0.1/wordpress”. Kemudian tekan tombol “Buat Berkaskonsfigurasi” berikut ini :

9. Selanjutnya klik tombol “Ayo” pada interface yang muncul berikut ini :

10. Kemudian pada kotak-kotak yang muncul pada interface yang muncul, isikan databerikut ini :

Nama Basis data : wordpress (basisdata yang kita buat tadi)

Nama Pengguna : root

Page 10: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 8 of 37 Septiana Dewi Andriana, S.Kom

Kata Sandi : (kosongkan saja), untuk nama pengguna dan kata sandi adalahdefault dari localhost kita tadi.

11. Kemudian klik tombol “Kirim”. Dan Instalasi wordpress telah berhasil dilakukan.Selanjutnya, klik tombol “Jalankan Instalasi” berikut ini :

12. Dan kita sedang berada pada jendela wordpress, berikut ini adalah interfacenya :

13. Untuk penamaan “Judul situs” tergantung kita mau membuat judul yang seperti apa(dalam hal ini kita buat saja dengan judul : Belajar Membuat Website”. Kemudianuntuk “Nama Pengguna” nya biarkan saja tetap sebagai “admin”. Lalu masukkankata sandi yang mudah dihapal pada kotak “Kata sandi, dua kali”. Interface nyaakan menjadi seperti berikut ini :

Page 11: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 9 of 37 Septiana Dewi Andriana, S.Kom

14. Kemudian klik tombol “Instal wordpress” berikut ini : Tunggubeberapa saat sampai instalasi nya selesai.

15. Dan berikut interface nya apabila wordpress telah berhasil dibuat.

16. Selanjutkan klik tombol “ Masuk Log” berikut :

17. Kemudian isi kotak “Nama Pengguna” dan “Kata Sandi” sesuai dengan namapengguna dan kata sandi yang telah dibuat sebelumnya. Kemudian klik tombol“Masuk Log”.

Page 12: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 10 of 37 Septiana Dewi Andriana, S.Kom

18. Berikut adalah halaman “Dasbor” dari website kita.

19. Untuk melihat halaman muka nya, klik tombol selesai pada sudut kanan atas dasborkita. Lalu dropdown pada menu “ Belajar Membuat Website” pada sudut kiri atasdasbor, kemudian pilih menu “Kunjungi Website”

20. Berikut halaman muka pada website kita.

21. Begitulah tampilan website kita dengan domain “127.0.0.1/wordpress”.

Page 13: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 11 of 37 Septiana Dewi Andriana, S.Kom

CARA MENGGANTI THEME(TEMPLATE) WORDPRESS

Interface wordpress yang sebelumnya adalah default awal ketika kita sudahberhasil meng-instal wordpress. Kita juga bisa mengubah interface sesuai dengankebutuhan atau keinginan kita. Berikut ini langkah-langkah dalam mengganti templatewordpress :

1. Buka kembali web browser yang digunakan. Kemudian ketikkan alamat sepertibiasa untuk menampilkan desain wordpress yang telah kita instal sebelumnya, yaitu“127.0.0.1/wordpress”.

2. Sebelumnya, kita bisa mencari template wordpress di google dengan kata kunci“Free Wordpress Template”

Page 14: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 12 of 37 Septiana Dewi Andriana, S.Kom

3. Atau kita bisa langsung mengunjungi webiste-website berikut ini :www.paddsolution.com atau www.freewpthemes.net

4. Sebagai contoh, kita akan mendownload tempate wordpress dari alamat berikut :www.wpdiarytheme.com. Selanjutkan tekan tombol “Download Theme” makaproses loading download pun berlangsung. Tunggu beberapa saat sampai prosesdownload selesai.

Page 15: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 13 of 37 Septiana Dewi Andriana, S.Kom

5. Jika sudah menemukan template yang akan digunakan untuk template website kita,selanjutnya kita kembali ke interface website kita dengan menggetikkan alamatberikut ini : “127.0.0.1/wordpress”

Page 16: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 14 of 37 Septiana Dewi Andriana, S.Kom

6. Kemudian dropdown dari tab “Belajar Membuat Website” dan pilih “Tema”

7. Berikut interface wordpress pada saat kita akan meng-edit template nya.

8. Selanjutkan, klik tab “Instal Tema”

9. Untuk memasangkan tempalte wordpress yang telah kita dowload sebelumnya, klikmenu “Unggah”

Page 17: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 15 of 37 Septiana Dewi Andriana, S.Kom

10. Selanjutnya, pilih direktori atau browser pada tempat penyimpanan template yangtelah kita download sebelumnya.

11. Kemudian klik tombol “Instal Sekarang”.

12. Tunggu beberapa saat sampai proses instalasinya selesai. Dan berikut ini gambarapabila proses instalasinya telah selesai.

Page 18: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 16 of 37 Septiana Dewi Andriana, S.Kom

13. Selanjutnya klik pada menu “Aktifkan”. Kemudian untuk melihat halaman websitekita yang baru, klik pada menu “Kunjungi Website”.

14. Dan berikut ini halaman muka website kita dengan template yang baru.

Page 19: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 17 of 37 Septiana Dewi Andriana, S.Kom

CARA MEM-POSTING ARTIKELPADA WORDPRESS

Postingan (tulisan) merupakan salah satu faktor penting kesuksesan suatu website.Postingan yang mudah dibaca akan membantu pengunjung memahami apa isi tulisan.Sebagus apa pun tulisan kita, bila tidak dibuat dalam struktur yang baik, tentunya akansusah dibaca pengunjung. Berikut ini langkah-langkah yang dilakukan dalam mem-posting artikel pada wordpress kita :

1. Sebelumnya kita kembali pada wordpress dengan menggetikkan alamat berikut ini :“127.0.0.1/wordpress/wp-admin”. Kemudian klik pada menu “Tulisan” + “TambahBaru”.

2. Kemudian masukkan judul pada kotak “ Tambah Tulisan Baru”. Dan masukkantulisan kita pada kotak dibawah menu “Unggah/Sisipkan”

Page 20: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 18 of 37 Septiana Dewi Andriana, S.Kom

3. Kita juga bisa menyisipkan gambar pada tulisan kita. Caranya adalah dengan meng-klik menu “Unggah/Sisipkan”.

4. Kemudian pilih berkas gambar yang akan kita tampilkan pada website kita, dengancara meng-klik tombol “Pilih Berkas”.

5. Kemudian kita bisa mengatur tampilan gambar yang akan disisipkan pada tulisankita, yaitu pada :

6. Kalau sudah, kemudian klik tombol “Sisipkan ke dalam Tulisan”. Maka hasil darigambar yang kita sisipkan adalah sebagai berikut ini :

Page 21: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 19 of 37 Septiana Dewi Andriana, S.Kom

7. Hal yang paling penting dari membuat tulisan adalah kita jangan lupa memberikategori dari tulisan yang kita buat. Misal kita membuat tulisan “Tips MempostingTulisan” maka kita bisa membuat kategori yaitu “Posting”. Berikut ini menutambah kategori nya.

8. Kemudian masukkan “Posting” sebagai kategorinya.

9. Lalu klik tombol “Tambah Kategori Baru”. Sehingga akan muncul satu kategoribaru pada tab “Kategori”.

Page 22: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 20 of 37 Septiana Dewi Andriana, S.Kom

10. Kita juga bisa menambhakan “tag” atau kata kunci dari tulisan yang kita buat.Misalnya : “tips, posting, tulisan, facebook, gmail” (bisa dipisahkan dengan koma).Minimal 5 tag kategori yang bisa kita buat.

11. Kemudian klik tombol “Tambah” sehingga tag yang kita buat sudah menjadi katakunci dari tulisan kita.

12. Kita juga bisa mengatur tata letak tulisan kita dengan tools yang ada di wordpress.

13. Setelah selesai semuanya, selanjutnya kita bisa langsung menerbitkan tulisan kitapada halaman website, caranya dengan meng-klik tombol “Terbitkan”.

14. Kemudian untuk melihat tulisan yang telah kita buat, caranya adalah dengan meng-klik menu “Lihat Tulisan”

Page 23: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 21 of 37 Septiana Dewi Andriana, S.Kom

15. Maka berikut ini interface dari tulisan yang telah kita buat.

Page 24: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 22 of 37 Septiana Dewi Andriana, S.Kom

MENAMBAHKAN KOMPONEN LAINDI WORDPRESS

A. WIDGET

Widget adalah sebuah kotak yang berisi kode-kode di mana anda dapatmemindahkan ke dalam sidebar di manapun anda mau. Widget adalah salah satu toolyang sangat berperan dalam wordpress. Berikut ini adalah gambar widget yang secaraintefacenya secara default pada saat kita selesai meng-isntal wordpress :

Berikut ini langkah-langkah dalam menambah widget dan menghapus widgetsesuai dengan yang kita butuhkan :

1. Buka web browser anda kemudian ketikkan alamat berikut ini :“127.0.0.1/wordpress/wp-admin”, sehingga kita akan masuk kembali ke dalamhalaman untuk meng-edit wordpress kita.

Page 25: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 23 of 37 Septiana Dewi Andriana, S.Kom

2. Kemudian dari menu “Tampilan” pilih “Widget”.

3. Berikut ini adalah widget default dari wordpress.

Menambah Widget Kedalam Interface Wordpress

Misalnya kita ingin menambahkan widget “”Kalender” didalam website kita. Tarikwidget “Kalender” dari sisi sebelah kiri kemudian pindahkan sehingga kini widget“Kalender” berada disebelah kanan wordpress.

Page 26: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 24 of 37 Septiana Dewi Andriana, S.Kom

Kemudian klik tombol “Simpan” dan setelah itu klik menu “Tutup” untukmengembalikan susunan widget.

Jika sudah, kita bisa melihat hasilnya dengan cara seperti biasa yaitu : klik menu“Belajar Membuat Website” dan pilih “Kunjungi Website”. Berikut ini interfacewebsite kita dengan tambah widget “Kalender”

Menghapus Widget dari dalam Interface Wordpress

Untuk menghapus widget dari wordpress, kita bisa memindahkan widget yang tidakkita perlukan dari sisi sebelah kanan kembali ke sisi sebelah kiri pada menu“Nonaktifkan Widget”. Misalnya kita ingin menghapus widget “Meta”

Berikut interface pada wordpress kita.

Atau bisa juga dengan cara, langsung meng-klik tombol ( ), kemudian klikmenu “Hapus”

Page 27: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 25 of 37 Septiana Dewi Andriana, S.Kom

Berikut ini interface website kita tanpa widget “Meta” dan “Kalender”

Page 28: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 26 of 37 Septiana Dewi Andriana, S.Kom

BELAJAR MEMBUAT DOMAIN & HOSTINGSENDIRI

Sebelum kita dapat mengonlinekan sebuah website, ada dua komponen pentingyang harus kita miliki, yaitu Domain dan Hosting, keduanya memiliki fungsi dankegunaan yang berbeda, Domain diperlukan untuk memberikan nama / alamatwebsitenya, adapaun Hosting berfungsi sebagai tempat penyimpan file-flle website kita,agar website kita dapat di akses oleh siapapun, dimanapun dan kapanpun, maka file-filewebsite harus disimpan dalam sebuah server Hosting yang mana nantinya server hostingini ter-online full selama 24 jam.

Website Yang Menyediakan Domain & Hosting Gratis

Domain & Hosting gratis (free domain) semakin banyak yang bermunculanseiring dengan semakin meluasnya penggunaan internet dalam berbagai keperluan,bahkan domain dan hosting gratis ini juga telah menjadi incaran sebagian orang untuksekedar coba - coba dalam menggunakan domain ataupun memang dalam niatmemanfaatkan keadaan gratis dari penyedianya, dan sangat cocok bagi anda yang inginmengganti domain tetapi tidak ingin mengeluarkan modal sewa domain. Berikut iniadalah beberapa website penyedia domain dan hosting gratis :

1. www.idhostinger.com

2. www.registry.cx.cc

3. www.freedomains.co.be

4. www.biz.nf

5. freedomain.cc.im

6. dll

Cara Mendaftar Domain & Hosting Gratis

Dari beberapa alamat diatas, kita gunakan website yang paling mudah prosesmendaftarnya (menurut saya), kita gunakan website “idhostinger.com”.

Page 29: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 27 of 37 Septiana Dewi Andriana, S.Kom

1. buka web browser, lalu ketikkan alamat “idhostinger.com”

2. Klik tombol “Order Sekarang”

Page 30: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 28 of 37 Septiana Dewi Andriana, S.Kom

3. Kemudian isi data akun yang tersedia. Setelah selesai klik tombol “Buat Akun”

4. Berikut ini interface jika proses akun anda berhasil.

5. Selanjutnya, buka email anda untuk melakukan proses verifikasi (laporan balik darialamat email yg dituju). Klik pada menu link yang ada diverifikasi tersebut.

6. Kemudian anda akan diarah kedalam browser yang baru. Masukkan email danpassword anda, anda juga bisa langsung memilih bahasa yang akan digunakan. Jikasudah selesai, anda bisa langsung meng-klik tombol “Login”.

Page 31: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 29 of 37 Septiana Dewi Andriana, S.Kom

7. Berikut ini interface yang akan muncul jika akun anda telah terverifikasi.

Page 32: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 30 of 37 Septiana Dewi Andriana, S.Kom

8. Klik tombol “Order” pada barisan kotak “Gratis”

9. Setelah itu anda akan diminta membuat sebuah domain baru. Silahkan masukkannama domain yang anda butuhkan atau anda inginkan. Kemudian masukkan“Password”, “Ulangi Password” dan “Masukkan kode capcha”

10. Dan berikut interface yang muncul jika nama domain anda berhasil dibuat.

Page 33: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 31 of 37 Septiana Dewi Andriana, S.Kom

11. Selanjutnya klik tombol “Kelola”.

12. Kemudian cari menu “Tool Penting”. Lalu pilih menu “Database MySQL”

13. Anda akan diarahkan ke halaman baru, yaitu halaman MySQL Database. SilahkanAnda membuat database pada form Create New Database, misalnya anda membuatdatabase “db”. Untuk nama database, secara default, akan mendapat nama awalansesuai dengan nama user cPanel. Kemudian klik tombol “Buat”.

14. Berikut interfacenya setelah database berhasil dibuat.

15. Kemudian, buka web browser atau tab yang baru lalu ketikkan“127.0.0.1/phpmyadmin”. Select all pada tabel yang ada di basisdata “Wordpress”/

Page 34: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 32 of 37 Septiana Dewi Andriana, S.Kom

16. Kemudian klik tombol “Eksport”. Lalu klik “Go”

17. Klik pada pilihan “Save File” kemudian klik tombol “OK”

Page 35: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 33 of 37 Septiana Dewi Andriana, S.Kom

18. Tunggu beberapa saat sampai proses download selesai.

19. Selanjutnya, kembali ke pada database yang dibuat diawal tadi.

20. Klik menu “phpMyAdmin”

21. Selanjutnya, klik menu “Masuk phpMyAdmin”. Lalu klik tombol “Import”

22. Pada interface yang muncul, masukkan basisdata yang kita eksport dari alamat“127.0.0.1/phpmyadmin” melalui tombol “Browser”.

Page 36: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 34 of 37 Septiana Dewi Andriana, S.Kom

23. Dan berikut interface yang muncul apabila basisdata yang kita import berjalansukses.

24. Setelah kita meng-eksport dan meng-import basis data kita. Selanjutnya adalahmembuat paket/folder “Wordpress” kita yang berada di C:\xampp\htdocs menjadisatu paket dan dibuat ke dalam bentuk winrar. Caranya, buka winrar dari komputeranda.

25. Klik di folder “Wordpress” lalu klik tombol “Add”.

26. Pada interface yang muncul selanjutnya klik tombol “OK”

Page 37: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 35 of 37 Septiana Dewi Andriana, S.Kom

27. Upload file .zip dengan menggunakan ftp/filezilla untuk mempercepat prosesupload dan menghindari kagalan upload. Jika ingin menjadikan aplikasi wordpresssebagai web utama silahkan upload file zip wordpress ke dalam direktori/public_html supaya aplikasi wordpress dapat diakses melaluihttp://yourdomain.com/. Setelah selesai upload, login ke cPanel > File Manager,cari file yang anda upload (di dalam direktori public_html), klik kanan pada filetersebut dan extract.

28. Selanjutnya, jika Anda mencoba untuk mengakses situs Web Anda mungkin akanditemui sebuah kesalahan/pesan error. Hal ini karena file wp-config.php dari serverlokal Anda tidak berisi informasi yang berhubungan dengan rincian account hostingAnda. File wp-config.php menyimpan informasi mengenai nama database, userDB,serta password yang dibuat pada account hosting,. Anda perlu mengubah rincian didalamnya sebagai berikut : Buka cPanel > File Manager anda. Cari file wp-config.php di root directory wordpress anda. Klik kanan pada file tersebut dan klik‘Code Edit’, ubah baris code di bawah ini sesuai informasi yang kita buat pada

step 1 :

[PHP]// ** MySQL settings – You can get this info from your web host ** ///** The name of the database for WordPress */

define(‘DB_NAME’, ‘wordpress284′); ubah menjadidefine(‘DB_NAME’, ‘ cerita35_wordpress’);

/** MySQL database username */

define(‘DB_USER’, ‘root’); ubah menjadi define(‘DB_USER’, ‘cerita35_admin’);

/** MySQL database password */

define(‘DB_PASSWORD’, ”); ubah menjadi define(‘DB_PASSWORD’,‘b4l1b0′);

/** MySQL hostname */

define(‘DB_HOST’, ‘localhost’); tidak dilakukan perubahan[/PHP] Setelah selesai mengganti konfigurasi, tekan tombol Save Changes.

29. Inilah langkah terakhir yang paling penting. Kita harus mengedit database, yangdalam contoh tadi adalah database “cerita35_wordpress’” supaya dapat terhubungdengan file-file WordPress kita. Kita hanya perlu mengubah URL, yang dalamcontoh ini dari ‘http://localhost/wordpress284/ menjadi‘http://www.namaDomainAnda.com’.

Page 38: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 36 of 37 Septiana Dewi Andriana, S.Kom

Jika langkah ini tidak dilakukan maka situs Anda tidak akan ditampilkan karena file-fileWordPress dengan databasenya adalah ibarat dua sedjoli yang sudah tidak bisadipisahkan. Langkah-langkah mengedit database :

Jalankan phpMyAdmin di Control Panel. Klik nama database Anda, dalam contoh ini“cerita35_wordpress’”. Pilih dan klik pada table wp_options. Pada tampilan yangmuncul klik [Browse]. Pada tabel yang ada edit ada 2 hal :

a. Editlah entri “siteurl” pada kolom “option_name”. Klik edit atau gambar pena untukmengedit. Gantilah ‘option_value’-nya dengan http://www.namaDomainAnda.com (sesuaikan dengan path directory tempat file wordpress dan nama domain anda).

b. Editlah entri “Home” pada kolom yang sama. Jika Anda tidak menemukannya, kliktanda panah di bawah tabel. Cara mengeditnya sama dengan entri siteurl di atas.

Page 39: Pelatihan Pembuatan Website Bagi Dosen IAIN SU 2013

Belajar Membuat Website dengan CMS(Content Management System) Menggunakan Wordpress

Page 37 of 37 Septiana Dewi Andriana, S.Kom

DAFTAR PUSTAKA

www.masyhury.web.id

http://www.rumahweb.com/journal/upload-wordpress-step-by-step-ke-server-

hosting.htm

http://black-white05.blogspot.com/2011/07/upload-wordpress-offline-ke-online.html

http://blogdedi.wordpress.com/membuat-website/wordpress-upload-wordpress-offline-

ke-online/

www.idhostinger.com

http://tenjocity.wordpress.com/tutorial-blog/mengatur-widget-di-wordpress/