Pertemuan 2 :

Membuat Website
Menggunakan Wordpress
 Part 1
Setup Hosting & Domain pada cPanel
Menghubungkan Domain
dengan Hosting

Login ke dalam cPanel

namadomain.com/cPanel

Scroll ke bawah pilih bagian

domain

03.
Menghubungkan Domain
dengan Hosting

Klik Create A New Domain

03.
Menghubungkan Domain
dengan Hosting

Ketikan Nama Domain

Klik Submit hingga muncul

tulisan “Berhasil”

03.
 Part 2
Setup SSL pada cPanel
Pengertian SSL

Apa itu SSL ? SSL (Secure Sockets Layer) adalah protokol

keamanan yang digunakan untuk mengamankan komunikasi
antara server dan browser. SSL memastikan bahwa data
yang ditransmisikan antara server dan browser tetap aman
dan terenkripsi . SSL digunakan untuk melindungi informasi
sensitif seperti nomor kartu kredit, password, dan informasi
pribadi lainnya.

03.
Tampilan SSL pada Website

03.
Kenapa SSL Penting

Meningkatkan Kepercayaan: Pengunjung website akan merasa

lebih aman dan nyaman saat berinteraksi dengan website Kalian.
Meningkatkan Keamanan: SSL membantu melindungi informasi
sensitif seperti nomor kartu kredit, password, dan informasi
pribadi lainnya dari serangan siber.
Meningkatkan SEO: Google memberikan peringkat lebih tinggi
pada website yang menggunakan SSL.
Meningkatkan Kecepatan: SSL dapat meningkatkan kecepatan
website Kalian dengan mempercepat waktu loading website.

03.
Cara Pasang SSL

Di cPanel Scroll Kebawah

Pilih Menu Security
Pilih SSL/TLS

03.
Cara Pasang SSL

Pilih Use System Default

Key Type
Pilih Save
Setelah itu pilih Manage
SSL Sites

03.
Cara Pasang SSL

Scroll Kebawah
Pilih Domain
Klik Autofill by Domain
Klik Save

03.
Cara Pasang SSL

Pastikan Hingga Muncul

Pop Up Seperti Ini

03.
 Part 3
Setup email website
Email Website

Email domain adalah layanan pada hosting yang berfungsi untuk

membuat alamat email dengan nama domain Kalian sendiri. Dengan
email domain, Kalian dapat membuat alamat email dengan nama
domain Kalian sendiri seperti “nama@namadomain.com” atau
“info@namadomain.com”.

Email domain memiliki beberapa kelebihan, terutama untuk kita yang

menggunakan website sebagai toko online sehingga dapat
memberikan kepercayaan lebih kepada pelanggan kita. Lalu
bagaimana cara membuatnya ? berikut tutorial nya
03.
Membuat Email Website

Pada cPanel pilih email

accounts
Pilih Create

03.
Membuat Email Website

Masukan Email yang akan

dibuat
Masukan Password
Masukan Batasan
Penyimpanan
Klik Create

03.
Cara Menggunakan Email
Website
Akses webmail dengan
namadomain.com/webmail
Masukan email
Masukan password

03.
Cara Menggunakan Email
Website
Klik Open
Masuk pada webmail
Gunakan email seperti biasa

03.
 Part 4
Install wordpress melalui cPanel
Install Website Melalui
cPanel
Masuk ke cPanel
Scroll kebawah
Pilih WordPress Manager by
Softaculus

03.
Install Website Melalui
cPanel
Pilih Install
Tentukan akan di install
dimana WordPressnya
Site Setting isi
Site Name
Site Description
Admin Account

03.
Install Website Melalui
cPanel
Pilih Tema
Klik Install

03.
 Part 5
Setup wordpress pada website
Setup WordPress Pada
Website
Masuk kedalam wordpress
dengan cara
namadomain.com/wp-admin
Setelah masuk akan
ditampilkan banyak menu
Berikut Penjelasan menu
tersebut

