37

KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress
Page 2: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

ii

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan

rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan

Wordpress ini dapat diselesaikan dengan baik. Selanjutnya modul ini disusun untuk

memberikan gambaran dan arahan bagi para pembaca yang ingin pempelajari,

memahami dan membuat sendiri wesite personal menggunakan content

management system wordpress. Dengan menggunakan metode “Belajar Mudah,

Cepat Dan Menyenangkan” karena modul ini disertai tata cara atau tutorial, sehingga

lebih memudahkan dalam memahami setiap step penjelasannya.

Tak lupa penulis mengucapkan banyak terima kasih kepada semua pihak yang

telah membantu dengan tenaga dan pikirannya, terima kasih juga kepada keluarga

khususnya istri saya yang berualang tahun hari ini bertepatan dengan diselesaikannya

modul ini, rekan–rekan dosen dan instruktur dan semuanya yang tidak bisa

disebutkan satu persatu, yang selalu mendukung penulis sehingga modul ini sehingga

dapat selesai sesuai yang kita inginkan semua.

Penulis menyadari masih banyak kekurangan dalam penyusunan modul ini.

Untuk itu saran dan kritik yang membangun sangat penulis harapkan guna perbaikan

dan pengembangan modul ini ke depan.

Akhir kata penulis berharap semoga modul Membangun Website Pribadi

dengan Wordpress ini dapat dipergunakan sebaik-baiknya dan dapat dijadikan

referensi untuk umum bagi siapa saja yang ingin mempelajarinya.

Bogor, 11 September 2018

Penulis

Yoseph Tajul Arifin

Page 3: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

iii

JUDUL ..................................................................................................................... i

KATA PENGANTAR .................................................................................................. ii

DAFTAR ISI .............................................................................................................. iii

BAB I BLOG ,FUNGSI DAN MANFAATNYA ................................................................ 1

1.1. Blog .................................................................................................................... 1

1.2. Fungsi Blog ........................................................................................................ 1

1.3. Penyedia Jasa Blog Gratis .................................................................................. 2

BAB II BLOGGER vs WORDPRESS .............................................................................. 5

2.1. Blogger vs WordPress ........................................................................................ 5

2.2. Jenis WordPress ................................................................................................ 9

2.3. Fasilitas Wordpress ........................................................................................... 10

BAB III MEMBUAT BLOG DENGAN WORDPRESS ...................................................... 12

3.1. Membangun Blog dan Akun Blog ...................................................................... 12

3.2. Melakukan Customisasi Blog ............................................................................. 16

A. Pengaturan Profil ............................................................................................ 19

B. Pengaturan Tema Wordpress .......................................................................... 22

3. Pengaturan Menu ............................................................................................ 26

3.3. Membuat Post Baru .......................................................................................... 30

3.4. Pengaturan Keamanan ...................................................................................... 31

BAB IV PENUTUP ..................................................................................................... 32

4.1. Tips & Trik .......................................................................................................... 32

4.2. Kesimpulan ......................................................................................................... 33

BIODATA PENULIS ................................................................................................... 34

Page 4: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

1

BAB I

BLOG, FUNGSI DAN MANFAATNYA

1.1. BLOG

Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang

berbentuk tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web.

Tulisan-tulisan pada blog ini seringkali dimuat dalam urutan terbalik (isi terbaru

dahulu sebelum diikuti isi yang lebih lama), meskipun tidak selamanya demikian. Situs

web seperti ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan

topik dan tujuan dari si pengguna blog tersebut. Sumber:

https://id.wikipedia.org/wiki/Blog

Blog pada dasarnya merupakan bagian dari situs website yang dapat diakses

secara online dan memiliki fungsi utama memuat tulisan-tulisan dan gambar yang

dimuat dalam posting. Pengelolaan blog biasanya dilakukan oleh pengguna tunggal

dan dibuat sesuai dengan topik serta tujuan dari si pengguna blog tersebut. Sumber :

http://www.solozine.com/2013/10/apa-itu-blog-sejarah-fungsi-dan-cara.html

Sebuah blog sudah pasti sebuah website, tapi sebuah website belum tentu

sebuah blog. Di ibaratkan website adalah sebuah rumah, di dalam tumah tersebut

mempunyai ruang-ruang (kamar). Maka blog adalah salah satu ruangan dalam rumah

(website) itu.

“Satu hal yang menarik, menurut Jeff Korhan, Google menyukai blog karena

konten yang dipublikasikannya itu segar, relevan, dan aktual. Jika berkualitas

tinggi, justru blog yang biasanya ada di peringkat teratas hasil pencarian

Google.”

1.2. FUNGSI

Fungsi blog pada umumnya adalah sebagai media publikasi untuk

menyalurkan ide atau catatan harian melalui tulisan-tulisan yang di beri content lain

seperti gambar, video dan beberapa animasi yang di muat dalam posting. Dalam

