Anda di halaman 1dari 98

Dalam Ebook ini dibahas bagaimana step – step

membuat website dari mulai penginstalan web


secara offline hingga proses upload di hosting,
engine website menggunakan wordpress, versi
wordpress yang digunakan adalah cms bukan
blog.
PENGATAR DARI PENULIS
Perkembangan teknologi informasi dan komunikasi
khususnya internet membuat sebuah media baru yang
sering kita kenal dengan website,banyak perusahaan
yang mulai beralih melakukan promosi dengan
menggunakan website, melihat peluang ini banyak
sekali orang yang membutuhkan kemampuan untuk
dapat membuat website, saat ini orang yang ingin
membuat website sangat dimudahkan sekali dengan
adanya beberapa tools yang sangat mudah digunakan,
bahkan membuat website bisa dilakukan tanpa harus
melakukan coding sama sekali.

Ebook ini adalah rangkuman dari tutorial yang telah


saya tulis di web saya warungbelajar.com, berisi step –
step proses pembuatan website dari proses awal
hingga bagaimana website bisa online di internet,
ebook ini juga saya sertai dengan video tutorial di setiap
akhir bab.

Saya berharap ebook basic ini dapat membantu teman


– teman yang ingin belajar membuat website, Penulis
sadar banyak sekali ketidaksempurnaan yang muncul
dari ebook wordpress ini, oleh karena itu mohon kritik
dan sarannya dikirimkan ke email dari penulis.

Jika anda ingin belajar lebih lanjut mengenai proses


pembuatan website dengan menggunakan “CMS
Wordpress” saya juga menyediakan produk tutorial dari
warungbelajar yang bisa membantu anda dalam proses
belajar lebih lanjut, kami juga menyediakan paket
kursus offline ataupun online, jika anda berminat bisa
menghubungi penulis.

1|Wa rungbel ajar.com


Lisensi
Seluruh isi dalam dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan
secara bebas untuk tujuan pendidikan, pembelajaran dan bukan komersial (non profit),
dengan syarat tidak menghilangkan, menghapus atau mengubah atribut penulis
dokumen ini dan pernyataan dalam lisensi dokumen yang disertakan di setiap
dokumen. Tidak diperbolehkan melakukan penulisan ulang atau mengkomersialkan
buku ini kecuali mendapatkan ijin terlebih dahulu dari penulis.

2|Wa rungbel ajar.com


Daftar Isi

Bab 1 Perbedaan Wordpress.Com Dan Wordpress.Org .......................................... 4


Bab 2 Cara Menginstall Xampp ................................................................................... 8
Bab 3 Cara Menginstall Wordpress Secara Offline ................................................. 16
Bab 4 Cara Membuat Post Wordpress ..................................................................... 26

Bab 5 Cara membuat page di wordpress ................................................................. 34


Bab 6 Cara Membuat Menu di Wordpress ................................................................ 39

Bab 7 Cara Install Theme di wordpress ................................................................... 47


Bab 8 Cara Install Plugin di Wordpress ................................................................... 57

Bab 9 Cara upload website Bagian 1 ........................................................................ 67


Bab 10 Cara upload website Bagian 2 ...................................................................... 90

3|Wa rungbel ajar.com


PERBEDAAN WORDPRESS.COM DAN
WORDPRESS.ORG
Pada tutorial wordpress bagian
pertama kita akan membahas
mengenai perbedaan dari
wordpress.com dan wordpress.org,
Mungkin beberapa dari anda sudah
pernah mengenal istilah wordpress,
atau mungkin baru pertama ini
mendengar istilah wordpress. Jadi
sederhananya wordpress itu adalah sebuah tools (alat) yang bisa digunakan untuk
membuat sebuah website dengan mudah, hanya bermodalkan klik – klikan saja, udah
jadi websitenya udah gitu aja.

Nah buat temen temen yang sudah pernah dengar istilah wordpress pasti banyak
bertanya :

 “wordpres itu yang biasanya digunakan untuk ngeblog kan, nanti alamatnya
belakangannya berakhiran .wordpress.com”

 “terus kalau semisal aku pingin langsung .com bisa gak ?”

 “kalau buat website hanya dari wordpress biasa aja donk, kan Cuma bikin blog
saja, apa bisa dijadikan website professional”

 “kenapa banyak orang mengatakan bikin website pakai wordpress aja, kan
setahuku wordpress itu Cuma blog biasa”

Dan masih banyak lagi pertanyaan – pertanyaan lain.

Saya pribadi dulu juga beranggapan seperti itu.. ada orang mengatakan buat company
profile perusahaan, bikin toko online hanya dengan menggunakan wordpress, padahal
wordpress kan itu Cuma blog biasa apakah bisa tuh ?

Ternyata wordpress itu keren pakai banget hehe, percayalah… :D, saat ini wordpress
adalah cms(content management system) terpopuler di dunia, banyak sekali website –
website professional diluar sana yang pakai wordpress sebagai platform website
mereka.

Bentar bentar yang belum tahu istilah cms (content management system) itu
mempunyai fungsi untuk management content (isi dalam website) dengan mudah,
sederhananya anda dapat membuat website dengan sangaat mudah dengan
bermodalkan klik klik saja.

4|Wa rungbel ajar.com


Meskipun cms wordpress menjadi cms yang paling popular saat ini masih banyak yang
belum tahu wordpress itu punya 2 versi lho yaitu sebagai berikut :

1. WordPress dengan versi blog (wordpress.com)


2. WordPress dengan versi cms (wordpress.org)

Lalu apa perbedaan dari wordpress.com dan wordpress.org, disini akan saya
jabarkan beberapa perbedaan dari wordpress.com dan wordpress.org, penjelaskannya
kurang lebih seperti ini :

1. wordpress.com dan wordpress.org sama sama bisa anda gunakan secara


gratis, untuk wordpress dengan versi blog bisa anda gunakan secara instan
dengan hanya mendaftar di wordpress.com dan bermodalkan email, anda akan
memiliki website dengan alamat berakhiran subdomain .wordpress.com, nah
anda bisa melakukan perubahan dari alamat websitenya menjadi domain utama,
contohnya jika alamat sebelumnya adalah belajarwebsite.wordpress.com dapat
anda rubah menjadi belajarwebsite.com hanya saja anda perlu upgrade ke fitur
berbayar, untuk mendapatkan fitur ini.
2. Jika menggunakan wordpress.org anda harus memiliki hosting dan domain
sendiri jadi tidak ikut di hosting dari wordpress, anda bisa menentukan sendiri
domain yang anda inginkan
3. Perbedaan selanjutnya adalah penempatan file websitenya, jika menggunakan
wordpress.com kita harus menyimpan file websitenya di hosting dari pihak
wordpress (hosting adalah tempat penyimpanan websitenya), nah kalau
menggunakan wordpress.org kita dapat memilih hosting tempat menyimpan file
website. Hal tersebut berpengaruh pada access control dari websitenya, seperti
dalam gambar ilustrasi diatas jika kita menggunakan wordpress.com kita
dibatasi dalam hal custom plugin(penambahan fitur website), custom theme
(tampilan website), dan ftp access (pengaksesan direktori web server secara
lagnsung), tetapi dengan menggunakan wordpress.org anda diberikan akses
control penuh dari websitenya sehingga anda bisa melakukan custom
design/theme, plugin, content, monetization, dan performa website.

4. Dalam Hal maintenance website jika menggunakan wordpress.com proses


maintenance akan di lakukan oleh pihak wordpress, tetapi jika menggunakan
wordpress.org proses maintenance akan dilakukan oleh anda selaku admin
website, ataupun admin hosting.

5. Kalau dilihat dari biaya dalam menggunakan 2 versi wordpress ini perbedaannya
sebagai berikut :
a. Untuk Hosting
 WordPress.com memberikan biaya gratis untuk blog yang free
(fitur standart) dengan subdomain (.wordpress.com) tapi jika anda
ingin upgrade ke fitur premium, untuk menghilangkan subdomain
(worpress.com) menjadi domain utama, semisal website anda itu
alamatnya belajarwebsite.wordpress.com nah anda bisa
mengganti menjadi belajarwebsite.com hanya saja anda akan
5|Wa rungbel ajar.com
dikenakan biaya untuk upgrade yang harus dibayar kan ke
wordpress.
 WordPress.org anda harus membayar paket hosting dan domain
untuk menginstall dari cms wordpress, memang cmsnya gratis, tapi
untuk media penyimpanan file websitenya(hosting), dan
pengalamatan dari websitenya (domain) anda harus
membayarnya, hanya saja untuk biayanya tergantung anda ingin
sewa hosting dan domain dimana.Banyak sekali jasa penyedia
hosting dan domain yang bisa anda temui di google, anda bisa
ketikkan “jasa penyedia hosting dan domain”, anda bisa
menyesuaikan biaya sewanya, karena setiap perusahaan
penyedia hosting dan domain biasanya berbeda – beda dalam
menentukan harga sewa hosting dan domainnya.
b. Storage atau biaya disebut disk space, buat teman – teman yang belum
mengerti mengenai istilah ini, storage adalah media penyimpan dari file
websitenya, istilah storage biasanya berhubungan dengan ukuran dari
tempat penyimpanan websitenya, jadi sederhananya semakin besar
storagenya semakin banyak pula file website yang bisa disimpan. Jika
menggunakan wordpress.com anda akan dibatasi oleh paket – paket
storage yang disediakan oleh wordpress, berbeda halnya jika
menggunakan wordpress.org besar storage anda bisa disesuaikan
dengan hosting yang anda gunakan.
c. Namanya barang gratisan, pasti ada iklannya, biasanya sih gitu , jika
anda menggunakan wordpress.com biasanya akan muncul iklan, nah jika
anda ingin menghilangkan iklannya anda harus membayar juga di
wordpress, berbeda dengan wordpress.org anda tidak perlu membayar
ke wordpress untuk menghilangkan iklannya, karena wordpress.org
memang di desain untuk tidak menampilkan iklan di dalam websitenya.

