2014-26. membuat website menggunakan wordpress

33
Wordpress NAMA : M.ALVIAN KELAS : 3 TKJ NO ABSEN : 26

Upload: syiroy-uddin

Post on 06-Aug-2015

73 views

Category:

Education


4 download

TRANSCRIPT

Page 1: 2014-26. Membuat Website menggunakan wordpress

Wordpress

NAMA : M.ALVIANKELAS : 3 TKJNO ABSEN : 26

Page 2: 2014-26. Membuat Website menggunakan wordpress

copas file wordpress kedalam web direktori,jika file wordpress berbentuk zip, maka extrctdulu sehingga berbentuk folder dan namai, disini saya menggunakan nama “vian” sepertigambar

Page 3: 2014-26. Membuat Website menggunakan wordpress

Setelah kita buka folder vian maka akan muncul folder wordpress, buka folder itu danpindah semua file didalamnya ke luar, sehingga ada di dalam folder vian

Page 4: 2014-26. Membuat Website menggunakan wordpress

Setelah selesai buka web browser,pada phpmyadmin ketik:

Dan ciptakan database baru, disini saya membuat database baru dengan nama “vian” (isi form yang diberi kotak hijau untuk menciptakan database baru)

Page 5: 2014-26. Membuat Website menggunakan wordpress

Pastikan database sukses dibuat seperti pada gambar di atas

Page 6: 2014-26. Membuat Website menggunakan wordpress

Kemudian buka tab baru dan ketik pada address bar localhost/vian -> vian merupakannama folder tempat hasil extract dari file wordpress,maka akan keluar tampilan untukmenginstall wordpress.seperti gambar berikut

Klik “create a configuration file” untuk mulai mengkonfigurasinya

Page 7: 2014-26. Membuat Website menggunakan wordpress

Klik let’s go! Untuk mensetting user name wordpress,database dll.

Page 8: 2014-26. Membuat Website menggunakan wordpress

Merah : nama database yang telah kita buat di localhost/phpmyadmin tadiHijau : merupakan user name yang akan kita buat login pada wordpressKuning : merupakan password untuk login

Page 9: 2014-26. Membuat Website menggunakan wordpress

Lalu tekan submit untuk melanjutkan

Klik run the install,

Page 10: 2014-26. Membuat Website menggunakan wordpress

lalu anda akan diminta memasukan user name dan password seperti berikut itupertanda wordpress telah berhasil di install

Page 11: 2014-26. Membuat Website menggunakan wordpress

Tampilan awal dari dashboard seperti ini

Page 12: 2014-26. Membuat Website menggunakan wordpress

menu-menu yang ada pada dashboard dan setiap menu pastinya berbeda-beda ,,,,, kini kita akan lihat satu persatudari menu di bawah ..

-PostsAll posts : berisi tentang semua postingan yang telah kita tulis baik yang sudah kitapublish ataupun belumAdd new : masuk menu ini ketika kita ingin menambahkan postingan baruCategorise dan tags : berisi mengenai ketegori dan tag postingan-Media : klik jika kita ingin menambahkan sebuah library-Pages : menu mengenai halaman, disini kita bias melihat halaman dan menambahkanbaru

Page 13: 2014-26. Membuat Website menggunakan wordpress

-Comments : kita bisa atur comments yang biasanya dibawah dari setiap postingan kita-Appereance : kita bisa mengcustom tema, menu,background dan sebagainya yang biasanya berhubungan dengan tampilan- Plugins : adalah tambahan yang dipergunakan untuk mempercantik/pun -menambahfungsi,,, seperti menambhkan albu foto, forum diskusi dsb.-user : kita bisa menambah user baru pada admin wordpress, juga bisa mengedit profil kita.-tools : disini kita gunakan untuk eksport maupun import wordpress kita.

Page 14: 2014-26. Membuat Website menggunakan wordpress

Masu menu Posts -> add new, dan akan muncul tampilan seperti ini:

hitam : Judul dari postinganUngu : untuk menambahkan seperti gambar, bias juga memasukkan album foto (jikaplugins album foto sudah diinstall).Kuning: area untuk menulis postingan.Ungu2: (publish) untuk menampilkan postingan pada wordpress

