Ppt cara membuat website menggunakan wordpress wdwp team
1. Tutorial Pengguanan Powerpoint
1
Untuk Mengetahui
Biodata Pembuat
Powerpoint
Untuk Melihat
Menu Tutorial
Untuk Keluar Dari
PowerPoint
Untuk Melihat
Slide Selanjutnya
Untuk Melihat
Slide Sebelumnya
Klik Untuk Masuk
Kedalam Tutorial
Untuk Membeli
Website Modern &
Murah
2. 2
Tutorial mengenai cara pembuatan WEB menggunakan
wordpress ini, disusun oleh :
Nama : Sumartono
Kelas : XI RPL 1
2
4. Instalasi XAMPP
Sebelum melakukan pembuatan WEB langkah awal adalah melakukan instalasi
WEB server, dan ditutorial ini menggunakan XAMPP sebagai WEB server. Cara
melakukan instalasi XAMPP yaitu, Buka File XAMPP tentukan dimana akan
meletakan hasil instalasi Xampp lalu klik instal dan tunggu proses instalasi hingga
selesai
4
5. Bila proses instalasi sudah selesai maka akan muncul icon Xampp pada dekstop
lalu dibuka berilah tanda chek list pada Apache lalu klik start lakukan
hal yang sama pada MySql dan FileZilla Untuk melihat apakah XAMPP sudah
terinstal dengan baik ataukah belum buka aplikasi browser Anda lalu pada Adress
Bar ketikan localhost.
5
7. Pembuatan Database WEB
Cara membuat database web adalah sebagai berikut : Copy file .rar
file Wordpress cari dimana Anda meletakan instalasi XAMPP
pilih htdocs lalu paste lalu klik kanan pada file .rar tadi pilih
exstrac here dan tunggu hingga proses ekstraksi selesai klik
kanan pada hasil ekstraksi file tadi lalu pilih rename dan ganti sesuai
nama web yang saya inginkan ( contoh: trijokosaputro )
7
8. Buka web browser Anda lalu ketikan localhost/phpmyadmin klik
database pada crate database tuliskan nama file .rar yang telah
kita extrac dan direname klik create dan tunggu proses hingga
selesai buka web browser lalu ketikan localhost/nama database
( localhost/trijokosaputro ) klik crate a configuration file klik
lets go pada database name ketikan nama database pertama,
user name isikan root, pasword kosongkan saja klik submit.
8
9. Klik run the instal pada site title isikan judul web yang akan Anda
buat, masukan username, pasword dan email Anda klik instal
wordpress klik login masukan username dan pasword yang
sebelumnya telah Anda buat maka Anda akan masuk kedalah
dashboard web Anda untuk melihat web Anda ketikan pada
adress bar localhost/nama database (contoh:
localhost/trijokosaputro)
9
10. Backup WEB
Backup dilakukan agar kita dapat melakukan pengerjaan web
dikomputer lain, caranya adalah sebagai berikut : copas file directory
web buka localhost/phpmyadmin klik nama database yang
akan dibackup lalu klik export klik go lalu secara otomatis
akan muncul jendela download lakukan proses pendownloadan
Setelah selesai gabungkan dengan file directory.
10
11. Restore WEB
Cara untuk melakukan restore adalah sebagai berikut : Copas folder
directory web ke Local disk C: > XAMPP > htdocs buka
localhost/phpmyadmin isikan nama folder directory pada create
database lalu klik create setelah selesai klik nama folder directory
lalu klik import klik browse lalu pilih file .sql web Anda klik go
11
12. Membuat Halaman
Cara untuk membuat halaman pada web, yaitu : buka
localhost/namadatabase/wp-admin pilih pages lalu klik Add New pada
kotak atas isikan judul halaman dan kotak yang bawah masukan isi dari halaman
yang ingin kita buat untuk memasukan gambar klik add media klik upload
lalu select file dan pilih gambar yang ingin kita masukan klik insert into page
setelah selesai membuat halaman klik publish.
12
13. Membuat Menu Pada WEB
untuk membuat menu caranya adalah sebagai berikut : buka
localhost/namadatabase/wp-admin pilih Appearance lalu klik menus
pada menu name isikan nama menu yang akan dibuat lalu klik create menu
beri tanda chek list pada Automatically add new top-level pages pada primary
menu pilih nama menu yg dibuat lalu klik save klik halaman yang ingin
dijadikan/dimasukan kedalam menu dengan cara memberi tanda centang lalu klik
add to menu setelah selesai klik save menu.
13
14. Membuat Post Category
Buka localhost/namadatabase/wp-admin pilih post lalu klik add
new pada kotak atas isikan judul post dan kotak yang bawah
masukan isi dari post yang ingin kita buat pada categories klik
add new category isikan nama dari categori yang ingin dibuat
lalu klik add new category pastikan nama categori yang kita buat
tercentang lalu klik publish.
14
15. 15
Cara Mendownload dan Menginstal Template
Download template
Cara melakukan download template adalah sebagai berikut : Buka wordpress.org
klik themes pilih check out new filter and tag interface beri tanda centang
pada kotak yg telah disediakan sesuai kebutuhan pilih find themes klik
themes yg diinginkan dan klik download pd kanan atas tampilan themes
tunggu proses download selesai.
15
16. 1616
Cara Mendownload dan Menginstal Template
Upload template
Cara melakukan upload template adalah sebagai berikut : Buka
dashboard web Anda pilih Appearance lalu klik Themes pilih
Instal Themes klik upload lalu pilih browse cari dimana letak
template klik Instal Now Klik Activate.
16
17. 171717
Header & SEO
Header
Header dapat diubah dengan cara berikut : Buka dashboard web
Anda pilih Appearance lalu klik header pada bagian select
image klik browse dan pilih gambar yang akan dijadikan header
klik upload lakukan croping bila diperlukan setelah selesai
klik crop and publish.
17
18. 18181818
Header & SEO
SEO
SEO adalah singkatan dari Search Engine Optimizer, kita dapat
melakukan SEO dengan cara : Buka dashboard web Anda pilih
settings lalu klik permalinks pada Common Settings ubah menjadi
post name lalu klik save changes.
18
19. 19
Instal Asister
Asister merupakan aplikasi yang digunakan untuk membuat template sendiri. Cara
melakukan penginstalan software ini yaitu : Buka file asister pilih bahasa yg
akan digunakan lalu klik next next beri tanda centang pada kota
persetujuan lalu klik next pilih tempat instalasi lalu klik next next
tunggu proses instalasi selesai klik finish dan siapkan keygennya klik activate
masukan license code dan instalation key klik activate.
19
20. 2020202020
Membuat Template Menggunakan Asister
Buka asister pada new projet pilih wordpress lakukan
pembuatan template sesuai dengan keinginan dan kebutuhan
setelah selesai klik wordpress theme isikan nama template
pastikan pada create zip file diberi tanda chek list Klik
Export.
20
21. 212121212121
Apa pengertian Plug In,??
Kata plug-in berasal dari basa inggris yang artinya Colok-masuk.
Pengertian Plug in suatu program komputer yang dipasang yang
berguna untuk menambah fungsionalitas sebuah program utama.
Biasanya Program utama memberikan semacam interface
(antarmuka) supaya Plug-in dapat berinteraksi dengan program
utama.
21
22. 22222222222222
Contohnya, Plug-in biasanya dipasang pada peramban web untuk
memutar video, menampilkan jenis berkas baru dan memindai
virus. Selain itu biasanya pada wordpress juga terdapt plug-in
sebagai program tambahan untuk mempercantik tampilan, ada juga
yang untuk SEO, dan lain-lain
22
23. 2323232323232323
DMS Guest Book
Cara memasukan plug in DMS guest book kedalam web adalah Buka
dashboard web Anda pilih plugins klik add new klik upload
klik browse lalu cari filenya klik instal now klik activate plug
in.
23
25. 25252525252525252525
Cara Memasukan Gambar Pada Nextgen-Galery
Buka Dashboard web Anda pilih galery pilih Add New Galery
ketikan nama galery klik add galery klik browse dan masukan
gambar yang ingin dimasukan klik start upload.
25
26. 2626262626262626262626
Cara Membuat Album Pada Nextgen-Galery
Buka Dashboard web Anda pilih galery klik album pada
jendela add new album masukan nama album yg akan dibuat klik
add pilih album yg akan dimasukan Drag galery yg akan
ditampilkan klik update .
26
27. 272727272727272727272727
Daftar Free Hosting (part 1)
Buka WWW.1freehosting.com tekan tombol get free hosting isi
data diri Anda lalu klik sign up buka email Anda dan lakukan
konfirmasi buat domain yg akan anda gunakan setelah selesai
memasukan sub domain klik create Untuk mengecek domain
sudah terbuat atau belum buka email Anda.
27
28. 28282828282828282828282828
Daftar Free Hosting (Auto Instaler)
Buka WWW.1freehosting.com klik login masukan email serta
password klik control panel klik switch klik auto instaler
klik wordpress isikan username dan password klik instal
wordpress.
28
29. 2929292929292929292929292929
Instal plugin Wp-filebase
1. Log In ke Dashboard web anda .
2. Masuk pada bagia Plugin > Add New .
3. Anda dapat melakukan searching secara langsung melalui bagian
“Search” atau dapat meng uploadnya sendiri.
4. Setelah jendela Add New Plugin muncul .
5. Pilih tab Upload .
6. Pilih browse untuk melakukan pencarian file wp-file databe di
laptop / pc anda > Open .
7. Pilih Install Now > Active Plugin .
29
30. 303030303030303030303030303030
Setting WP-Filebase
Log In ke Dashboard web anda .
Masuk ke bagian WP – Filebase > Setting.
Anda dapat meng otak atiknya sendiri sesuai keinginan anda
,mulai dari peng upload tan file ,Template download dll.
30
31. 31313131313131313131313131313131
Membuat Kategori pada WP-Filebase
a) Log In ke Dashboard web anda.
b) Masuk pada bagian WP-Filebase > Categories . Maka jendela kategori akan
muncul.
c) Isi nama kategori yang akan dibuat pada kotak Add New Category.
d) Pilih Add New Categories .
e) Categories yang anda inginkan otomatis akan terbuat .
31
32. 3232323232323232323232323232323232
Upload File Pada WP-Filebase
Log In ke Dashboard web anda.
Masuk pada bagian WP – Filebase > Files. Make jendela upload akan muncul.
Pilih kategori yang akan diguanakan untuk file yang akan anda upload nanti di
kotak “Categori”
Pada bagian Author isi dengan nama anda saja sebagai peng – upload.
Pilih “select files” untuk melakukan pencarian file ingin anda upload di web
anda > Pilih Open .
Setelah selesai Pilih “Add file”
File anda telah ter upload.
32
33. 333333333333333333333333333333333333
Menambahkan File di Wp-Filebase pada halaman
o Log In ke Dashboard web anda.
o Buat page baru untuk menempatkan wp-filebase , Page > Add New.
o Isi nama page yang akan anda buat.
o Pada bagian content , Pilih Icon WP – Filebase untuk menempatkan filenya.
o Kotak dialog wp-file base akan muncul. Pilih salah satu opsi dari opsi yang ada
bagaimana file anda akan ditampilkan ,seperti table ,daftar,File single dll
o Pilih file yang akan di tampilkan > Publish .
o Selesai .
33
34. 34343434343434343434343434343434343434
Apa Itu Widget?
Widget merupakan fasilitas atau aplikasi yang digunakan untuk
mendukung web,yang umum digunakan biasanya untuk
menampilkan post,pengunjung,arsip web dll.
Cara menyettingnya melalui Menu Appreance > Widget
Tinggal drag widget yang ingin anda gunakan .
34