6. Jika anda menggunakan wordpress.com anda harus membuat websitenya


langsung secara online, tetapi jika menggunakan wordpress.org anda bisa
membuat websitenya secara offline, dan ketika sudah selesai anda bisa
menguploadnya ke dalam hosting.

Nah itu kurang lebih beberapa perbedaan dari wordpress.com dan wordpress.org anda
bisa menyesuaikan website anda akan menggunakan versi wordpress yang mana.
Intinya jika menggunakan wordpress.com bisa lebih instan hanya saja untuk upgrade
ada biaya tambahan dan fiturnya kurang lengkap, tapi kalau wordpress.org tetap ada
biaya untuk sewa hosting dan domain, hanya saja fiturnya lebih lengkap karena access
control hostingnya ada di tangan anda, jadi silahkan dipilih sesuai kebutuhan.

6|Wa rungbel ajar.com


Nah itu adalah perbedaan dari wordpress.com dan wordpress.org, lalu anda akan
menggunakan yang mana ? saya rasa anda lebih tahu apa kebutuhan website anda
dan bisa memilih dari wordpress yang mana, apakah yang blog atau yang cms, untuk
melihat video tutorial penjelasan saya mengenai wordpress, anda bisa melihat video
saya di youtube.

7|Wa rungbel ajar.com


Cara Menginstall Xampp
Dalam tutorial ini warung belajar akan
membahas mengenai tutorial wordpress
yang kedua yaitu cara install xampp di
windows , sebelum kita bahas di bagian inti
kita akan belajar dulu sebenarnya apa sih
fungsi dari aplikasi xampp ini.

Ukey jadi begini kawan – kawan. Untuk


membuat sebuah website agar dapat
online di internet dan bisa diakses secara online semisal nih seperti
www.facebook.com ataupun www.twitter.com nah kan kita tinggal ketikkan di internet
dan akan muncul webnya kan. Di balik itu semua ada sebuah proses pemanggilan data
di hosting dari domain yang anda ketikkan. Ilustrasinya seperti ini :

Ketika pengunjung itu


mengakses web
www.warungbelajar.com
maka browser anda
sebetulnya adalah
mengakses hosting (server)
yang beralamatkan di
domain yang anda ketikkan
www.warungbelajar.com dan
hosting (server) itu akan
memberikan jawaban dan
menampilkan data web
www.warungbelajar.com ke
dalam browser anda.

Nah rumit ya prosesnya jadi


bisa kita simpulkan bahwa
sebuah website itu
membutuhkan hosting dan domain untuk bisa online di internet, agar bisa diakses
semua orang yang terkoneksi dengan internet.

Lalu apa hubungannya dengan xampp, dalam xampp itu ada beberapa fitur yang bisa
menggantikan fungsi dari hosting dan juga domain jadi dengan menginstall xampp ini
anda dapat membuat website tanpa harus membeli hosting dan domain terlebih
dahulu, jadi bisa membuat websitenya secara offline dulu dengan menggunakan fitur
xampp baru setelah jadi bisa di upload di internet.

Gimana teman teman apakah sudah paham. Jadi dalam xampp itu adalah beberapa
fitur :

1. Apache sebagai webserver


2. Mysql sebagai database server

8|Wa rungbel ajar.com


Proses Instalasi Xampp

Langsung saja kita masuk ke dalam inti dari tutorial, beberapa langkah – langkah dari
proses install xampp di windows antara lain berikut ini :

Anda bisa mendownload terlebih dahulu installer dari xampp di situs resmi xampp di
link ini Nah dalam tutorial ini saya akan membahas cara menginstall xampp di versi
5.5.19

Setelah anda mendapat installernya anda bisa klik 2 kali pada install untuk
memulai proses instalasinya.

Maka akan muncul tampilan seperti ini.

Lalu silahkan klik Yes

Maka akan masuk kedalam step selanjutnya.

9|Wa rungbel ajar.com


lalu akan muncul tampilan dari proses installasinya langsung saja ikuti langkah –
langkahnya.

Lalu silahkan klik next untuk lanjut ke proses selanjutnya.

Pada bagian komponen silahkan di pilih semua service seperti gambar diatas, lalu
silahkan klik next.

10 | W a r u n g b e l a j a r . c o m
Pada bagian ini anda diharuskan memilih folder yang nanti akan menjadi tempat hasil
instalasi dari xampp, secara default yang terpilih adalah di bagian c:\xampp, dalam
contoh ini saya biarkan default dan saya klik next.

Lalu silahkan klik next

11 | W a r u n g b e l a j a r . c o m
Setelah itu klik next lagi ya kawan.

Lalu tunggu proses dari instalasinya, hingga proses selesai.

Jika proses instalasi berhasil maka akan menampilkan tampilan seperti berikut ini.
Pastikan bagian “Do You want to start the control panel now” di centang ya, lalu anda
bisa klik Finish.

12 | W a r u n g b e l a j a r . c o m
Menguji Hasil Instalasi Xampp

Setelah anda berhasil menginstall dari xampp nanti akan tampil sebuah control panel
seperti gambar di bawah ini. Lalu silahkan klik tombol start pada bagian service
“Apache” dan “Mysql”.

Maka hasilnya akan seperti berikut ini :

Jika sudah seperti gambar diatas maka service dari apache dan mysql sudah berhasil
running.

Lalu kita akan mencoba untuk melakukan testing apakah servicenya sudah berhasil
berjalan dengan baik, yang pertama kita coba untuk melakukan testing di bagian
apache, anda bisa mengetikkan “localhost” pada browser anda

13 | W a r u n g b e l a j a r . c o m
Lalu berikutnya kita akan testing bagian service dari mysql, anda bisa mengetikkan
“localhost/phpmyadmin”

Nah maka akan tampil tampilan seperti diatas, jadi instalasi dari xampp sudah berhasil,
baik itu service dari apache ataupun mysql.

14 | W a r u n g b e l a j a r . c o m
Sekian dulu untuk tutorial wordpress bagian kedua mengenai cara install xampp di
windows, dalam pembahasan tutorial selanjutnya kita akan membahas mengenai cara
menginstall wordpress di xampp secara offline, untuk melihat video tutorial di bab ini
bisa cek video saya disini

15 | W a r u n g b e l a j a r . c o m
Cara Menginstall Wordpress Secara
Offline
Dalam kesempatan ini masih
membahas mengenai seri
tutorial wordpress, dalam
tutorial ketiga ini kita akan
membahas mengenai cara
menginstall wordpress
secara offline didalam
webserver, jadi seperti yang
telah di jelaskan di artikel
sebelumnya kelebihan dari
wordpress yang versi cms
adalah dapat diinstall secara
offline didalam webserver
yang telah kita persiapkan di tutorial cara menginstall xampp, jadi ilustrasinya nanti kita
buat websitenya secara offline terlebih dahulu, lalu setelah website selesai bisa kita
upload ke dalam hosting agar dapat diakses melalui internet.

Mempersiapkan Installer wordpress

Langsung saja ya kawan kita akan memulai untuk membahas cara menginstall
wordpress secara offline, adapun beberapa hal yang perlu kita persiapkan adalah
installer dari wordpress, untuk install wordpress dapat anda dapatkan di situs resmi
wordpress yaitu wordpress.org dan di sana terdapat tombol untuk mendownload
installer wordpress terbaru.

Pada saat saya membuat tutorial ini versi wordpress adalah wordpress 4.1.1, silahkan
anda klik tombol Download WordPresss 4.1.1

16 | W a r u n g b e l a j a r . c o m
Lalu pilih simpan berkas lalu klik Oke, dan tunggu proses download dari installer
wordpress.

Persiapan Instalasi Membuat Folder di Web Server

Setelah anda selesai mendownload dari installer wordpress, langkah selanjutnya


adalah anda harus meletakkan installer wordpress ke dalam web direktori, silahkan
masuk ke dalam folder “htdocs” di direktori penginstalan dari xampp, dalam contoh ini
direktorinya saya biarkan default sehingga saya menuju ke dalam direktori
C:/Xampp/htdocs

Setelah itu anda bisa klik “Extract Here” pada installer wordpress, tetapi sebelumnya
pastikan bahwa anda sudah menginstall dari aplikasi winrar.

17 | W a r u n g b e l a j a r . c o m
Maka akan terbuat sebuah folder dengan nama wordpress

Lalu silahkan anda dapat melakukan rename dari folder tersebut, dalam contoh ini saya
rename dengan nama “belajarwebsite”.

Terlihat untuk folder telah kita persiapkan, kita akan melanjutkan ke proses selanjutnya
di bagian mempersiapkan database.

Mempersiapkan database untuk website

Setelah pada step sebelumnya kita sudah mempersiapkan dari folder dari website,
maka step selanjutnya adalah kita bisa mempersiapkan database yang nanti digunakan
untuk menyimpan data dari website, silahkan anda masuk ke dalam browser anda, lalu
silahkan anda ketikkan localhost/phpmyadmin

18 | W a r u n g b e l a j a r . c o m
Maka anda akan masuk kedalam phpmyadmin, di menu ini anda dapat membuat
database.

silahkan anda klik pada menu “Basis data” untuk membuat database baru.

Dan silahkan buat pada bagian form buat basis data, dalam contoh ini saya membuat
dengan nama “belajar_website_db” setelah itu anda bisa klik tombol “Buat”.

19 | W a r u n g b e l a j a r . c o m
Pastikan databasenya telah terbuat seperti gambar di samping.

20 | W a r u n g b e l a j a r . c o m
Proses Instalasi WordPress

Nah setelah kita mempersiapkan dari folder, dan juga mempersiapkan databasenya,
langkah selanjutnya adalah proses instalasi wordpress, langkah awalnya silahkan anda
buka browser anda, lalu silahkan ketikkan localhost/nama folder di htdocs, dalam
contoh ini karena untuk foldernya adalah belajarwebsite, sehingga untuk
menginstallnya saya harus menuliskan localhost/belajarwebsite