Page 5: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

2

perkembangan sekarang, blog bisa digunakan untuk menghasilkan uang melalui iklan

yang terpasang di blog. Untuk dapat menghasilkan uang, tentu blog harus

mempunyai pengunjung/visitor. Sumber : http://www.solozine.com/2013/10/apa-

itu-blog-sejarah-fungsi-dan-cara.html

1.3. PENYEDIA JASA LAYANAN BLOG GRATIS

Saat ini banyak situs-situs yang menyediakan layanan blog secara gratis.

Bahkan tidak hanya dari luar negeri, tetapi datang dari dalam negeri. Dengan

demikian dengan adanya situs penyedia blog gratis kita semakin dimudahkan untuk

membuat dan memiliki blog kita sendiri.

Akan tetapi semua penyedia layanan blog tersebut memiliki kelebihan dan

kekurangan masing-masing. Tentu saja semua kembali kepada penggunanya nanti

akan merasakan sendiri setelah menggunakannya. Situs penyedia layanan blog gratis

ini bisa kita manfaatkan sebaik-baiknya untuk berbagai keperluan, seperti

membangun branding, berbagi, dan bahkan mendapatkan rejeki.

Berikut ini adalah beberapa daftar situs-situs yang menyediakan layanan blog

gratisan baik dari dalam dan luar negeri :

1. Blogger.

Blogger merupakan situs penyedia layanan blog gratis yang telah

diakuisisi dan dimiliki oleh Google. Blogger sangat populer dan banyak

digunakan oleh para pengguna internet di dunia, layanan blog yang berada di

situs ini sangat mudah untuk digunakan baik orang yang belum paham

menggunakan Internet sekalipun.

Blogger memang sangat cocok digunakan untuk menulis sebuah

catatan pribadi atau digunakan oleh jurnalis dalam menulis sebuah berita

atau informasi dalam blog. Kelebihannya sudah bisa dimonetise walaupun

belum menggunakan domain sendiri.

2. WordPress.

Wordpress merupakan situs penyedia layanan blog gratis yang sangat

populer dan banyak digunakan, wordpress bisa digunakan untuk sebuah

Page 6: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

3

website. Wordpress di bangun dengan sebuah bahasa pemrograman PHP dan

berbasis data (database) MySQL.

Wordpress ini sangat cocok digunakan untuk sebuah website

komersial atau juga untuk sebuah website jual beli. Kelebihannya sangat

cepat untuk digunakan dalam hal SEO (Search Engine Optimization) tetapi

kekurangannya belum bisa dimonetize sebelum menggunakan domain

sendiri.

3. Weebly.

Weebly merupakan situs penyedia layanan blog gratis, situs ini

memang belum terlalu dikenal banyak oleh pengguna internet, karena kalah

populer dengan Blogger dan Wordpress. Di Indonesia weebly belum banyak

digunakan dan sebagian blogger di indonesia banyak yang menggunakan

Weebly yang isinya penipuan.

4. Tumblr.

Tumblr merupakan salah satu situs penyedia layanan blog gratis, situs

ini sudah dikenal banyak orang namun tidak semuanya menggunakan tumblr

dalam membuat sebuah blog. Tumblr ini juga sering digunakan sebagai situs

mikroblog dan juga jejaring sosial. Sama dengan yang lainnya layanan blog ini

memungkinkan untuk memposting sebuah infromasi baik berupa text

ataupun multimedia.

5. LiveJournal.

LiveJournal juga merupakan salah satu situs penyedia layanan blog

gratis, situs ini tidak beda jauh dengan layanan blog lainnya, LiveJournal juga

bisa kita sebut sebagai situs jejaring sosial. LiveJournal merupakan penyedia

blog open source yang bisa kita sebut sebagai blog gratis.

6. Blogdetik.

Penyedia jasa blog gratis dari Indonesia ada Blogdetik. Situs penyedia

blog gratis ini dibawah bendera Detik.com situs media online pertama dan

terbesar di Indonesia. Kelebihan Blogdetik adalah sering ada event atau acara

Page 7: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

4

dengan hadiah yang menarik dan bisa digunakan untuk monetize walaupun

berbasis Wordpress.

7. Kompasiana.

Penyedia jasa blog gratis dari Indonesia lainnya adalah Kompasiana.

Kompasiana merupakan anak perusahaan dari Kompas Gramedia.

Kompasiana sering mengadakan acara dan kopdar menarik bersama blogger

Kompasiana yang disebut Kompasianer.

Kelebihan dari Kompasiana adalah banyaknya penulis dengan kualitas

yang mumpuni sehingga terkesan tulisan lebih berbobot. Kekurangannya blog

kompasiana tidak bisa dimonetise.

8. Indonesiana.

Penyedia jasa blog gratisan terbaru dari Indonesia lainnya adalah