03.
Fungsi Dasar WordPress
1.User (Pengguna):
a. Pengguna: Menampilkan daftar pengguna yang memiliki akses ke situs.
b. Tambah Pengguna Baru: Memungkinkan Kalian menambahkan pengguna baru dengan peran dan
hak akses tertentu.

2.Pengaturan:
a. Umum: Menyediakan pengaturan dasar seperti judul situs, tagline, alamat situs, dan alamat email
administratif.
b. Membaca: Menentukan halaman depan situs dan jumlah pos yang ditampilkan.
c. Permalink: Mengatur struktur URL untuk tautan permanen situs Kalian.

3.Tools (Alat):
a. Alat Tersedia: Menyediakan alat untuk impor dan ekspor konten, serta alat pengelolaan widget dan
tema.

03.
Fungsi Dasar WordPress
4.Post (Pos):
a. Semua Pos: Menampilkan semua pos yang telah dibuat.
b. Tambah Pos Baru: Memungkinkan Kalian membuat pos baru dengan judul, konten, kategori, dan
tag.
c. Kategori dan Tag: Memungkinkan Kalian mengelola kategori dan tag untuk mengorganisir konten.

5.Halaman:
a. Semua Halaman: Menampilkan semua halaman yang telah dibuat.
b. Tambah Halaman Baru: Memungkinkan Kalian membuat halaman baru, seperti halaman berKalian
atau kontak.

03.
Fungsi Dasar WordPress
6.Tampilan:
a. Tema: Mengelola dan mengaktifkan tema WordPress untuk mengubah tampilan situs.
b. Kustomisasi: Memungkinkan Kalian menyesuaikan tema dan melihat perubahan secara real-time.
c. Widget: Menambah, menghapus, atau mengelola widget di area widget tema.
d. Menu: Membuat dan mengelola menu navigasi situs.

7.Menu:
a. Menu: Membuat dan mengelola menu navigasi yang ditampilkan di situs.
b. Lokasi Menu: Menentukan di mana menu tersebut akan ditampilkan di tema.

03.
 Part 6
Anatomi Website
Header
Bagian Header pada sebuah website adalah seperti puncak dari sebuah halaman. Ini sering kali
berisi elemen-elemen seperti logo situs, menu navigasi utama, dan mungkin juga tombol
pencarian. Header memberikan kesan pertama kepada pengunjung dan membantu mereka
menjelajahi situs dengan mudah.

03.
Body
Bagian Body adalah area utama di tengah halaman
website yang berisi konten utama. Inilah tempat di
mana informasi utama atau pesan dari situs
disajikan. Pada bagian ini, Kalian akan menemukan
teks, gambar, video, dan elemen-elemen lain yang
membentuk isi dari halaman tersebut.

03.
Sidebar
Sidebar adalah kolom samping yang seringkali
ditemukan di sebelah kiri atau kanan halaman. Ini
bisa berisi widget, tautan ke kategori tertentu,
iklan, atau informasi tambahan yang mendukung
konten di bagian Body. Sidebar dapat membantu
pengunjung untuk menavigasi atau menemukan
konten yang relevan.

03.
Footer
Footer adalah bagian terakhir atau bagian bawah dari halaman website. Ini seringkali berisi tautan-
tautan penting, informasi kontak, hak cipta, dan tautan ke halaman kebijakan privasi atau syarat
dan ketentuan. Footer memberikan kesan terakhir dan sering kali berisi elemen-elemen yang
konsisten di setiap halaman situs.

03.
Pop Up
Pop-up adalah jendela kecil yang muncul di atas halaman utama saat pengunjung membuka situs.
Ini dapat digunakan untuk menarik perhatian pengunjung terhadap promo, pendaftaran, atau
pesan penting lainnya.

03.
 Part 7
Pemasangan Tema pada Website
Cara Instal Tema di WordPress
Login ke dashboard wordpress melalui namadomain/wp-admin
Klik menu Appearance > Themes.
Setelah itu, klik tombol “Add new”