Jadi bisa anda sesuaikan dengan nama folder yang anda buat, lalu silahkan tekan
enter.

Lalu akan tampil, menu untuk memilih bahasa, silahkan pilih bahasa dan klik continue.

Maka akan tampil menu seperti ini, langsung saja klik Let’s go !

21 | W a r u n g b e l a j a r . c o m
Pada step ini akan tampil pengaturan dari database yang nanti akan digunakan untuk
menyimpan data dari web wordpress anda, keterangan adalah sebagai berikut :

o Database Name : isi dengan nama database yang sebelumnya anda buat di
localhost/phpmyadmin dalam hal ini belajarweb.
o User name : adalah user dari database defaultnya root
o Password : adalah password dari database jika anda menggunakan
xampp dikosongi saja
o Database hostnya : karena menggunakan yang offline maka diisikan localhost
o Table prefix : biarkan default saja,digunakan untuk awalan dari tabel di
database.

Setelah terisi, silahkan klik submit.

Lalu di step selanjutnya, langsung saja klik tombol “Run the Install”.

22 | W a r u n g b e l a j a r . c o m
Di step ini anda harus mengisikan informasi dari website anda, keterangannya seperti
berikut ini :

o Site tittle : isi dengan nama web anda (terserah)


o User name : isikan dengan user name yang digunakan untuk masuk kedalam
halaman administrator
o Password : isikan dan password yang digunakan untuk masuk kedalam
halaman administrator
o Your email : masukkan email anda
o Privacy : pastikan tercentang agar search engine seperti google dapat
mengindex website anda.

Lalu tekan Install wordpress.

Dan jika proses instalasi telah berhasil maka yang tampil adalah gambar seperti di
atas.

23 | W a r u n g b e l a j a r . c o m
Login ke dashboard

Setelah anda berhasil menginstall dari wordpress, maka anda harus masuk kedalam
halaman dashboard ( dashboard adalah halaman control panel dari website ) untuk
masuk ke dalam halaman dashboard anda bisa mengetikkan seperti berikut ini :
localhost/nama folder website/wp-admin jadi karena folder websitenya adalah
belajarwebsite maka untuk masuk ke dalam dashboard adalah
localhost/belajarwebsite/wp-admin

Lalu silahkan masukkan username dan passwordnya dan silahkan klik tombol Login.

Jika username dan password benar maka anda akan masuk ke dalam menu
dashboard, di dalam menu ini anda akan dapat melakukan management websitenya.

Untuk melihat hasil websitenya anda bisa arahkan kursor mouse ke pojok kiri atas, lalu
klik view site.

24 | W a r u n g b e l a j a r . c o m
Maka anda dapat melihat website anda.

Itu adalah tampilan dari websitenya, masih kosong ya karena masih baru hehe, untuk
mengakses websitenya anda juga dapat mengetikkan localhost/belajarwebsite
disesuaikan dengan nama folder.

Ya kurang lebih seperti itu cara menginstall wordpress secara offline, cukup mudah
bukan, dan cara di atas tersebut tidak menggunakan koneksi internet, sehingga anda
dapat lebih cepat dalam pembuatan website tidak menunggu koneksi internet, sekian
dulu ya tutorial ini akan saya sambung lagi di tutorial selanjutnya mengenai pembuatan
post dalam di dalam wordpress, untuk melihat tutorial saya di bagian cara menginstall
cms wordpress.

25 | W a r u n g b e l a j a r . c o m
Cara Membuat Post Wordpress
Hai sahabat warung belajar, dalam artikel
ini masih meneruskan mengenai tutorial
wordpress bagian ke 4 yaitu mengenai
cara membuat post di wordpress, seperti
yang anda ketahui bahwa sebuah website
di katakan popular karena memiliki content
yang berkualitas, nah salah satu cara
membuat content dalam website
wordpress adalah dengan membuat post di
dalamnya.

Jika anda melihat website portal berita yang besar seperti detik kompas dll , di website
tersebut akan banyak sekali berita – berita ataupun artikel, nah itulah fungsi dari post,
post berfungsi sebagai membuat content yang isinya sering di update seperti artikel
ataupun berita terbaru, di wordpress sendiri memiliki beberapa fitur untuk menampilkan
content bukan hanya post saja tetapi juga ada page, untuk mengetahui perbedaan dari
post dan page anda bisa membaca artikel saya sebelumnya mengenai perbedaan dari
post dan page di dalam wordpress.

Cara Membuat Post di wordpress

untuk membuat post di wordpress pastikan anda sudah masuk ke dalam dasbor, jika
belum silahkan anda masukkan alamatwebsite/wp-admin dalam contoh ini adalah
localhost/belajarwebsite/wp-admin, lalu silahkan masukkan username dan
passwordnya, lalu silahkan klik Login.

Maka anda akan masuk kedalam halaman dashboard, lalu silahkan anda arahkan
kursor mouse anda ke bagian Post –> All Post

26 | W a r u n g b e l a j a r . c o m
Lalu anda akan masuk kedalam bagian daftar dari post yang sebelumnya telah anda
buat

Untuk menambahkan post baru anda bisa klik tombol “Add New”.

Maka akan tampil tampilan seperti gambar di bawah, nah pada bagian ini anda dapat
membuat artikel postnya, di gambar bawah sudah saya buatkan symbol sebagai
keterangan.

27 | W a r u n g b e l a j a r . c o m
Keterangan :

 A : Untuk memberikan judul pada halaman post.


 B : Tombol untuk menambahkan Media(Image,audio,video) pada halaman post.
 C : Untuk menuliskan content pada area post.
 D : Menu untuk bagian publish Post.
 E : Format Post untuk menentukan format pada bagian post
 F : menu digunakan untuk menambahkan kategori pada bagian post
 G : menu digunakan untuk menambahkan tags pada bagian post.
 H : menu digunakan untuk menambahkan featured image untuk bagian post.
28 | W a r u n g b e l a j a r . c o m
Lalu di bagian menu post ini ada 2 pilihan tab yaitu :

Visual : digunakan untuk membuat post secara mudah karena disana


sama seperti Microsoft word anda tidak perlu memikirkan code yang digunakan untuk
membuat post

Text : berbeda dengan tab visual di bagian text ini akan menampilkan
hasil penulisan post dengan format code – code, di bagian tab ini dapat anda gunakan
untuk menuliskan code code html, dan juga css jika memang dibutuhkan di tampilan
website anda.

Nah dalam contoh ini saya membuat post dengan judul “Adobe Photoshop”. Dan isi
dari post yang telah saya tulis juga.

Setelah belajar menuliskan artikel di dalam post, lalu bagaimana cara untuk
menambahkan gambar di dalam post, caranya sebagai berikut :

29 | W a r u n g b e l a j a r . c o m
Anda bisa klik add media untuk menambahkan gambar ke dalam post.

Lalu di bagian tab upload files silahkan klik tombol “Select Files” akan muncul pop up
menu untuk memilih dari gambar yang akan upload.

Setelah anda memilih gambar yang akan diupload silahkan klik tombol open.

Beberapa pengaturan di bagian insert media.

 Alignment : Mengatur posisi dari gambar


 Link To : Mengatur menu apa yang akan diakses ketika gambar di
klik.Pilih custom url (jika anda ingin membuat link ke url lain di bagian image)
 Size : untuk mengatur ukuran dari gambar.

30 | W a r u n g b e l a j a r . c o m
Lalu setelah gambar telah berhasil terupload silakan klik tombol “Insert Into Post”.

Setelah menambahkan gambar ke bagian post, anda bisa menambahkan kategori di


bagian kanan dari menu post.

Dalam contoh ini saya buatkan kategori baru dengan nama “Software” setelah anda
buat kategori klik tombol “Add New Category”.

Jika nanti sudah anda tambahkan kategori maka akan terpilih seperti gambar diatas.

31 | W a r u n g b e l a j a r . c o m
Anda juga bisa memasukkan tags pada post, seperti yang dijelaskan di atas bahwa
tags digunakan untuk mengkategorikan artikel berdasarkan kesamaan dari tags yang
ditulis di masing masing post, untuk penulisan tags yang jumlahnya lebih dari satu
anda bisa memberikan tanda koma “,” setelah selesai anda bisa klik tombol Add.

Setelah post dirasa cukup terisi dan beberapa fitur sudah anda isi seperti kategori,
tags, image, anda bisa menekan tombol “Publish”

Jika proses publish telah selesai maka akan ada keterangan “Post Published” anda
coba klik tombol View Post.

32 | W a r u n g b e l a j a r . c o m
Mudah Bukan membuat post di dalam wordpress

membuat post di dalam wordpress itu mudah ya, anda dapat mengupdate berita berita
terbaru anda di dalam website anda dengan mudah, jangan lupa untuk
mengkategorikan artikel anda agar pengunjung websitenya dapat dengan mudah
menemukan artikel yang diinginkan, dan juga sering sering deh update artikel biar
search engine seperti google cepat mengindex artikel anda, sekian dulu ya
pembahasan mengenai cara membuat post di wordpress, saya juga menyediakan
video tutorial yang bisa anda lihat di bagian bawah dari artikel ini. Semoga membantu
ya kak, sampai jumpa di tutorial selanjutnya, untuk melihat video tutorial pada bab ini,
anda bisa melihat video tutorial di link ini.

33 | W a r u n g b e l a j a r . c o m
Cara membuat page di wordpress

Hai sahabat warung belajar, kembali lagi di seri tutorial wordpress bagian 5, kali ini
akan membahas bagaimana sih cara membuat page di wordpress, tapi sebelumnya
saya akan membahas terlebih dahulu apa sih sebenarnya fitur page itu.