Indonesiana yang merupakan anak perusahaan dari Tempo. Blog ini

digunakan untuk jurnalisme warga dari seluruh Indonesia. Kekurangannya

tidak bisa dimonetise. Dan masih banyak lagi situs penyedia jasa blog lainnya.

Page 8: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

5

BAB II

BLOGGER VS WORDPRESS

2.1. KELEBIHAN DAN KEKURANGAN BLOGGER - WORDPRESS

Blogging saat ini menjadi salah satu kegiatan menarik untuk dilakukan setiap

hari bagi sebagian orang, terlebih bagi orang-orang yang sering berinteraksi dengan

internet. Motivasi orang-orang dalam melakukan blogging juga bermacam-macam,

dari yang hanya ingin menjadikan blog sebagai buku harian pribadi untuk membagi

pengalaman hidup, sebagai media untuk berbagi berbagi ide dengan semua orang

sampai sebagai media untung mencari tambahan uang, untuk yan terakhir ini tidak

jarang para blogger menjadikan pemasukan dari blognya sebagai mata pencaharian

utama.

Berbicara tentang blog pasti akan menyinggung platform blog apa yang akan

di gunakan. Untuk saat ini ada beberapa platform blog yang dapat anda gunakan

dengan gratis, namun di antara berbagai platform tersebut ada 2 yang paling terkenal

yaitu blogspot dari google atau biasa di sebut dengan blogger dan wordpress.

Kedua platform blog ini sekarang menduduki peringkat teratas platform blog

terfavorit yang paling banyak di gunakan, selain berbagai macam kemudahan juga

banyaknya template blog gratis yang tersedia.

Biasanya pilihan platform blog pertama yang di gunakan oleh seorang blogger

akan menjadi platform favoritnya untuk waktu yang lama, kecuali orang tersebut

menemukan kendala yang cukup berarti suatu hari. Pada awalnya penulis

menggunakan blogspot untuk belajar blogging tetapi pada perkembangannya

kebutuhan penulis tidak dapat di akomodasi oleh satu platform blog saja, sebenarnya

apa sih keunggulan dan kelebihan dari blogspot dan wordpress? dan siapakah yang

terbaik?

Berikut ini adalah pembahasan mengenai beberapa perbandingan platform

Blogger vs WordPress di bawah :

Page 9: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

6

1. Dashboard

Blogspot

Saat ini blogspot telah mempunyai tampilan dashboard baru,

dasboard baru ini lebih mudah di gunakan dan lebih responsif karena telah

menggunakan teknologi AJAX, tetapi untuk dapat menikmati dashboard

baru ini javascrip pada browser harus dalam keadaan aktif

WordPress

Tampilan dashboard yang di gunakan oleh wordpress belum

mengalami banyak perubahan yang berarti hal ini sekalugus memudahkan

user karena tidak perlu menyesuaikan diri dengan dashboard baru

2. Kustomisasi Tema

Blogspot

Untuk mempercantik tampilan blog banyak blogger yang mengganti

tampilannya dengan desain sendiri maupun dari template yang tersedia

gratis atau berbayar di internet, bagi anda yang mempunyai kemampuan

lebih dalam pemrograman website template blogger ini dapat di ubah

sedemikian rupa hingga akar-akarnya.

Wordpress

Tampilan blog pada wordpress hanya dapat diubah apabila anda

menggunakan wordpress self hosting yang anda host di server anda

sendiri, apabila ana hanya menggunakan layanan gratis dari wordpress

anda hanya akan mendapatkan beberapa template standar yang dapat

anda gunakan.

Page 10: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

7

3. Import artikel

Blogspot

Blogspot hanya dapat mengimport artikel dari blog lain yang sama-

sama menggunakan blogspot.

Wordpress

Untuk urusan import artikel wordperss lebih baik, anda dapat

memindahkan dan mengkopi artikel anda dari Wordpress lain, typepad,

yahoo 360, Tumblr maupun blogger.

4. Penyimpanan Gambar

Blogspot

Penyimpanan gambar yang disediakan oleh blogspot dalam satu akun

adalah sebesar 1GB, blogger juga tidak punya dashboard khusus untuk

melihat file apa saja yang sudah anda upload sebelumnya, jai mungkin

anda akan sedikit kesulitan untuk mencari gambar atau foto lama anda.

Wordpress

Untuk urusan penyimpanan gambar Wordpress menyediakan ruang

sampai 3GB, dan pada dashboard wordpress juga telah menyediakan

tampilan untuk pencarian gabar-gambar lama anda yang telah anda

upload.

5. Post By Email

Blogspot dan Wordpress telah sama-sama dapat menerima posting

yang dikirimkan melalui email untuk langsung dipajang di blog, fitur ini

memudahkan anda apabila blog yang anda miliki mempunyai penulis lepas

selain anda.

Page 11: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

8