03.
Cara Instal Tema di WordPress
Bagi yang belum memiliki theme, anda bisa memilih salah satu theme yang telah tersedia di halaman add new
tersebut. Klik tombol install untuk melakukan instalasi theme yang akan digunakan.

03.
Cara Instal Tema di WordPress
Bagi anda yang sudah memiliki theme sendiri, anda bisa klik menu “Upload themes” lalu pilih file theme .zip yang
telah anda miliki, lalu klik tombol “install now”.

03.
 Part 8
Install & Setup plugin pendukung
tampilan
Elementor
Elementor adalah salah pembuat halaman atau page builder plugin
bentuk visual dari WordPress yang bisa di dapat secara gratis.
Elementor ini memungkinkan penggunanya membuat situs web
WordPress mereka menjadi menarik serta indah namun dengan cara
mudah juga cepat. Penggunanya tidak lagi harus mempelajari dan
memahami bahasa pemograman lagi.

03.
Yang Bisa Dilakukan Menggunakan Elementor
─
Landing pages halaman khusus untuk mengajak pengunjung agar melakukan
aksi tertentu. Entah itu dengan mengisi formulir, subscribe website, ataupun
melakukan transaksi untuk produk atau layanan.
─
Opt-in forms formulir khusus yang disediakan untuk pengunjung. Dengan
mengisi nama dan alamat email, pengunjung bisa mendapatkan akses konten
premium atau langganan website. kalian bisa letakkan opt-in forms di mana saja
kalian mau: sidebars, header, footer, atau di konten itu sendiri.
─
Widget berbagai elemen tambahan untuk melengkapi fungsi halaman. Semisal,
login form, rekomendasi konten sejenis, peta, dan sebagainya. Baca juga
rekomendasi widget terbaik untuk website WordPress.

03.
Yang Bisa Dilakukan Menggunakan Elementor
─
Pop-up pesan atau iklan promosi yang muncul secara tiba-tiba ketika
membuka website.
─
Custom header and footer elemen yang berisi identitas dan informasi spesifik
seputar website. Terletak di bagian atas web (header) dan paling bawah (footer).
─
Custom post types pada dasarnya merupakan halaman konten biasa. Dengan
Elementor, halaman konten tersebut bisa disesuaikan tampilannya menurut
keinginan.
─
Global widgets widget yang bisa didesain sekali dan digunakan pada bagian-
bagian web sekaligus.

03.
Cara Menginstal Elementor
Klik Tambah Plugin
Cari Elementor pada kolom pencarian
Klik Install Sekarang
Klik Aktifkan

03.
 Part 9
Install & Setup Plugin Pendukung
Keamanan
Apa itu WordFence
Wordfence Security adalah plugin yang mampu mencegah berbagai
risiko yang muncul dari serangan malware. Mulai dari pencurian
informasi login, error pada kode template, hingga masalah pada
instalasi WordPress.

03.
Cara pasang wordfence
Klik Tambahkan Plugin Baru
Cari WordFence Security
Klik Install
Klik Aktifkan

03.
Setup WordFence Security
Klik Get Your WordFence License
Pilih Free dan masukan email

03.
Setup WordFence Security
Check Email dan masukan license
key dibagian berikut

03.
Setup WordFence Security
Check Email dan masukan license
key dibagian berikut
Dan setelah itu WordFence sudah
aktif dan siap menjaga keamanan
website Anda.

03.
 Part 10
Install & Setup plugin pendukung
Kecepatan
WP Super Cache
WP Super Cache adalah sebuah plugin pada WordPress yang dirancang untuk
meningkatkan kinerja dan kecepatan akses ke website. Plugin ini digunakan untuk
menghasilkan halaman statis dari situs web WordPress Anda dan menyimpannya
di server web, sehingga mengurangi beban pada server dan mengurangi waktu
pemuatan halaman.