Fitur page adalah fitur bawaan dari wordpress yang digunakan untuk menampilkan
content di dalam wordpress, lalu apa bedanya dengan post yang telah kita bahas
dalam tutorial sebelumnya ? nah untuk perbedaannya bisa anda lihat di tutorial saya
sebelumnya mengenai perbedaan dari post dan page di wordpress, perbedaannya sih
banyak tetapi yang paling terlihat adalah dari jenis content yang ditampilkan.

Post lebih digunakan untuk menampilkan artikel yang sering di update, biasanya terdiri
dari berita terbaru, post juga memiliki kategori, sedangkan untuk page sendiri lebih
digunakan untuk content yang sifatnya statis atau jarang di update, seperti halaman visi
misi perusahaan, profil nah intinya untuk halaman statis yang sifatnya hanya untuk
menampilkan informasi saja.

Cara membuat page di wordpress

Langsung ya kita akan membahas bagaimana cara membuat page ya di wordpress,


disini akan saya jelaskan langkah – langkah pentingnya saja ya, untuk lebih detailnya
nanti saya akan jelaskan di video tutorial yang saya cantumkan di bagian bawah.

Sebelum anda membuat page di wordpress, yang pertama pastinya anda harus login
terlebih dahulu ke bagian dashboard, masuk ke dashboard dengan mengetikkan
localhost/nama folder website dalam contoh ini localhost/belajarwebsite

34 | W a r u n g b e l a j a r . c o m
Lalu silahkan masukkan username dan password dan tekan login.

Setelah anda sudah masuk kedalam dasbor wordpress, lalu silahkan anda arahkan
kursor mouse ke bagian menu page, dan klik all pages.

Nah untuk membuat page baru anda bisa klik add New.

35 | W a r u n g b e l a j a r . c o m
Ini adalah tampilan dari menu page, di dalam bagian ini anda bisa membuat page baru,
dalam contoh ini saya akan membuat page profile untuk website saya, caranya sama
seperti membuat post yang telah kita pelajari dalam tutorial sebelumnya.

Lalu saya akan tambahkan gambar dengan klik add media.

Lalu silahkan pilih gambar yang akan anda upload di bagian page profil, silahkan klik
tab upload files, dan klik tombol select files.

Silahkan pilih gambar yang akan anda upload, dan klik open.

36 | W a r u n g b e l a j a r . c o m
Setelah itu silahkan klik insert into page.

Setelah anda mengatur dari tampilan pagenya, langkah terakhir sama seperti di bagian
post anda bisa klik tombol publish.

37 | W a r u n g b e l a j a r . c o m
Maka silahkan lihat hasilnya di website yang anda buat, nanti akan menghasilkan satu
menu baru dengan nama profil.

Jika anda klik maka akan menampilkan page yang sebelumnya telah anda buat.

Mudah bukan untuk membuat page baru di wordpress, aslinya saya juga akan
menjelaskan mengenai page attributes di dalam wordpress, Cuma tidak saya ketik
semua disini, nanti untuk lebih jelasnya bisa anda lihat video tutorial saya di bawah ya
:D, sekian dulu ya tutorial mengenai cara membuat page di wordpress, sekian dulu
sampai jumpa di seri tutorial selanjutnya.

38 | W a r u n g b e l a j a r . c o m
Cara Membuat Menu di Wordpress
Hai sahabat warungbelajar
bertemu lagi dengan kita,
masih dalam seri tutorial
wordpress, sampai ke
bagian 6 ya, jika
sebelumnya kita telah
belajar mengenai bagaimana cara untuk membuat page di wordpress, nah dalam
tutorial ini kita akan belajar menggabungkan post dan page yang telah kita buat dalam
tutorial sebelumnya menjadi sebuah menu yang nantinya dapat mempermudah
pengunjung website anda dalam mencari content yang diiinginkan, jadi dalam
wordpress sendiri terdapat fitur untuk mengelompokkan link link dari content yang telah
anda buat menjadi sebuah menu, content tersebut dapat dalam bentuk post, page, link,
dan juga kategori dari post.

sebelum anda membuat menu di wordpress, silahkan anda login ke dalam dasboard
dari admin, dan pastikan ada telah memiliki beberapa content baik itu post ataupun
page, sehingga dapat anda gunakan sebagai bahan belajar membuat menu.

Dalam contoh ini saya telah memiliki beberapa post yang telah saya bagi menjadi
beberapa kategori, untuk melihat dari daftar post anda bisa masuk ke dalam menu
Posts –> All Post.

terlihat saya telah memiliki 4 post (tidak termasuk hello world) dan juga saya jadikan 2
kategori berbeda.

Lalu saya juga telah membuat page, bisa anda lihat di bagian page –> all pages untuk
menampilkan semua page yang telah dibuat.

39 | W a r u n g b e l a j a r . c o m
Setelah anda telah memiliki beberapa content, kalau bisa sih terdari dari 3 contoh tadi,
anda punya post yang terdiri dari lebih dari 1 kategori, dan page, langsung saja kita
menuju ke proses membuat menu.

untuk membuat menu silahkan anda arahkan kursor mouse anda ke bagian apperance
–> menu untuk masuk ke dalam bagian fitur pembuatan menu.

maka anda akan di bawa masuk ke dalam fitur menus yang ada pada menu
apperance, tampilannya kurang lebih seperti berikut ini.

40 | W a r u n g b e l a j a r . c o m
untuk membuat menu baru pada wordpress, anda bisa klik tombol “Create a new
menu”.

lalu silahkan isikan nama menu yang diinginkan, dalam contoh ini saya beri nama
“menu utama” lalu silahkan klik tombol Create Menu

maka hasilnya akan seperti ini ada sebuah menu baru dengan nama menu utama,
hasil dari proses pembuatan menu baru.

di bagian sebelah kiri terdapat beberapa tab nah di bagian ini kita akan dapat membuat
menu :

1. Pages : digunakan untuk menambahkan pages pada menu yang anda


buat
2. Links : digunakan untuk menambahkan menu berupa link, biasanya di
bagian ini digunakan untuk membuat menu yang digunakan untuk membuat
custom link, semisal halaman home, lalu link ke website lain.
3. Categories : digunakan untuk menambahkan kategori post di bagian menu
website yang anda buat.

41 | W a r u n g b e l a j a r . c o m
Membuat Menu Home

untuk langkah awal seperti pada website kebanyakan ada menu “Home” nah kita buat
menu itu dulu ya… silahkan klik di bagian tab Links.

setelah anda klik tab links, maka akan terdapat 2 isian yaitu :

1. URL : digunakan untuk memberikan link pada menu yang dibuat


2. Link Text : digunakan untuk memberikan text pada menu yang dibuat

seperti yang telah dijelaskan sebelumnya kita akan membuat menu home, jadi untuk
url ya kita berikan alamat dari website kita yaitu http://localhost/belajarwebsite dan
untuk bagian Link Text silahkan diisi dengan Home setelah itu silahkan anda klik Add to
menu.

maka terlihat terdapat satu menu baru dengan nama Home, dengan keterangan
Custom yang artinya adalah menu ini dibuat dengan menggunakan Custom Link,

Membuat Menu Blog

lalu berikutnya kita akan membuat Menu untuk Blog dimana di dalam menu blog ini
nanti akan kita tambahkan sub menu untuk menampilkan kategori dari post yang telah
di buat.

caranya sama seperti membuat menu home, yaitu anda bisa klik tab Links Lalu
silahkan isikan :

1. URL : http://localhost/belajarwebsite
2. Link Text : Blog

42 | W a r u n g b e l a j a r . c o m
setelah itu silahkan anda klik tombol Add to Menu

Membuat Menu Kategori Post

setelah menambahkan bagian blog, selanjutnya kita akan menambahkan kategori post
yang sebelumnya telah kita buat, menjadi sub menu dari bagian blog.

caranya anda bisa masuk ke dalam tab categories, lalu mencentang kategori yang
akan di tambahkan, dalam contoh ini kita akan menambahkan kategori, Software dan
Sistem Operasi.

setelah anda anda centang kategori yang ingin di tambahkan silahkan klik Add to
Menu, maka menu akan tertambahkan di bagian sebelah kanan, di bawah dari menu
Blog.

43 | W a r u n g b e l a j a r . c o m
setelah kita menambahkan kategori di bagian sub menu dari blog, selanjutnya kita
akan menambahkan menu page “Profil”, caranya hampir sama seperti yang lain. yaitu
dengan masuk ke bagian tab pages, lalu silahkan centang pages yang ingin anda
tambahkan dalam contoh ini saya akan menambahkan bagian page “Profiles”

selanjutnya anda bisa klik Add to Menu.

maka terlihat untuk menu baru dengan nama profil sudah bertambah di bagian menu
structure.

44 | W a r u n g b e l a j a r . c o m
Pengaturan Menu Settings

selanjutnya anda bisa mengatur di bagian menu settings, di bagian ini terdapat
beberapa settingan antara lain :

Auto Add Pages : jika anda mengaktifkan fitur ini maka ketika anda menambahkan
pages baru maka akan otomatis dibuatkan sebuah menu dengan nama yang sama
dengan page yang anda buat.

Theme Locations : di bagian ini akan terdapat beberapa bagian yang dapat anda
centang, jadi masing masing theme atau tampilan website yang anda gunakan memiliki
bagian menu yang berbeda beda, dalam theme yang saya gunakan saat ini memiliki 2
bagian menu yaitu “Primary menu” dan “secondary menu” jadi anda bisa mengaktifkan
menu yang anda buat akan di tampilkan di bagian menu apakah di primary menu
(biasanya ada di atas wordpress) ataupun sidebar menu (biasanya terletak di bagian
samping wordpress)

setelah itu anda bisa klik tombol Save menu jika di rasa settingan sudah cukup.

lalu kita coba akses websitenya.

Membuat Sub Menu pada wordpress

itu adalah hasil dari menu yang telah dibuat, tapi menu yang telah dibuat tersebut
masih belum terdapat sub menu seperti yang telah kita rencanakan yaitu bagian blog
memiliki sub menu “Software” dan “Sistem Operasi”.