6. Iklan

Blogspot

Untuk urusan iklan-mengiklan sebagai tambahan pencarian anda

blogger lebih mudah digunakan karena faktor blogger yang merupakan

anak perusahaan google jadi anda dapat dengan mudah memasang iklan

dari adsense di blog anda, dimana anda akan dibayar setiap ada orang yang

mengklik iklan yang terdapat di blog anda, hal ini mungkin dapat anda

jadikan sebagai usaha sampingan anda

Wordpress

Kebijakan dari wordpress untuk melarang pemasangan iklan dalam

setiap akun yang di buat mungkin akan sedikit menyulitkan anda dalam hal

ini. Untuk dapat memasang iklan di blog anda sendiri danda dapat

menggunakan wordpress self hosting.

Demikian beberapa penjelasan perbandingan blog antara wordpress dengan

blogspot yang harus diketahui sebelum membuat blog. Apabila di lihat lebih jauh ada

kelebihan dan kekurangan tersendiri dari masing-masing platform blog, oleh karena

itu mungkin kita tidak bisa mengatakan siapa yang terbaik, tetapi lebih tepat apabila

kita memilih sesuai dengan keperluan, apabila anda ingin blog yang dapat diganti

templatenya dengan mudah dan mencari penghasilan tambahan melalui iklan anda

dapat menggunakan blogspot.

Untuk yang menginginkan kemudahan dalam penggunaan mungkin anda

dapat menggunakan WordPress. Akan tetapi untuk yang memiliki kemampuan lebih

dalam hal pemrograman website mugnkin Wordpress yang anda hosting sendiri

dapat menjadi pilihan alternatif karena meiliki kelebihan yang tidak dimiliki oleh

kedua platform blog di atas

Page 12: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

9

2.2. JENIS WORDPRESS

Saat ini ada 2 jenis WordPress yang dapat kita ketahui dan harus kita bedakan.

Masing-masing jenis tersebut berbeda dalam hal fitur dan fasilitas yang disediakan.

1. WordPress.org

Adalah halaman blog dari platform WordPress yang dapat kita Install

sendiri. Dengan WordPress.org ini, kita bisa dengan mudah menginstall dan

melakukan berbagai macam perubahan dan pengembangan sesuka hati.

WordPress.org adalah media tempat para pengembang wordpress sharing

tentang ilmu mereka. Ada theme, forum, plug in dan serba serbi wordpress disana.

Yang paling penting disana pula kita bisa mendownload cms wordpress yang bisa

kita instal di localhost maupun di hostingan kita.

Semua keterbatasan blog di WordPress.com tidak berlaku pada

WordPress.org ini. Content Management System inilah yang merupakan produk

awal wordpress sekaligus melambungkan nama wordpress. Istilah “WordPress

Berbayar” sebenarnya kurang tepat karena wordpress tetap gratisan, yang bayar

adalah hostingnya.

2. WordPress.com

Sedangkan WordPress Instant atau WordPress.com adalah WordPress

yang telah tersedia secara gratis dan instant. Tapi tentu saja kita tidak bisa

melakukan banyak hal. Untuk mengganti tampilan aja, kita harus ikhlas menerima

thema-thema atau template yang ada. Anda juga tidak diijinkan menggunakan

formulir, javascript dan tidak bisa memasukkan plugin.

WordPress.com adalah media bagi para blogger untuk membuat blog

gratisan berbasis wordpress. Seperti blog gratisan lain, kita hanya diberi

subdomain dari wordpress.com.

Meski kita tidak diberi kebebasan untuk memodifikasi theme tapi terdapat

sekitar 100 theme dari berbagai pengembang yang bisa kita pilih. Kita tidak

diizinkan menyimpan link afiliasi dan iklan. Juga tidak diperbolehkan penggunaan

javascript.

Page 13: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

10

WordPress.com hanya dikhususkan bagi blogger yang ingin menulis saja

tanpa embel – embel jualan. WordPress.com bisa jadi awalan yang baik bagi yang

tertarik ngeblog menggunakan wordpress dengan hosting sendiri karena disana

kita bisa mengenal berbagai habit/kebiasaan wordpress. Banyak blogger terkenal

yang bermula dari WordPress.com.

2.3. FASILITAS WORDPRESS

Dashboard : Menu utama/halaman pengelolaan blog wordpress.

Store : Merupakan fasilitas untuk melakukan transaksi yang

berhubungan dengan layanan wordpress seperti membeli

tema premium, beli domain, dan upgrade layanan.

Post : Adalah fasilitas untuk mengelola isi halaman blog, seperti

menulis artikel, menambahkan kategori, dll.

Media : Digunakan untuk mengelola file-file yang bisa kita simpan di

blog wordpress seperti gambar, video dll.

Link : Digunakan untuk mengelola menu yang ada di blog

wordpress.