Page 15: 2014-26. Membuat Website menggunakan wordpress

Untuk membuat pages, masuk menu pages > add newSama seperti post, kotak atas untuk judul,yang bawah isi dari pages dan juga publish.

Page 16: 2014-26. Membuat Website menggunakan wordpress

Ini berisi semua pages yang pernah kita buat

Page 17: 2014-26. Membuat Website menggunakan wordpress

TEMAUntuk menginstall tema caranya seperti berikut:-masuk menu appearance > themes > install themes > upload >cari dan pilih tema yang ingin anda gunakan dan ketika selesai pilih install, seperti gambar

Page 18: 2014-26. Membuat Website menggunakan wordpress

Setelah selesai akan muncul seperti ini pilih activate untuk mengaktifkantemayang telah kita install.

Page 19: 2014-26. Membuat Website menggunakan wordpress

MenuUntuk menu cukup mudah untuk membuat menu ataupun submenu. Langsunglihat aja gambarnya

Ungu : memilih menu mana yang akan digunakan untuk tema yang aktifHitam : untuk mengcutimis link menuMerah : pages mana saja yang akan dibuat dan ditampilkan sebagai menuHijau: disini cukup seret agak kedalam untuk membuat submenu.

Page 20: 2014-26. Membuat Website menggunakan wordpress

Plugin

Masuk menu plugin kemudian pilih yang add newKemudian pilih upload > browser > cari dan pilih plugingallery, kemudian tekan install

Page 21: 2014-26. Membuat Website menggunakan wordpress

Jika muncul tampilan seperti ini maka tekan activate plugin untukmengaktifkan plugin.

Page 22: 2014-26. Membuat Website menggunakan wordpress

Jika kita sudah mengaktifkan plugin gallery maka dibawah menu dashboard akanmuncul menu baru yaitu gallery, seperti gambar dibawah ini :

Pilih add gallery untuk menambahkan.-setelah itu saya pilih yang import folder, ini berguna untuk foto yang berjumlah banyak. Cari dan pilih filenya.

Page 23: 2014-26. Membuat Website menggunakan wordpress

Setelah selesai ter upload, saya akan membuat gallery satu lagi. Cara nya sama sepertiyang pertama. Kemudian akan saya upload foto seperti yang pertama namun yang ininamanya anak tkj..

Page 24: 2014-26. Membuat Website menggunakan wordpress

Setelah terupload semua, kini saya akan membuat album foto yang berisi gallery yang bernama logo dan anak tkj. Lalu masuk menu album dan buat album, disini saya member nama albumnya adalah “foto TKJ “

Page 25: 2014-26. Membuat Website menggunakan wordpress

Kemudian kita akan memasukkan gallery yang bernama kelud dan bromo dalamalbum “foto tkj”. Tinggal pilih albumya, kemudian seret gallery pada area bahwa, seperti pada gambar berikut.

Page 26: 2014-26. Membuat Website menggunakan wordpress

dan tekan insert untuk mulai memasukkan.

Akan ada script seperti dibawah ini pada text area . seperti contoh dibawah ini

Page 27: 2014-26. Membuat Website menggunakan wordpress

Pada kotak merah itu merupakan itu merupakan untuk mengatur setingan preview image dan yang ditunjukkan panah itu nama fotonya.

Page 28: 2014-26. Membuat Website menggunakan wordpress

Forum

Fasilitas forum untuk penguna yang masuk ke web kita dan menemuikesulitan pada salah satu artikel kita dan kita bias menjawabnya melalui

Page 29: 2014-26. Membuat Website menggunakan wordpress

Lalu publis

Tampilan di atas merupkan cara menambahkan forum pada menu web Tinggal ceklis dan add to menu dan jika sudah akan muncul menu forum dan jikasudah ada orang memposting dalam forum kita bisa membalasnaya denganmenambah replies pada forum .

Page 30: 2014-26. Membuat Website menggunakan wordpress

Hasil

Page 31: 2014-26. Membuat Website menggunakan wordpress
Page 32: 2014-26. Membuat Website menggunakan wordpress
Page 33: 2014-26. Membuat Website menggunakan wordpress