cara untuk membuat sub menunya adalah seperti berikut, silahkan anda kembali ke
bagian dashboard, lalu kembali ke menu apperance –> menus.

cara untuk membuat sub menu adalah seperti berikut, di bagian kategori software dan
sistem operasi silahkan anda klik dan geser kearah kanan.

45 | W a r u n g b e l a j a r . c o m
sehingga menghasilkan posisi dari menu seperti berikut ini, setelah itu silahkan klik
tombol “Save Menu”, dan silahkan lihat hasil di websitenya.

tara…. maka sub menu sudah terbuat di sertai pula dengan sub menu, mudah bukan
caranya untuk membuat menu di wordpress.

jadi kurang lebih seperti itu ya gan, bagaimana cara membuat menu untuk
memanagement dari post, page ataupun custom link yang anda buat agar pengunjung
website anda bisa lebih mudah mencari content yang diinginkan, sekian dulu tutorial
mengenai cara membuat menu di wordpress sampai jumpa di tutorial kami yang lain.

46 | W a r u n g b e l a j a r . c o m
Cara Install Theme di wordpress

Hai sahabat warung belajar, bertemu lagi dengan kami warung belajar, kembali
membahas mengenai tutorial komputer, masih di seri tutorial wordpress, gak terasa
sudah sampai bagian ke 7, kami akan membahas mengenai cara install theme di
wordpress, nah tapi sebelum itu, kami mau menanyakan terlebih dahulu apakah teman
– teman sudah mengenal istilah theme ? atau baru mendengar istilah theme ?

nah warung belajar akan menjelaskan terlebih dahulu apa sih theme, theme atau
biasanya kita mengenal dengan istilah template, kalau template pasti sering
mendengar donk. saat ini hampir website yang ada di dunia menggunakan template,
jarang sekali mereka para developer yang membuat website dari 0 hingga bisa online
di internet terkecuali jika memang di butuhkan kebutuhan sistem yang tidak
memungkinkan untuk menggunakan cms seperti wordpress, tetapi jika hanya ingin
membuat company profile, portal berita atau web yang sudah terakomodasi dengan
fitur cms, banyak orang yang memilih menggunakan cms sebagai engine dari website
mereka, karena dari itu hampir semua cms memiliki fitur theme atau sering kita sebut
sebagai template.

nah jika cms wordpress terdapat fitur theme berarti bisa dengan mudah dong
mengganti tampilan websitenya ? ya benar sekali, banyak website yang menggunakan
cms wordpress, tetapi apa yang membedakan ? salah satunya pasti tampilan
websitenya, hal itu dikarenakan adanya fitur theme yang memudahkan administrator
dari website untuk merubah tampilan website dengan engine cms wordpress.

47 | W a r u n g b e l a j a r . c o m
Lalu apakah theme di wordpress bisa kita gunakan secara gratis ?

Jawabannya iya, banyak sekali website yang menyediakan theme secara gratis untuk
cms wordpress, dan dari pihak wordpress sendiri juga menyediakan direktori untuk
mencari theme wordpress yang dapat di download dan di pasang di website wordpress
secara free, untuk direktori tersebut bisa di akses di https://wordpress.org/themes/

Lalu apakah ada theme wordpress yang premium atau perlu membayar jika ingin
menggunakannya ?

ya banyak sekali kawan, diluar sana banyak developer yang membuat theme dengan
tampilan yang wow, tetapi juga harganya tidak murah, ya setara dengan harganya.
anda bisa mengetikkan di google dengan keyword “Premium WordPress Theme”
banyak sekali akan menemukan theme wordpress yang premium, setahu saya web
yang menjual theme wordpress yang premium itu seperti themeforest.net,
woothemes.com, elegantthemes.com.

Cara Install Theme di WordPress

penjelasannya semoga jelas ya kawan, sekarang kita coba untuk menginstall dari
theme wordpress, kita akan menggunakan theme yang sifatnya free, silahkan anda
masuk ke dalam wordpress.org/theme

tampilannya kurang lebih seperti gambar di atas, pada gambar di atas terdapat
beberapa tab pada wordpress theme antara lain :

 Featured : adalah daftar theme pada halaman awal direktori theme wordpress,
biasanya berisi beberapa theme wordpress.
 Popular : adalah daftar dari theme yang saat ini sedang populer di gunakan
developer wordpress.
 Latest : adalah daftar dari theme yang terakhir kali di upload.

48 | W a r u n g b e l a j a r . c o m
 Feature filter : adalah fitur pencarian yang disediakan oleh wordpress untuk
mencari theme yang diinginkan.

dalam contoh ini kita akan menginstall theme yang cukup popular di sediakan oleh
pihak wordpress, silahkan masuk ke dalam tabs popular.

lalu silahkan cari theme dengan nama sparkling.

nah karena ini buat tutorialnya sudah lama, takutnya nanti sparkling sudah tidak dalam
jajaran yang populer hehe saya sertakan linknya ya..
https://wordpress.org/themes/sparkling/

silahkan di klik ya gambar dari theme sparkling. maka nanti akan terbuka bagian
detailnya.

49 | W a r u n g b e l a j a r . c o m
maka akan terlihat detail dari theme sparkling, pada setiap detail dari theme akan ada 2
tombol yaitu :

 Preview : digunakan untuk menampilkan preview dari tampilan website ketika


nanti di pasang theme tersebut.
 Download : digunakan untuk mendownload dari theme tersebut.

dalam contoh ini saya akan download theme ini dan akan saya install di wordpress
saya, langsung saya klik tombol download.

setelah itu silahkan klik tombol Oke untuk mulai mendownload dari theme tersebut.

50 | W a r u n g b e l a j a r . c o m
lalu silahkan tunggu dari proses downloadnya selesai ya kawan, jika selesai nanti
silahkan anda klik icon folder di theme yang telah berhasil terdownload.

maka anda akan menemukan file zip dari installer sparkling wordpress theme di folder
download anda.

ukey bahannya sudah kita dapatkan, langkah selanjutnya kita akan mulai untuk
menginstall dari theme, agar bisa tampilan webnya akan semakin menarik, untuk
langkah awal pastikan anda masuk ke dalam halaman dashboard, lalu silahkan masuk
apperance –> themes.

maka anda akan di bawa ke dalam menu themes, dimana di menu ini anda dapat
melakukan perubahan tampilan web wordpress anda.

51 | W a r u n g b e l a j a r . c o m
untuk mengupload dari theme, caranya silahkan klik tombol Add New.

pada bagian menu add themes, silahkan klik tombol upload theme untuk mengupload
installer dari theme yang telah di download sebelumnya.

lalu akan muncul pop menu untuk proses upload installer dari theme, silahkan cari
installer theme yang akan anda upload

52 | W a r u n g b e l a j a r . c o m
maka akan terpilih installer theme yang akan anda upload, lalu silahkan klik “Install
Now”.

lalu silahkan tunggu proses instalasi dari theme baru di wordpress anda.

jika muncul gambar seperti diatas, berarti proses dari instalasi theme wordpress anda
telah berhasil, untuk mengaktifkan dari theme yang baru saja anda upload, anda bisa
klik tombol Activate.

53 | W a r u n g b e l a j a r . c o m
terlihat untuk theme telah dalam keadaan aktif, silahkan anda akses website anda
dalam contoh ini saya akses melalui alamat http://localhost/belajarwebsite

Mengatur Menu di Theme Baru

nah terlihat webnya sudah berganti tampilan dengan tampilan theme baru yaitu
sparkling, mudah kan eiittss ada yang terlewat, coba perhatikan bagian kanan atas
menunya masih kosong, kok bisa gitu ya ? hal tersebut dikarenakan kita mengganti
theme baru, sehingga settingan menu yang lama perlu di setting ulang. langkah –
langkah untuk mensettingnya hampir sama seperti yang telah di jelaskan di tutorial
sebelumnya mengenai cara membuat menu di wordpress.

Caranya silahkan masuk kembali ke dalam bagian dashboard, lalu silahkan masuk ke
dalam menu apperance –> menus.

54 | W a r u n g b e l a j a r . c o m
setelah masuk ke dalam bagian menus, silahkan masuk ke dalam menu manage
location.

terlihat di sana ada 2 theme location karena theme sparkling yang saat ini kita gunakan
memiliki 2 tempat yang bisa kita beri menu kurang lebih penjelasannya seperti itu :

 primary menu : terletak pada bagian kanan atas. biasanya ada di bawah header
 footer link : terletak pada bagian footer dari website, biasanya ada di bagian
bawah website

dalam contoh ini saya pasang menu utama di kedua theme locationnya. jika dirasa
sudah cukup maka klik tombol “save changes”.

lalu silahkan cek perubahan dari tampilan websitenya.

itu bagian yang primary menu

55 | W a r u n g b e l a j a r . c o m
itu bagian footer link. nah mudah kan ganti theme, wordpress tuh baik banged udah
ngasih gratis, theme gratis pula, tutorial juga banyak di internet ayo segera buat
website mudah kok, saya rasa cukup mudah ya kak untuk tutorial mengenai
bagaimana cara menginstall theme wordpress. sekian dulu tutorial kali ini, sampai
jumpa di tutorial selanjutnya.

56 | W a r u n g b e l a j a r . c o m
Cara Install Plugin di Wordpress
Hai sahabat warung
belajar, bagaimana kabar
anda pasti baik – baik saja
kan ? semoga baik baik
saja ya, dalam tutorial ini
masih membahas pada
seri tutorial wordpress,
sampai di bagian ke 8,
setelah sebelumnya kita
telah membahas
mengenai cara install
theme , nah kali ini kita
akan membahas
mengenai bagaimana cara menginstall plugin di wordpress, apa sih itu plugin ?