Pages/Laman : Digunakan untuk mengelola halaman statis yang sifatnya

umum (tidak sering diperbaharui)

Comments : Digunakan untuk mengelola komentar yang dikirimkan

melalui tulisan yang dibuat

Feedback : Adalah fasilitas umpan balik yang bisa disajikan dalam

bentuk polling/jejak pendapat, rating dll

Appearance : Digunakan untuk mengatur tampilan seperti tema,

komponen/widget, menu, header dll.

Users : Menu yang digunakan untuk mengelola akses dalam blog.

Tools : Merupakan fasilitas bantu umum seperti export dan import

data blog.

Page 14: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

11

Setting : Merupakan menu pengaturan umum yang bisa

diberlakukan pada bagian-bagian layanan maupun

informasi yang ada di blog.

Page 15: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

12

BAB III

MULAI MEMBUAT BLOG PERSONAL DENGAN WORDPRESS.COM

3.1. MEMBANGUN BLOG DAN AKUN BLOG

Sebelum memulai membangun blog kita sendiri, terlebih dahulu kita harus

menyiapkan materi artikel yang akan di post, tujuan membuat blog, focus blog, tema

blog, dan nama blog yang akan kita buat. Selain itu terlebih dahulu kita mempunyai

akun email untuk mendaftar pada blog tersebut. Berikut ini langkah pembuatan blog

pada www.wordpress.com :

1. Siapkan email pribadi yang akan kita gunakan untuk mendaftar akun blog kita

sendiri. Email bloeh dari email apa saja (gmail, yahoo, windows dll ).

2. Selanjutnya buka halaman wordpress.com pada url seperti ini

https://id.wordpress.com/ . maka akan terbuka halaman seperti gambar dibawah

ini.

Gambar 3.1. Halaman wordpress.com

3. Selanjutnya klik tombol “Mulai”, maka kita akan di arahkan pada halaman untuk

memilih focus blog yang akan kita buat. Pilih kategori blog yang akan anda buat

dengan mengklik salah satu tombol yang ada atau lainnya. Contoh “Pendidikan”

seperti gambar dibawah ini.

Page 16: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

13

Gambar 3.2. memilih focus blog yang akan dibangun

4. Setelah mengisi fokus blog yang akan dibagun selanjutnya adalah memilih domain

blog yang akan kita gunakan. Domain adalah sebuah alamat website, secara

umum pengertian domain adalah nama unik yang diberikan untuk

mengidentifikasi nama server komputer seperti web server atau email server di

