MODUL

MEMBANGUN WEBSITE
DENGAN WORDPRESS

SMK BINA ANAK BANGSA

TEKNIK KOMPUTER DAN JARINGAN

Nama : ………………………………..

Kelas : ………………………………..
 MEMBANGUN WEBSITE DENGAN WORDPRESS

1. Persiapan
A. Karakteristik WEBSITE
- Harus terdapat table
- Website dengan logo
- Terdapat gallery Photo/Video
- Terdapat Events
- Tampilan telah dimodifikasi
- Postingan
B. Plugins
- Classic Editor
- Events Manager
- Spectra
- Tablepress
C. Halaman
- Halaman Home
- Halaman POST/Blog
2. Langkah Kerja
a. Memilih Tema
 Masuk ke menu APPEARANCE
 Pilih Tema yang diinginkan
 Klik Active
 Tema yang digunakan dalam tutorial ini adalah Twenty Twenty-One
b. Edit Halaman
 Masuk ke menu PAGES -> masuk ke HALAMAN CONTOH -> EDIT -> ganti
dengan nama sendiri -> pilih UPDATE -> pilih PREVIEW untuk melihat
perubahan
c. Menggunakan Template Kits
adalah kumpulan unik templat Elementor pra-desain yang memiliki desain dan
gaya visual yang serupa dan digunakan untuk mendesain & mengembangkan
situs web WordPress
1. Menggunakan Template Kits pada Page
a. Buka PAGE yang akan diModifikasi dengan menekan EDIT
b. Pilih Template Kits -> Wireframes/Pattern -> Pilih yang
sesuai -> Import -> Kembali
c. Posisikan -> Wireframes/Pattern -> sesuaikan posisinya
2. Merubah Gambar pada Wireframes/Pattern
a. Klik gambar yang terdapat pada Wirefremes/Pattern ->
kemudian Replace -> Upload -> Pilih gambar yang
diinginkan -> Open -> Kemudian tekan Update -> Pilih
Preview untuk melihat perubahan
d. Menambahkan Block pada Page
Blok merupakan komponen untuk menambahkan konten pada editor blok
WordPress. Ada berbagai macam blok yang dapat Anda gunakan. Halaman ini
memiliki daftar blok yang tersedia.
 Buka halaman yang akan dimodif -> pilih Edit -> kemudian pilih Add (+)
-> pilih Block yang diinginkan.
e. Menambahkan Logo atau Icon pada Halaman Website
 Masuk ke menu Pages -> Pilih page yang akan dimodif -> View -> Pilih
menu Costumize -> Pilih Site Identity -> pada Site Icon -> klik Select
Site Icon -> Select Files -> Pilih Icon/Gambar yang diinginkan -> Open ->
Select.
f. Costumize pada halaman Website
1. Setting Home Page (Index)
a. Pilih Homepage Setting ->Pilih A Static Page
b. Pada menu Homepage -> Select -> Pilih Halaman yang akan
dijadikan Home (Home) -> pilih Publish
2. Setting Posts Page
Pilih Posts Page -> Langkah selanjutnya sama dengan setting
Homepage, hanya saja halaman yang dipilih yang akan
dijadikan halaman POSTS (Blog)
3. Setting Warna Latar page dan Dark Mode
a. Masuk ke menu Colors & Dark -> Select Color -> Sesuaikan
dengan warna yang diinginkan -> Ceklis Dark Mode
Support -> Kemudian Publish
4. Set Identity
a. Setting Title Page.
Masuk ke Site Title -> Kemudian isi judul Halaman
Websitenya
b. Setting Tagline
Masuk ke Tagline -> kemudian isi dengan Tagline yang
diinginkan -> Publish
g. Membuat POST pada halaman Website
1. Masuk ke menu POST -> Add New
2. Tambahkan judul Post pada Add Title -> pada Type/Choose a block
klik Add (+) -> pada kolom Search ketik Classic -> kemudian pilih
3. Kemudian -> pilih PUBLISH -> pilih VIEW POST untuk melihat hasil
POST
h. Mengedit POST pada halaman Website
1. Masuk kembali ke menu POST -> kemudian Pilih POSTingan yang
akan diubah -> Pilih Edit
2. Setelah perubahan -> Pilih UPDATE
i. Menginstall PLUG IN
1. Masuk ke menu PLUGINS
2. Pilih Add New
3. Cari plugin yang diinginkan -> tekan Install Now
4. Kemudian setelah Install -> tekan Active
j. Membuat Gallery Photo dan Video
 Gallery Photo
 MENGGUNAKAN PLUGINS

1. Setting Classic Editor

a. Pilih menu Plugins -> pilih Classic Editor -> Setting
b. Pada bagian Default editor for all User -> Pilih Block Editor -> kemudian Save
Change
2. Menggunakan Tablepress
a. Menambahkan Isi Table
 Klik menu Tablepress -> Add new
 Pada Table Name isi dengan Nama Tabel
 Pada Description tambahkan Deskripsi (bersipat Opsional)
 Pada kolom Number Of Rows (Jumlah baris) isikan jumlah baris yg
diinginkan
 Pada kolom Number Of Column (Jumlah kolom) masukan jumlah kolom
yang diinginkan
 Setelah itu klik Add Table
 Setelah memasukan data pada Table -> Save Changes