plugin adalah tools ataupun alat yang disediakan oleh wordpress yang digunakan untuk
menambahkan fitur pada website yang tidak ada dalam penginstalan default dalam
wordpress standart. jadi semisal anda pernah melihat fitur photo gallery, contanct form,
forum ataupun toko online dan masih banyak sekali fitur fitur yang masih bisa anda
buat dengan menggunakan plugin ini, pokoknya lengkap deh.

lalu bagaimana cara menginstall dari plugin di wordpress ? sulit gak ? apakah berbayar
? atau malah gratis ? nah semua pertanyaan itu akan saya bahas di artikel ini, ukey
kita mulai ya.

Cara download plugin di wordpress

saat ini banyak sekali website website yang memberikan plugin wordpress secara free
ataupunn berbayar. nah kalau anda search di google dengan keyword “plugin
wordpress”.

57 | W a r u n g b e l a j a r . c o m
banyak sekali website – website yang menyediakan plugin secara free ataupun secara
premium, nah dalam tutorial ini kita akan belajar menggunakan plugin yang free,
silahkan anda bisa masuk ke dalam wordpress.org/plugins

Gambar di atas adalah situs resmi wordpress, disana anda bisa menemukan plugin
wordpress yang bisa anda download dan di gunakan secara gratis.. asik kan. sama
seperti tutorial sebelumnya yang membahas mengenai theme, didalam plugin juga
terdapat beberapa tab antara lain :

 Featured : adalah tab defeault yang menampilkan plugin di wordpreess


 Popular : adalah tab yang akan menampilkan plugin wordpress yang
populer
 Favorites : di tab ini anda bisa memberikan rating pada plugin
wordpress yang sukai
 beta testing : di tab ini anda akan menemukan plugin yang masih bersifat
testing
 developer : nah di tab ini bagi anda yang ingin membuat plugin dan di
upload di web ini anda bisa klik tab developer

nah dalam tutorial ini kita akan membahas mengenai bagaimana caranya
menambahkan fitur contact form, langsung saja anda bisa ketikkan “contact form” di
bagian kotak pencarian

lalu silahkan tekan tombol enter, maka akan ditampilkan beberapa plugin yang dapat
digunakan untuk membuat fitur contact form.

58 | W a r u n g b e l a j a r . c o m
nah maka akan ditampilkan beberapa plugin, kita akan menggunakan plugin dengan
nama “contact form to email”.

untuk mendownloadnya silahkan klik dari pluginnya, maka anda akan di bawa ke dalam
menu detail plugin “contact form to email”.

59 | W a r u n g b e l a j a r . c o m
maka akan keluar pop up dari proses download pluginnya, silahkan pilih simpan
berkas, dan klik oke.

ini hasil download plugin contact form.

nah untuk bahan installer plugin sudah selesai kita download dan kita akan mulai untuk
menginstallnya.

Install Plugin

Setelah proses download installer plugin selesai, sekarang kita akan menginstall dari
plugin wordpressnya, untuk langkah awal kita harus login ke dalam dashboard
wordpress, lalu untuk menginstall dari plugin silahkan klik menu plugins –> Add New

60 | W a r u n g b e l a j a r . c o m
lalu silahkan klik tombol “Upload Plugin”.

silahkan tombol telusuri untuk mencari installer dari plugin wordpress yang sebelumnya
telah di download.

lalu silahkan pilih installer plugin wordpress, lalu silahkan klik open.

setelah itu silahkan klik install Now.

61 | W a r u n g b e l a j a r . c o m
maka tunggu hingga proses instalasi plugin selesai lalu silahkan tombol “Activate
Plugin” untuk mengaktifkan plugin wordpress.

terlihat ada plugin “contact form to email” pada daftar dari plugin yang telah terinstall,
menu ini bisa anda akses di dalam menu plugins –> installer plugins.

Setting Plugin

untuk membuat contact form di dalam websitenya. silahkan anda klik menu “contact
form to email”

maka anda akan di bawa ke dalam menu untuk membuat contact form yang akan
ditampilkan di website anda.

62 | W a r u n g b e l a j a r . c o m
terlihat ada 1 contact form dengan nama “Form 1” lalu silahkan klik tombol Settings.

pada bagian “Form processing/email setting” ada bisa mengatur nanti pesan yang
dituliskan oleh pengunjung website anda akan di kirimkan ke email mana,bisa anda
atur di bagian ini

63 | W a r u n g b e l a j a r . c o m
pada bagian form builder anda dapat membuat form yang nantinya akan tampilkan di
bagian contact form.

pada bagian submit button anda biasa mengatur dari tampilan tombol submit pada
contact form.

pada bagian validation settings anda bisa mengatur dari validasi yang ada pada
contact form.

pada bagian Captcha Verification anda bisa mengatur verifikasi isian form dengan
captcha code.

64 | W a r u n g b e l a j a r . c o m
setelah beberapa settingan telah anda atur, setelah itu anda bisa klik tombol “Save
Changes”

nah setelah anda mensetting bagian contact form, langkah selanjutnya adalah anda
bisa membuat page yang nanti bisa di tambahkan contact form, silahkan masuk ke
menu page -> add new.

dalam contohnya disini saya berikan judul “Contact Form”

ketika di klik tombol Insert Contact Form to Email, maka akan bertambah skrip di
bagian page yang anda buat.

nah terlihat ada skrip contact form, dan setelah selesai anda bisa klik tombol “Publish”.

lalu silahkan coba lihat hasil websitenya.

65 | W a r u n g b e l a j a r . c o m
maka akan ada 1 menu baru dengan nama contact form, coba anda klik menu contact
formnya.

nah jadi deh gampang kan cara buat contact form dengan menggunakan plugin contact
form di wordpress.

anda bisa mencoba – coba plugin lain, bisa digunakan untuk membuat fitur lain web
wordpress, caranya hampir sama tinggal cari plugin. install di wordpress dan tinggal
setting.. sekian dulu ya kawan kita telah membahas mengenai cara menginstall plugin
di wordpress sekian dulu ya kawan , sampai jumpa di tutorial selanjutnya.

66 | W a r u n g b e l a j a r . c o m
Cara upload website Bagian 1
Dalam tutorial ini masih membahas
mengenai seri belajar membuat web
dengan wordpress, sampai di tutorial ke 9
disini saya akan membahas mengenai
bagaimana cara mengupload website ke
dalam hosting, sehingga website yang telah
anda buat bisa diakses melalui internet, tutorial ini saya bagi menjadi 2 bagian, untuk
tutorial yang awal ini saya akan membahas mengenai bagaimana cara di penyedia
hosting, serta upload file dan database website.

Oia mungkin untuk teman – teman yang belum mengenal istilah hosting dan domain,
saya akan jelaskan fungsi dari 2 komponen ini, jadi agar sebuah website bisa diakses
melalui internet anda diharuskan mempersiapkan 2 komponen ini, lalu apa itu itu
hosting dan domain.

Hosting

Hosting adalah media penyimpanan online, sederhanya seperti ini, jika di tutorial
tutorial sebelumnya kan kita sudah belajar bagaimana cara untuk membuat website
secara offline, yang artinya hanya komputer kita saja yang dapat mengakses tapi
komputer orang lain tidak bisa, hal itu dikarekanan kita masih menyimpan file – file
websitenya di dalam komputer kita, jadi ya komputer kita saja yang dapat mengakses.

Nah jadi dengan adanya hosting file – file website akan disimpan ke dalam server yang
dapat diakses melalui internet, sehingga orang lain yang terhubung dengan internet
bisa mengakses website yang anda buat, jadi kurang lebih seperti itulah untuk fungsi
dari hosting.

Domain

Setelah paham di bagian hosting, apa sih domain itu ? Domain itu ibaratnya adalah
alamat sebuah rumah, jika hosting bisa kita ibaratkan sebagai sebidang tanah, dan
website itu adalah rumah yang berdiri di sebidang tanah tersebut. Nah setelah rumah
kita bagun, pastinya kita harus memiliki sebuah alamat untuk rumah kita, agar teman
dan saudara kita dapat mengunjungi rumah kita, begitu juga website anda perlu
memiliki alamat, hanya saja alamatnya tidak seperti jl.garuda atau jl.mawar dsb, alamat
disini kita sebut sebagai domain. Yang biasanya kita ketahui untuk mengakses
facebook harus kita ketikkan facebook.com untuk mengakses google maka harus
mengakses google.com

Nah itu adalah penggambaran dari fungsi dari hosting dan domain, lalu apakah hosting
dan domain itu harus membayar ? hosting dan domain itu ada yang gratisan, ada juga
yang berbayar tergantung dimana anda mendaftar. Dalam tutorial ini saya akan
membahas untuk menggunakan idhostinger.com yang merupakan salah satu penyedia
hosting top di Indonesia, dan kerennya lagi mereka memberikan fasilitas untuk

67 | W a r u n g b e l a j a r . c o m
mencoba hosting dan domain mereka secara gratis, dengan hanya bermodalkan email
saja lho.

Beberapa langkah – langkah yang perlu anda lakukan untuk proses dari upload
website, dari mulai daftar hosting, upload file, upload website, dan cara untuk
mengkoneksikan file website dengan database akan saya bahas ditutorial ini, langkah
awal kita akan belajar mendaftar di hosting gratisan dulu.

Daftar Hosting free di idhostinger.com

Langsung saja ya kita mulai tutorialnya, untuk langkah awal, pastikan anda telah
memiliki email, dalam contoh ini saya menggunakan akun email gmail ya karena di
idhostinger itu menyediakan fasilitas untuk masuk dengan akun google.

Silahkan anda akses website idhostinger dengan masuk ke dalam idhostinger.com

Lalu pastikan juga anda telah masuk kedalam akun email anda, dalam contoh ini saya
menggunakan akun gmail

68 | W a r u n g b e l a j a r . c o m
Lalu silahkan anda kembali ke dalam website dari idhostinger, dan klik tombol order
sekarang.

Lalu anda akan masuk kedalam halaman orders, silahkan klik gambar dari logo google
untuk masuk dengan menggunakan akun email anda.