jaringan komputer ataupun internet. ( https://id.wikipedia.org/wiki/Nama_domain )

Gambar 3.3. memilih dan menentukan nama domain

Page 17: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

14

5. Pada step selanjutnya memilih jenis paket website yang akan dibangun

Gambar 3.4. memilih dan menentukan paket pembuatan website

6. Langkah berikutnya setelah memilih paket wordpress kita akan di arahkan pada

halaman pembuatan akun wordpress. Fungsinya untuk melakukan registrasi

halaman blog kita untuk melakukan kustomisasi halaman blog kita nantinya.

Siliahkan isi dan lengkapi form yang tersedia.

Gambar 3.5. pendaftaran wordpress

Page 18: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

15

7. Setelah selesai mengisi formulir dan mengkilk tombol buat akun, kita akan dibawa

ke halaman konfirmasi seperti seperti gambar dibawah ini

Gambar 3.7. konfirmasi pembuatan wordpress

8. Dan blog pun telah selesai dibangun.

Gambar 3.8. halaman awal blog wordpress yang telah dibuat

Page 19: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

16

3.2. MALAKUKAN CUSTOMISASI BLOG

Setelah selesai membuat blog selanjutnya kita akan melakukan beberapa

penyesuaian tampilan dari blog yang akan kita tampilkan ke public. Terlebih dahulu

kita buka email konfirmasi yang telah dikirimkan pihak worpress ke email kita saat

melakukan pembuatan akun tadi. Kemudian klik link verifikasinya.

Gambar 3.9. konfirmasi email blog wordpress dari akun blog yang telah dibuat

Setelah mengklik tombol konfirmasi/verifikasi maka kita akan di bawa ke

halaman customisasi blog kita.

Page 20: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

17

Gambar 3.10. halaman pengelolaan blog setelah dilakukan konfirmasi email

Untuk melakukan kustomisasi pilih tab situs saya dimana nantinya akan terdapat

beberapa menu customisasi diantaranya adalah sebagai berikut :

a. Pos Blog

Berfungsi untuk membuat, merubah dan menghapus posting artikel pada

blog.

b. Statistic

Berfungsi sebagai alat untuk meninjau sesering apa blog kita di kunjungi oleh

visitor/ berapa orang yang melihat dll.

c. Laman/ Page

Berfungsi untuk membuat postingan artikel yang bersifat statis, biasanya di

jadikan pilihan menu pada blog.

d. Tema

Berfungsi untuk melakukan customisasi halaman blog seperti template, font,

header, judul website dll.

e. Menu

Berfungsi sebagai penelolaan menu-menu yang ada pada sebuah blog.

Page 21: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

18

f. Berbagi/Share

Berfungsi sebagai pengatur icon social media yang akan kita tampilkan dan

kaitkan dengan blog kita, sehingga blog dapat terkoneksi langsung dengan

social media nantinya.

g. Orang-orang

Berfungsi untuk pengaturan followers blog kita / orang yang berlangganan

blog kita.

h. Plugin

Berfungsi untuk menambah alat/tools media pada blog seperti gallery,

calender dll.

i. Pengaturan

Berfungsi untuk mengatur beberapa plugin yang kita gunakan pada blog,

seperti kategori, history, posting popular dll.

Gambar 3.11. halaman kustomisasi blog pada menu profil saya

Page 22: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

19

A. PENGATURAN PROFIL BLOG

Login kedalam mode admin melalui link url masing-masing

(www.namadomain.wordpress.com/wp-admin)

Gambar 3.12. login ke halaman pengelolaan blog

1. Pilih menu profil untuk melakukan beberap pengaturan pada blog.

Page 23: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

20

Gambar 3.13. Menu profil pengelolaan blog

2. Menu Profilku untuk mengatur profil blog.

Gambar 3.14. Menu pengaturan profil

Page 24: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

21

3. Menu Pengatura Akun untuk mengatur judul blog, alamat blog dll.

Gambar 3.15. Menu umum pengaturan profil

4. Menu Kelola Pembelian untuk melakukan upgrade blog menjadi premium

5. Menu Keamanan untuk mengatur kata sandi pada blog

Gambar 3.16. Menu pengaturan password blog

6. Menu Notifikasi untuk mengatur dan mengetahui beberapa notifikasi

seperti Komentar, Pembaruan, Langganan Pembaca dll

Page 25: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

22

Gambar 3.17. Menu pengaturan komentar

B. PENGATURAN TEMA WORDPRESS

Untuk pengaturan tema wordpress, dapat

dilakukan melalui menu sesuaikna pada sidebar menu

wordpress di halaman administrator. Selanjutnya akan

diarahkan pada pemilihan tema yang tersedia pada

halaman wordpress.

Kekurangan untuk jenis wordpress versi gratis

adalah keterbatasan dari tema wordpress. Wordpress

membatasi tema-tema tertentu saja yang disediakan

untuk versi gratis ini. Pada dasarnya tema/template

website ini dapat kita buat sendiri sesuai dengan

kebutuhan, akan tetapi fasilitas tersebut hanya disediakan

untuk jenis website berbayar.

Gambar 3.18. Panel menu

pengaturan template

Page 26: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

23

1. Memilih Tema Wordpress

Pilih tema sesuai dengan tema wordpress yang sesuai dengan informasi yang akan

di tampilkan pada halaman website. Perhatikan juga warna template, bentuk

penyajian informasi, tata letak, fitur template yang disediakan agar nantinya tidak

terlalu sering berganti-ganti template karena terkadang fitur pada salah satu

template, ketika dijalankan pada template yang lain belum tetnu berjalan dengan

baik.

Gambar 3.19 Menggunakan template wordpress Franklin

Page 27: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

24

Pilih salah satu tema yang disediakan wordpress, selanjutnya pilih tombol

sesuaikan situs untuk masuk ke halaman kustomisasi tema.

Gambar 3.20 Ke halaman pengaturan template

2. Pengaturan Tema/Template Halaman

a. Identitas Situs

Pada menu ini dapat dilakukan perubahan

terhadap judul situs, slogan atau tak line situs,

logo situs, footer, icon pada title bar situs yang

sedang dibangun.

b. Warna & Latar Belakang

Pada menu ini dapat dilakukan untuk

menyesuaikan warna background situs. Pada

menu ini juga tersedia fasilitas rekonemdasi

warna yang cocok digunakan untuk situs yang di

buat atau memilih warna sesuai dengan warna

situs yang di inginkan.

c. Font

Menu ini digunakan untuk menyesuaikan jenis font yang digunakan dalam

situs ini. Font yang dapat disesuaikan antara lain font untuk tajuk/judul dan

font untuk isian content.

Gambar 3.21 Panel menu pengaturan webiste

Page 28: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

25

d. Menu

Tab menu digunakan untuk melakukan pengaturan lebih lanjut terhadap

menu bar yang akan di tampilkan pada website. Untuk pengaturan menu akan

dibahas pada point tersendiri pada modul ini.

e. Opsi Konten

Menu ini digunakan untuk melakukan pengaturan terhadap tampilan-

tampilan konten yang akan di tanyangkan seperti menampilkan tulisan konten

penuh atau hanya kutipan singkat, menampilkan tanggal publish, kategori,

penulis dll.

f. Widget

Tidak berbeda jauh dengan rivalnya blogger, pada wordpress juga terdapat

widget yang dapat digunakan untuk mempercantik tampilan website. Pada

menu ini digunakan untuk melakukan pengaturan tata letak dari widget-

widget yang digunakan pada website.

g. Pengaturan Beranda

Pada menu ini akan diatur tentang halaman awal dari website yang dibuat

untuk menampilkan halaman apa yang akan ditampilkan terlebih dahulu. Ada

dua opsi yaitu static atau dinamis. Static dimana halaman yang ditampilkan

mengacu pada salah satu pos/kontent/page yang di buat ketika pertama kali

website di buka/ dikunjungi. Sedangkan dinamis halaman yang akan

ditampilkan dapat berupa post-post terbaru yang berarti akan terus update

sesuai dengan post yang di publish pada website.

3. Menyimpan Settingan

Untuk melakukan penyimpanan settingan yang telah dilakukan dapat dilakukan

dengan cara mengklik tombol terbitkan dan kita sudah dapat melihat perubahan

tema yang dilakukan dengan mengakses url website

Cara mengakses : namadomain.wordpress.com

Page 29: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

26

C. PENGATURAN MENU

Untuk melakukan pengaturan menu website, akan lebih mudah dilakukan

melalui halaman administrator. Berikut ini step by step pengelolaan menu pada

wordpress:

1. Logout dari halaman customisasi template

2. Login melalui url: http://namadomain.wordpress.com/wp-admin/, login

menggunakan akun email yang digunakan untuk registrasi website pada

wordpress.

Gambar 3.22 Login kedalam akses admin

Dalam proses pembuatan menu ada beberapa model yang dapat dijadikan sebagai

menu pada website, yaitu :

a) Kategori