Plugin WP Super Cache bekerja dengan cara melakukan caching atau membuat
cache, yaitu dengan menyimpan salinan halaman yang telah dihasilkan
sebelumnya dan memberikannya kepada pengunjung berikutnya tanpa perlu
memproses ulang halaman secara dinamis.

03.
Cara Kerja Cache
Jika dianalogikan pada ilustrasi penjual
ayam itu intinya optimasi menggunakan
cache adalah kita sebagai penjual sudah
menyiapkan terlebih dahulu apa yang
akan dipesan oleh pembeli. Sehingga
ketika ada pembeli datang dan memesan
ayam nya

03.
Memasang plugin WP Super Cache
Login ke dashboard admin
wordpress kamu melalui
namadomain/wp-admin.
Pada menu sebelah kiri, pilih
Plugin > Add New.
Pada menu pencarian,
ketikkan WP Super Cache
kemudian tekan tombol
Enter.

03.
Pengaturan WP Super Cache
Ikuti konfigurasi pada
screenshoot berikut

03.
Pengaturan WP Super Cache
Ikuti konfigurasi pada
screenshoot berikut

03.
 Part 11
Install & setup plugin pendukung
email
Plugin SMTP2GO
Plugin ini merupakan plugin yang akan membantu kita
menjadikan email domain yang sudah kita buat pada
cPanel menjadi email website.
Cara kerjanya adalah menghubungkan email domain
kedalam website supaya website dapat mengirimkan
email kepada orang lain melalui email domain

03.
Install Plugin SMTP2GO
Lakukan pendaftaran pada website
SMTP2GO
Klik Sign Up isi formulir pendaftaran dan klik
daftar

03.
Install Plugin SMTP2GO
Setelah masuk kedalam SMTP2GO
Klik Verified Sedners
Klik Add Singel Sender Email
Kemudian masukan email domain
yang ingin dijadikan sebagai email
website
Check inbox email domainnya
kemudian klik verifikasi
Kunjungi menu API Keys dan salin
API Keys yang muncul

03.
Install Plugin SMTP2GO
Setelah selesai proses
pendaftaran pada platform
smtp2go
Sekarang kembali ke wordpress
dan lakukan install plugin smtp2go
Setelah plugin terinstal lakukan
pengaturan berikut
Masukan API Key
Masukan email domain yang
sudah didaftarkan tadi

03.
Install Plugin SMTP2GO
Setelah selesai mengatur emaIl
website
Anda bisa melakukan testing
seperti pada screenshoot berikut
Masukan email yang akan di uji
coba untuk dikirim email website
Kemudian klik send test email

03.
 Part 12

Mendaftar Payment Gateway

Payment Gateway
Payment gateway adalah teknologi yang berfungsi untuk meneruskan
otorisasi dalam pemrosesan transaksi antara pedagang (merchant)
dengan bank sehingga pelanggan bisa membayar menggunakan kartu
kredit, debit, atau pembayaran digital lainnya. Tanpa payment gateway,
pelanggan harus melakukan transfer melalui bank atau layanan
pembayaran online lainnya secara manual.

03.
Ilustrasi Payment Gateway
Dari ilustrasi tersebut bisa
disimpulkan payment gateway
adalah platform yang menampung
dana pembeli sebelum diteruskan ke
penjual, sebenarnya istilah ini sering
disebut sebagai rekber alias rekening
bersama dalam dunia jual beli online.

Dengan payment gateway pembeli

juga akan disediakan banyak pilihan
metode pembayaran seperti dana,
ovo shopeepay atau transfer bank
seperti mandiri, bca dan sebagainya. 03.
Daftar Payment Gateway
Akses platform payment gateway
duitku
Klik daftar
Isi formulir pendaftaran
Masukan kode OTP yang dikirimkan
Setelah itu klik login untuk masuk ke
akun yang sudah didaftarkan.

03.
Daftar Payment Gateway
Dan setelah login maka tampilan
pertama akan seperti ini
Untuk melakukan uji coba bisa pilih
pada pojok kiri atas untuk memilih
mode “sandbox”

03.
Terimakasih