Otomatis anda akan dibawa ke dalam halaman google untuk proses sinkronisasi
dengan akun email anda, langsung saja pilih “Terima”

Jika proses sinkron berhasil maka anda akan di arahkan ke dalam halaman untuk
memilih paket order.

69 | W a r u n g b e l a j a r . c o m
Dalam contoh ini saya memilih gratis dan saya klik Order.

Lalu berikutnya anda harus memilih dari domain yang akan anda gunakan.

Keterangan :

1. Untuk tipe domain saya menggunakan subdomain, karena namanya gratisan


jadi dapatnya Cuma yang subdomain aja hehe.
2. Lalu untuk bagian subdomain silahkan masukkan alamatnya dan pilih akhiran
dari subdomain dalam contoh ini saya menggunakan nama warungbelajar.zz.mu
3. Untuk lokasi server karena kita gratisan maka yang bisa kita pilih Cuma Eropa
aja.
4. Password dan konfirmasi password silahkan anda isi nanti yang digunakan
untuk password untuk setting hosting.

Lalu silahkan klik tombol Lanjutkan.

70 | W a r u n g b e l a j a r . c o m
Anda akan masuk kedalam halaman konfirmasi order, silahkan anda klik checkbox
saya bukan robot. Untuk melakukan konfirmasi untuk captcha code, setelah selesai
silahkan klik tombol Order.

Maka terlihat anda akan masuk kedalam menu daftar akun hosting, anda perhatikan
ada satu domain hasil dari order hosting dan domainnya. Untuk saat ini kebijakan dari
idhostinger untuk proses pendaftaran idhostinger untuk paket hosting gratisan
membutuhkan verifikasi data sekitar 24 jam, karena ini tutorialnya sudah saya buat
cukup lama, sehingga tidak ada proses verifikasi data di akun gratis. Ukey kembali ya
jika status sudah aktif seperti gambar diatas, silahkan anda klik icon “+” untuk
membuka panel management dari hosting.

71 | W a r u n g b e l a j a r . c o m
Nah setelah tampilan bagian dari management hosting silahkan anda klik tombol
Kelola, maka anda akan dibawa masuk kedalam halaman cpanel dari hosting, istilah
cpanel adalah singkatan dari control panel yang merupakan menu untuk mengatur
segala hal dari hosting yang anda gunakan.

Upload File Website ke Hosting

Setelah kita mempelajari bagaimana sih cara untuk membuat akun di idhostinger,
langkah selanjutnya adalah kita akan mengupload file website dengan menggunakan
aplikasi filezilla, langkah – langkahnya adalah sebagai berikut :

Untuk langkah awal proses upload website adalah anda harus dapat mengakses dari
menu ftp (file transfer protocol) silahkan anda klik menu “Akses FTP”.

72 | W a r u n g b e l a j a r . c o m
Maka anda akan melihat informasi mengenai akses ftpnya.

Nah apa sih istilah ftp itu saya akan jelaskan secara sederhana ya. Jadi begini ftp atau
singkatan dari (File Transfer Protocol) Yang artinya dengan menggunakan fasilitas ini
kita bisa mentransfer file website yang sebelumnya ada di komputer anda agar bisa di
copykan di dalam direktori dari hosting, semisal kita menggunakan idhostinger dengan
server di eropa, bagaimana kita bisa memindahkan file di komputer kita ke dalam
hosting yang di eropa, gak mungkin kan kita pakai flashdisk terus ke eropa untuk
dipidahkan di direktori web di hosting pastinya akan diribet, nah kita bisa menggunakan
fasilitas FTP, lalu bagaimana cara menggunakan fasilitas FTP ? kita harus mempunyai
software FTP dalam contoh ini saya menggunakan aplikasi dengan nama File Zilla
(Bukan Godzilla). Cara downloadnya anda bisa buka google ketikkan File Zilla.

Lalu silahkan klik website seperti gambar diatas.

73 | W a r u n g b e l a j a r . c o m
Silahkan download installer dari filezilla

Setelah anda masuk kedalam web dari file zilla, silahkan anda klik tombol Download,
karena saya menggunakan windows 64 bit jadi saya download versi untuk windows 64
bit.

Nah nanti setelah berhasil terdownload, silahkan diinstal ya, tinggal klik next terus deh
terus install gitu aja mudah kok jadi maaf gak tak jelasin disini ya, di dalam tutorial
video sudah terlihat bagaimana proses nginstallnya kok. Tampilan programnya seperti
ini kurang lebih.

Perhatikan untuk bagian yang saya tandai itu adalah settingan yang perlu anda
sesuaikan dengan settingan ftp di idhostinger.

74 | W a r u n g b e l a j a r . c o m
Yang perlu anda perhatikan adalah FTP Host, Username FTP, Password FTP (adalah
password saat anda mengorder hosting), dan Port FTP.

Kurang lebih tampilannya seperti diatas ya, Setelah itu silahkan klik Quickconnect

Jika tampilannya seperti gambar diatas maka prosesnya untuk masuk kedalam
direktori web di hosting dengan menggunakan akses FTP Telah berhasil, tandanya di
bagian sebelah kanan sudah masuk kedalam folder public_html, dan ada keterangan
Directory listing Successful.

75 | W a r u n g b e l a j a r . c o m
langkah selanjutnya adalah mengupload websitenya, karena websitenya itu adalah di
direktori localhost/belajarweb sehingga anda perlu mensetting di bagian direktori
lokalnya adalah di folder belajarweb di dalam folder htdoc.

Setelah itu silahkan pilih semua file dan klik kanan send to “Compressed Zipped
Folder”.

Dan tunggu hingga proses dari pembuatan file zipnya selesai, kenapa harus di
compress dan kenapa saya memilih untuk winzip bukan winrar ?

Jadi begini agar proses uploadnya cepat ada baiknya kita mengcompress jadi 1 file
agar Filezilla hanya mengupload satu file tapi agak gedean, kalau tidak di compress
maka banyak kemungkinan ada file yang gagal terupload karena jumlah file website
bisa ratusan hingga ribuan file jika tidak dicompress jadi file zip.

Kenapa kok menggunakan winzip bukan winrar, karena idhostinger tidak mensupport
extract fie dengan winrar hanya winzip.

76 | W a r u n g b e l a j a r . c o m
Kembali ke pembahasan ya, setelah file zip jadi, untuk mempermudah pencarian dari
file zip, filenya akan saya pindahkan ke drive lain.

Lalu saya paste di drive lain, dalam hal ini saya pindah kan ke dalam drive G.

Silahkan kembali pada aplikasi filezilla dan silahkan lihat dibagian sebelah kiri untuk
mencari file zip yang telah dipindahkan.

77 | W a r u n g b e l a j a r . c o m
Terlihat saya memilih drive G. dan saya pilih file zipnya, cara uploadnya adalah pilih file
zipnya. Lalu klik dan drag kearah kanan di bagian folder public_html.

Maka akan ada 1 antrian file yang diupload di tab bawah, silahkan anda tunggu proses
uploadnya.

Tunggu hingga prosesnya 100%.

78 | W a r u n g b e l a j a r . c o m
jika proses sudah selesai, akan ada keterangan successful transfer dan file zipnya
akan berada di sebelah kanan dari menu di filezilla.

Extract file zip hasil upload, silahkan masuk kedalam cpanel untuk extract dari file
zipnya, silahkan masuk kedalam menu file manager 1

Jika muncul seperti ini silahkan pilih Bahasa English dan klik Install

79 | W a r u n g b e l a j a r . c o m
Lalu silahkan klik menu “Akses File Manager”, maka anda akan di bawa masuk
kedalam file manager dari direktori web di hosting, mirip seperti windows explorer.

Nah akan tampak 3 file, dan salah satunya adalah file .zip yang telah kita upload
sebelumnya, silahkan di pilih filenya lalu silahkan klik kanan dan klik “Extract files from
archive”.

pindahkan seluruh file website yang ada di dalam folder ke dalam folder utama dari
direktori website di hosting.

Jika proses selesai akan menghasilkan folder dengan nama yang sama dengan file
.zip, langkah selanjutnya anda harus mengeluarkan semua file yang ada pada folder
tersebut dan diletakkan di luar yaitu di folder public_html, Silahkan anda klik folder hasil
extractnya untuk masuk kedalam folder tersebut.

80 | W a r u n g b e l a j a r . c o m
lalu silahkan anda pilih semua file yang ada di folder tersebut, lalu klik kanan –> cut.

Setelah itu silahkan kembali ke folder sebelumnya, dengan cara klik tombol “Home”.

Lalu silahkan klik kanan -> paste.

81 | W a r u n g b e l a j a r . c o m
Dan tunggu proses pemindahan filenya.

Sehingga hasilnya seperti ini, semua file berada di luar dari folder atau berada 1 level
dibawah folder public_html, setelah proses ini kita akan membahas mengenai
bagaimana cara upload dari databasenya.

Export Database pada komputer lokal.

Setelah sebelumnya membahas mengenai bagaimana cara upload file websitenya dan
bagaimana extract dari file websitenya, langkah selanjutnya adalah bagaimana cara
untuk upload database ke dalam hosting, langkah – langkahnya adalah sebagai berikut
:

Untuk langkah awal ini anda harus mengexport dari file databasenya, Silahkan masuk
kedalam phpmyadmin di dalam komputer lokal anda, dengan mengetikkan
localhost/phpmyadmin

82 | W a r u n g b e l a j a r . c o m
Lalu silahkan anda pilih dan klik database dari website anda dalam hal ini adalah
dengan nama “belajar_website_db” untuk database disesuaikan dengan database
yang anda gunakan, selanjutnya silahkan anda klik tombol Ekspor.

Lalu akan masuk kedalam settingan dari export dari file mysql, silahkan anda klik
tombol “Kirim”.

83 | W a r u n g b e l a j a r . c o m
Maka file dari databasenya akan otomatis terdownload dengan extention .sql.