Page 30: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

27

Kategori dapat direkomendasikan dalam proses pembuatan menu, hal ini

karena setiap post yang akan di publish akan dikelompokkan sesuai dengan

kategori yang di pilih saat melakukkan posting artikel.

b) Page

Page/Laman/Halaman ini juga dapat dijadikan sebagai menu akan tetapi

sifatnya yang statis. Biasanya penggunaan page dailakukan untuk membuat

menu halaman kontak, dimana sifat kontak yang cenderung jarang berubah-

ubah.

3. Untuk menambahkan menu baru yang dilakukkan pertama kali adalah dengan

membuat kategori menu sesuai dengan peta manu yang telah di buat

Gambar 3.23 Peta menu website

4. Ke menu Post -> Kategori, dan buat list pada kategori sebanyak enam menu

dengan menu Informasi Umum dan Informasi Akademik sebagai child dari

kategori Informasi

Page 31: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

28

Gambar 3.24 Pengaturan kategori untuk menu

5. Selanjutnya ke menu Tampilan -> Menu

Gambar 3.25 Menambahkan menu website dari kategori

6. Pilih dorpdown Kategori -> Pilih tab Lihat Semua -> Pilih semua menu (kecuali

kontak) -> Klik tombol Tambahkan ke Menu

Gambar 3.26 Pengaturan tampilan menu

Page 32: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

29

7. Remove menu Home dan Tentang -> Selanjutnya atur posisi menu -> Ceklis mode

penayangan sebagai Menu Utama -> Simpan Menu

Gambar 3.27 Mensetting menu sebagai menu utama website

8. Lihat hasil perubahannya pada halaman website

Gambar 3.28 Hasil akhir pengaturan menu

Page 33: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

30

3.3 MEMBUAT POST BARU

Menu Semua Pos untuk melihat beberapa posting artikel yang telah di buat

sebelumnnya. Pada halaman ini pula kita dapat melakukan update, edit atau

menghapus posting artikel yang telah di buat sebelumnya

Gambar 3.29 Hasil akhir pengaturan menu

Untuk membuat post baru ikuti langkah-langkah sebagai berikut :

a. Pilih menu Post -> Tambah Baru atau dari halaman semua post dapat

mengklik tombol Tmabah Baru.

Isi form post seperti kolom judul, kontent dll

Gambar 3.30 Pengaturan Post Baru

Judul Post

Kontent Post

Menambahkan Mendia

berupa image music,

video dll

Pengaturan isi konten

Pengaturan view

editor

Pengaturan text

(HTML) editor

Pengaturan

tanggal publish

Menyimpan

kedalam bentuk

draft sebelum

publish

Pengaturan

Penempatan post

pada menu

Menambahkan

tag pada post

Menambahkan

Gambar utama

pada post

Page 34: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

31

b. Klik menu terbitkan untuk memposting artikel yang telah di buat.

c. Untuk melihat hasil klik pada menu, dimana post tersebut dikaitkan (pada

kategori)

3.4 PENGATURAN KEAMANAN