Langsung saja anda pilih simpan berkas, dan klik oke, maka file database dengan
extention .sql akan otomatis terdownload.

Upload Database ke dalam hosting

setelah anda mengexport database yang ada dikomputer lokal, langkah selanjutnya
adalah anda bisa mengupload file database ke dalam hosting, Silahkan kembali ke
bagian cpanel hosting, dan silahkan klik menu “Database Mysql”

Anda akan masuk ke dalam menu database mysql, lalu silahkan anda buat database
dan user baru untuk proses import dari databasenya.

84 | W a r u n g b e l a j a r . c o m
Keterangan :

1. Nama Database Mysql : adalah nama dari databasenya nanti.


2. Username Mysql : adalah nama username dari akses database di
hosting.
3. Password : silahkan masuk password yang nanti digunakan
untuk mengakses database di hosting begitu juga di bagian masukkan password
kembali isikan seperti yang anda tuliskan di bagian password

Selanjutnya silahkan klik tombol “Buat”.

Maka akan terbuat sebuah database dengan user baru yang sebelumnya telah anda
setting.

Silahkan anda klik tombol “+” lalu silahkan klik tombol “Phpmyadmin”.

Maka anda akan masuk kedalam bagian dari menu phpmyadmin di dalam
phpmyadmin.

Silahkan anda klik menu import untuk import dari database anda.

85 | W a r u n g b e l a j a r . c o m
Setelah masuk ke dalam menu import, selanjutnya silahkan anda klik bagian telusuri
untuk memilih dari database yang akan di import.

Lalu silahkan cari file sql yang akan anda import lalu klik tombol “Open”.

86 | W a r u n g b e l a j a r . c o m
Jika sudah tampil keterangan seperti diatas berarti anda telah berhasil mengimport
databasenya di bagian hosting.

Koneksikan File Website dengan Database

Koneksikan file website dengan database website, dengan cara setting file wp-
config.php

caranya anda bisa masuk kedalam file manager 1 yang sebelumnya anda gunakan
untuk extract file zip, silahkan cari file dengan nama wp-config.php lalu klik kanan –>
edit file.

Lalu silahkan cari skrip seperti ini.

Dan silahkan isi sesuai dengan settingan saat anda membuat databasenya.

87 | W a r u n g b e l a j a r . c o m
Masih ingatkan settingan ini, jadi nanti skrip diatas bisa disesuaikan dengan settingan
yang buat di bagian ini.

Setelah itu silahkan anda klik tombol “Save”.

Silahkan coba akses websitenya, www.warungbelajar.zz.mu maka hasilnya jika


settingannya sudah sesuai semua adalah seperti berikut ini.

88 | W a r u n g b e l a j a r . c o m
Jadi bisa diakses deh, tampilkan websitenya mudah ya upload website itu, tapi langkah
– langkah ini belum selesai, akan saya sambung di tutorial selanjutnya untuk proses
dari settingan dari database, serta link di bagian website, sekian dulu tutorial mengenai
cara upload website wordpress ke hosting bagian 1 akan disambung lagi di bagian 2
ya, terima kasih sampai jumpa di tutorial selanjutnya.

89 | W a r u n g b e l a j a r . c o m
Cara upload website Bagian 2

Selamat datang lagi di tutorial warung belajar, masih membahas mengenai bagaimana
cara membuat website dengan cms wordpress, tepatnya di tutorial ke 10 kita akan
melanjutkan pembahasan mengenai bagaimana sih cara upload website bagian 2,
setelah dalam tutorial sebelumnya kita telah membahas mengenai :

1. Cara mendaftar di idhostinger untuk mendapatkan hosting gratis


2. Cara mengupload file website menggunakan aplikasi filezilla
3. Cara Mengupload database ke hosting
4. Cara Mengkoneksikan file website dan database

Nah di bagian ke 2 ini kita akan melakukan tahap penyelesaian dari proses upload
website, jadi begini untuk cms wordpress itu kita perlu melakukan sedikit setingan, jadi
website worpdress yang telah di upload itu perlu direplace linknya dari link komputer
lokal yang biasanya adalah localhost/namafolder menjadi domain dari website tersebut,
apakah mereplacenya satu persatu ? tenang warung belajar akan menjelaskan cara
replace dengan plugin sehingga Cuma sekali semua langsung otomatis replace.

Setting Link pada database Mysql.

Untuk langkah awal kita perlu melakukan perubahan link yang ada pada bagian
database, link ini digunakan agar kita dapat login ke dalam bagian dashboard, jika
anda melawatkan bagian ini maka anda tidak akan dapat login ke dalam halaman
dashboard, karena ketika kita coba login akan otomatis di redirect ke bagian halaman
lokal, jadi perlu kita lakukan pensettingan di bagian ini, caranya adalah sebagai berikut.

Silahkan anda login ke bagian cpanel dan silahkan masuk ke dalam menu
phpmyadmin.

90 | W a r u n g b e l a j a r . c o m
Setelah anda masuk ke dalam daftar dari databasenya, silahkan pilih databasenya dan
klik menu phpmyadmin.

Setelah masuk ke dalam bagian phpmyadmin, silahkan anda klik table dengan nama
wp_options

Setelah masuk ke dalam bagian table wp_options coba perhatikan untuk field siteurl
dan home masih berisi link lama yaitu localhost/belajarwebsite

2 record ini yang akan kita edit dengan menggunakan value domain website yaitu
warungbelajar.zz.mu

Caranya bisa anda centang dulu 2 record tersebut dan silahkan klik tombol ubah

91 | W a r u n g b e l a j a r . c o m
Lalu silahkan rubah untuk option_value menjadi domain dari websitenya.

Setelah kedua record ini dirubah silahkan klik tombol kirim

92 | W a r u n g b e l a j a r . c o m
Login Ke dalam dashboard WordPress

Setelah anda berhasil merubah 2 record di dalam databasenya, langkah selanjutnya


kita akan masuk kedalam dashboard dari websitenya, silahkan masuk kedalam
dashboard dengan mengetikkan warungbelajar.zz.mu/wp-admin, untuk domain
sesuaikan ya karena, domain saya adalah warungbelajar.zz.mu

Silahkan masukkan username dan password untuk masuk ke dalam halaman


dashboard, lalu silahkan klik Login.

Download Plugin Blue Velvet.

Seperti yang dijelaskan di bagian pembuka kita akan melakukan replace terhadap link
yang ada pada website worpdress setelah proses upload selesai, karena dari pihak
wordpress tidak otomatis melakukan perubahan terhadap link yang ada sehingga kita
perlu mereplace dari link yang ada, kita akan menggunakan plugin dengan nama blue
velvet, jika anda belum mengenal istilah plugin bisa membaca pembahasan saya
sebelumnya mengenai cara menggunakan plugin di wordpress, kembali ke topik untuk
pemasangan plugin blue velvet langkah – langkahnya sebagai berikut :

Setelah anda masuk kedalam halaman dashboard, silahkan masuk ke dalam bagian
plugin -> add plugin.

93 | W a r u n g b e l a j a r . c o m
Maka anda akan masuk kedalam halaman untuk menambahkan plugin, dan silahkan
ketikkan blue velvet pada kotak pencarian dan tekan enter untuk memulai pencarian.

Terlihat ada 1 plugin dengan nama “Velvet Blues Update URLs” silahkan klik Install
Now untuk memulai proses install dari plugin.

Jika muncul notifikasi sebelum menginstall dari plugin silahkan Klik Oke.

Ketika proses install berhasil silahkan klik bagian “Activate Plugin” untuk mengaktifkan
dari plugin.

Setelah berhasil mengaktifkan plugin ini, langkah selanjutnya anda bisa mulai
melakukan setting pada urlnya, silahkan anda masuk ke dalam menu tools -> update
Urls.

94 | W a r u n g b e l a j a r . c o m
Anda akan masuk kedalam halaman untuk mensetting dari urlnya yang perlu anda
setting adalah :

 Old URL silahkan diisi dengan url lama dari website anda dalam contoh ini
adalah http://localhost/belajarwebsite/ untuk alamat bisa disesuaikan dengan
alamat website lokal anda
 New URL silahkan diisi dengan url baru dari website anda dalam contoh ini
adalah http://warungbelajar.zz.mu/ untuk domain ini juga disesuaikan dengan
domain yang anda gunakan

Lalu silahkan centang semua pada bagian step 2

Setelah semua di setting silahkan klik tombol “Update URLs NOW”

Jika tampil notifikasi seperti gambar diatas berarti anda telah berhasil melakukan
replace terhadap link yang ada pada website anda, dan artinya website anda sudah
berhasil di upload 100%, dari file websitenya, databasenya, serta bagaimana link yang
ada di dalamnya, cukup mudah bukan mengenai proses upload dari website yang
dibuat dengan menggunakan wordpress, sekian dulu tutorial kali ini kita telah belajar
mengenai bagaimana membuat sebuah website dengan menggunakan cms wordpress

95 | W a r u n g b e l a j a r . c o m
dari step awal, hingga bisa di upload di hosting dan bisa diakses melalui internet.
sekian dulu terima kasih akan saya sambung di tutorial yang lain.

96 | W a r u n g b e l a j a r . c o m
Tentang Penulis
Aris Samsudin. Adalah Lulusan Teknik Informatika, Fakultas Teknologi Industri,
UPN Veteran, Jawa Timur (S1, 2014). Kegiatan sehari – hari adalah sebagai Web
Programmer di salah satu Dinas Pemerintah Kota Surabaya serta mengerjakan
beberapa project freelance, selain itu juga mengembangkan situs
http://warungbelajar.com yang berisi tutorial – tutorial komputer, serta
membuat produk tutorial video belajar komputer dan mengisi channel youtube
warungbelajar. Penulis dapat dihubungi melalui email di
arissamsudinonline@gmail.com

97 | W a r u n g b e l a j a r . c o m

Anda mungkin juga menyukai