Pada setiap website perlu dilakukannya pengamanan, karena pengamanan berupa

penambahan security berfungsi untuk mengahalu beberapa serangan haking. Hacker

bekerja secara random dalam melakukan pembobolan halaman website dengan

berbagai motivasi. Ada yang sifatnya coba-coba, ada pula yang memang bertujuan

khusus seperti pencurian data atau melumpuhkan situs tertentu.

Pada wordpress sendiri ada beberapa security yang di tawarkan oleh store.

Security ini berupa plugin-plugin yang siap digunakan dan tentunya berbayar.

Walaupin memang pada kenyataannya security yang di tawarkan baik berbayar atau

free alias gratisan pada wordpress tidak sebaik security-security yang ditanamkan

pada webiste native, akan tetapi sudah cukup dapat diandalkan.

Pada keadaan default wordpress meminta kita agar mengaktifkan akismet &

Privacy. Ini bertujuan untuk memblokir spam yang keungkinan akan masuk. akismet

& Privacy dapat kita lihat pada saat mengakses halaman dashboard admin.

Gambar 3.31. Akismet & Privacy unutk menghalau spam

Untuk mengaktifkan fasilitas akismet & privacy kita dapat langsung mengklik link

enable pada halaman tersebut. Selanjutnya kita akan diarahkan pada halaman baru

untuk menyimpan perubahan yang telah kita lakukan.

Page 35: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

32

BAB IV

PENUTUP

4.1. TIPS & TRIK

Ada beberapa manfaat yang dapat diambil dari kegiatan ngeblog antara lain:

1. Sebagai sarana untuk menumpahkan ide kreatif yang kita miliki yang mungkin

orang lain belum mengetahuianya dan bisa saja orang lain butuhkan

2. Sebagai media untuk berbagi ilmu (Knowledge manajemen sharing) yang tidak

tebatas

3. Sebagai media yang cukup baik dalam menyampaikan protofolio ketika di

butuhkan

4. Semua terrekam, semua tersimpan dan dapat dengan mudah diakses darimana

saja

5. Sebagai media promosi

6. Tulisan pada blog dapat dijadikan sebuah buku

Dan masih banyak lagi manfaat yang dapat diambil dari kegiatan ngeblog ini,

dan berikut ini tips dan trik agar semua tulisan pada blog dapat lebih teratur.

Berikut beberapa tipsnya :

1. Sebelum memulai membuat blog, alangkah baiknya menentukan tema blog

yang akan dibangun, misalkan untuk catatan travelling, portofolio fotography,

sharing ilmu pendidikan, berbagi resep masakkan, tausiah keagamaan dll

2. Pilih tema blog yang sesuai dengan apa yang akan kita bangun

3. Pasang beberapa plugin dan widget yang butuhkan

4. Pilih warna-warna flat agar lebih terlihat ringan dan tidak terlalu mencolok

5. Kolaborasikan dengan media lain seperti media sosial, email dll

6. Gunakan gambar yang sesuai dengan konten posting

7. Cantumkan referensi jika media-media post atau isi konten post berdasarkan

pemikiran orang lain sehingga dapat terhindar dari plagiat

8. Jadwalkan dan rencanakan waktu posting

Page 36: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

33

4.2. KESIMPULAN

Modul ini dibuat untuk para pembaca yang ingin mengetaui, memahami dan

mempraktekan cara membuat website sendiri secara gratis yang disediakan oleh

wordpress.

Demikian pembahasan mengenai dasar-dasar pembuatan blog menggunakan

fasilitas CMS (Content Management System) Wordpress, semoga dengan membaca

modul ini dan mengikuti step by stepnya, saya khususnya sebagai penulis dan

umumnya untuk semua pembaca dapat lebih memahami dan dapat mempraktekan

membuat website sendiri.

Selamat Ngeblog 😊 (YPA)

***

Page 37: KATA PENGANTAR · KATA PENGANTAR Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah memberikan rahmat dan hidayahnya sehingga modul Membangun Website Pribadi dengan Wordpress

34

BIODATA PENULIS

Saya bekerja sebagai Dosen di salah satu perguruan tinggi swasta

khususnya di bidang Software Engineering dan terlibat dalam

beberapa Project kecil yang bersifat personal maupun Perusahaan.

Bidang yang saya tekuni saat ini adalah Software Engineering. Saya

seorang Programmer Website dan Desktop (PHP MySQL, VB.Net)

dan Menguasai bidang Desain Grafis (Vector, 2D dan 3D)

Nama : Yoseph Tajul Arifin

Gelar : M.Kom

Pekerjaan : Dosen pada institusi AMIK BSI Bogor

Pendidikan Terakhir : S2 Nusa Mandiri Jakarta

Jurusan dan Bidang : Ilmu Komputer

Email : [email protected]

Website : http://yosephta.wordpress.com/