Panduan Pengelolaan Web Berbasis WordPress IICACS - Institutional Repository ISI Surakarta

  Panduan Pengelolaan W eb

Ber basis W or dPr ess

  IICACS Fransisca Pramesti, S.Si, M .Eng.

  UPT. Teknologi Informasi dan Komunikasi Inst itut Seni Indonesia Surakart a

A. W eb Berbasis W ordPress

  Web dibangun m enggunakan Cont ent M anagement Syst em (CM S) yait u suat u perangkat lunak yang digunakan unt uk m enam bahkan at au m engubah isi web. Pem ilihan CM S m em pert im bangkan kem udahan pengelolaan bagi admin w eb dan kem udahan akses inform asi bagi pengunjung w eb. Pengguna dalam w eb berbasis WordPress ini dibagi m enjadi dua yait u administ rat or dan pengunjung. M asing-m asing m em punyai hak akses sebagai berikut :

  1) Adm inist rat or : Peran administ rat or dapat m engubah dan m engat ur t em a yang berhubungan dengan t am pilan web, m enam bah post ingan, m engedit dan m enghapus post ingan, m elihat daft ar pesert a dan abst rak yang m asuk. Secara garis besar Adm inist rat or m em punyai kont rol penuh t erhadap w eb.

  2) Pengunjung : Dalam w eb ini peran pengunjung dapat m elihat inform asi, m endaft ar sem inar dan m em asukkan abst rak m elalui halam an form yang disediakan pada w eb ini.

1. Struktur M enu Pada Dashboard W ordpress

  Sebelum m elihat st rukt ur m enu, pengelola w eb m elakukan login ke namasubdomain.isi-

  ska.ac.id/ w p-admin . Tam pilan halam an login sepert i gam bar 1.1 berikut :

Gambar 1. 1. Tampilan Halaman Login

Set elah Anda berhasil m asuk ke halam an w eb, Anda akan m asuk ke halam an dashboard WordPress.

  Tam pilan dashboard sepert i gam bar 1.2. berikut :

  

Gambar 1. 2. Tampilan Halaman Dashboard

  Halam an dashboard m erupakan halam an unt uk m engelola sit us Anda. Beberapa penjelasan bagian yang ada di halam an dashboard ini adalah sebagai berikut : Kot ak yang m enam pilkan inform asi jum lah post ingan dan halam an sit us Anda t erlihat di kot ak At Glance. (Gam bar 1.3).

  

Gambar 1. 3. Kotak At Glance

  Pada kot ak Activity m enam pilkan inform asi t ulisan t erbaru yang dit erbit kan, pingbacks dan kom ent ar t erbaru. Dari sini, Anda bisa cepat m enyet ujui kom ent ar, m em balas, t andai sebagai spam at au m enghapusnya ke t em pat sam pah. Gam bar 1.4.

  

Gambar 1. 4. Kotak Activity

  Kot ak selanjut nya adalah Quick Draft yang m em ungkinkan Anda m em buat draft art ikel dengan cepat . Gam bar 1.5

  

Gambar 1. 5. Kotak Quick Draft

  Bagian baw ah kot ak Quick Draft adalah kot ak WordPress New s yang m enam pilkan inform asi t erbaru dari WordPress. Gam bar 1.6.

  Gambar 1. 6. W ordPress News.

  M enu dan Subm enu dashboard dit am pilkan di gam bar.

  Gambar 1. 7. M enu dan Submenu Dashboard. Penjelasan m enu dan subm enu di dashboard secara global : 1) Post adalah m enu unt uk m em buat dan m engedit t ulisan at au art ikel. Di dalam m enu Post t erdapat subm enu ant ara lain :

   All Post : berisi sem ua post yang sudah Anda t erbit kan

   Inst all Plugin : m enam bahkan plugin

   Writ ing, set t ing yang berhubungan dengan t ulisan Anda.

   General, set t ing um um sepert i judul blog Anda.

   Im port berfungsi unt uk m eng-im port set t ingan w eb, post ing, rest rore w eb 8) Export berfungsi unt uk m embackup m anual sem ua yang ada Set t ing adalah m enu pengat uran w eb Anda. Terdiri dari subm enu berikut :

  

Available t ools adalah t ools yang t ersedia yang dapat digunakan unt uk w ebsit e Anda.

  7) Tool : M enu ini m em ungkinkan kit a bisa m engeksport sem ua dat a w ebsit e dalam bent uk XM L

dan sebaliknya juga bisa mengim port dat a. Hal ini sangat m em bant u jika kit a ingin pindah

host ing at au ingin m em backup dat a w ebsit e, sehingga t idak t erlalu repot apabila t erjadi hal- hal yang t idak diinginkan pada w ebsit e. Subm enu didalam m enu Tools:

   Your Profil m enam pilkan dan m engubah t am pilan user yang sedang dipakai, bisa m engedit inform asi dan t am pilan pada profil.

   Add users M enam bah user akun baru

   All users Fungsinya m enam pilkan sem ua user akun yang t elah t erdaft ar di w ebsit e

   Edit or : Tem pat unt uk m engedit CSS t em plat e 5) M enu Plugin adalah m enu yang m enam pilkan daft ar plugin yang sudah t erpasang di w ebsit e, m enam bah plugin dan unt uk edit file php plugin.

   Background : m enggant i background t em plat e

   Add New : m em buat t ulisan at au art ikel baru

   M enus : m em buat dan m engat ur m enu

   Widget : m engat ur let ak w idget

   Cust om ize : m engat ur t am pilan w ebsit e

   Them es : unt uk m enggant i t em plat e w ebsit e

   Add New : digunakan unt uk m em buat Page baru 4) Appearance adalah m enu unt uk m engat ur t am pilan web Anda. Subm enu ant ara lain:

   All Page : berisi sem ua Page yang sudah Anda buat

   Add New : Jika Anda ingin m engupload file dari kom put er at au int ernet . 3) Page adalah m enu unt uk m em buat page pada w eb Anda. Subm enu Page ant ara lain :

   Library : berisi daft ar file-file Anda

   Tags : digunakan unt uk m engedit kat a kunci 2) M edia adalah m enu unt uk m em asukkan m edia berupa gam bar m aupun video. Subm enu ant ara lain :

   Cat egories : m em buat dan m engedit kat egori

6) Users adalah m enu unt uk m engat ur siapa saja yang menjadi adm in w ebsit e. Pada m enu ini kit a juga bisa m engat ur daya akses si pengguna CM S.

   Reading, set t ing yang efeknya ada pada pem baca blog Anda.

   Discussion, set t ing kom ent ar blog Anda.

   M edia, set t ing m edia dalam blog Anda.

   Privacy, set t ing agar blog Anda m asuk dalam search engine at au t idak.

   Perm alinks, unt uk m engat ur st rukt ur link w ebsit e Anda.

2. Pengaturan untuk tampilan w eb M enu Appearance

  M enu unt uk pengat uran t am pilan w eb Anda ada di m enu appearance

  (penjelasan point (4) hal 6) .

  Berikut beberapa bagian yang perlu dirubah unt uk disesuaikan dengan kebut uhan t am pilan w eb Anda :

   Pada subm enu t hem es bisa juga unt uk m enam bah t hem es baru unt uk keperluan t am pilan w eb Anda. Unt uk m enam bahkan t hem e baru pilih Add New (gam bar 1.8).

  Gambar 1. 8. M enu Untuk Tambah Theme

   Subm enu Cust om ize :

   Sit e ident it y

  Unt uk m enggant i logo, judul w eb dan t agline

  

Gambar 1. 9. Site Identity

 Big Tit t le Sect ion

  

Gambar 1. 10. Big Tittle Section

  M ain cont ent  m enggant i t ulisan didalam t om bol w arna m erah (read more) dan hijau (w orkshop

  registration)

  Parallax Effect  gant i gam bar ket ika kursor discroll (dalam cont oh gam bar penari) Video Background  selain gam bar, background dapat berupa video

   About Us Sect ion

  Pilih about us sect ion  m ain cont ent Bagian ini unt uk m enggant i isian About (t ent ang w ebsit e Anda).

  Gambar 1. 11. About us Section  Our Team Sect ion bagian ini unt uk m enggant i t ulisan keynot e speaker pada cont oh t am pilan w ebsit e ini.

  

Gambar 1. 12. Our Team Section Unt uk m enggant i profil fot o keynot e speaker gunakan m enu our team section widget

  Gambar 1. 13. Our Team section w idget  Cont act Us Sect ion unt uk m engubah t ulisan cont act us dan send m essage

  Gambar 1. 14. Contact us Section  Unt uk m enggant i gam bar background m asuk ke background im age

  Gambar 1. 15. Background Image

   Unt uk m elihat st rukt ur m enu dapat m elalui M enus  klik nam aM enu (dalam cont oh

  gam bar M enu1)

  

Gambar 1. 16. Lihat Struktur M enu

3. M embuat dan M engelola Posting

  Unt uk m encipt akan isi dari w eb, Anda dapat m em ilih unt uk m em buat nya m elalui halam an post at au page. Keduanya m em iliki kegunaan m asing-m asing unt uk m enhasilkan w eb Anda agar lebih dinam is. Pada um um nya m engisi web m elalui m enu post digunakan unt uk m em buat art ikel cont ent w eb (sebagai cont oh updat e berit a, siaran pers,m engum umkan event ). Sedangkan Page digunakan unt uk m enam pilkan inform asi yang t idak sering diperbarui (sebagai cont oh: info kont ak, lokasi).

1) M embuat Post

  Unt uk m ulai m encipt akan art ikel m elalui post , ada baiknya m em buat kat egori unt uk m engelom pokkan art ikel yang akan dit am pilkan. Unt uk m em buat kategori, pilih subm enu category pada m enu post di dashboard. Dalam m em buat cat egory : 1) m asukkan nam a kat egori pada kolom Nam e.

  

2) Lalu pada kolom Slug adalah anda dapat m engisik an k at a y ang anda ingink an, y ang

ak an m enj adi bagian dari url dari k at egori anda, biasanya t erdiri dari hurup kecil sem ua. Biark an dalam keadaan k osong secara ot om at is.

3) Pada k olom Parent s adalah k olom opt ional yang bisa Anda isikan at au abaik an saj a.

  

Pada bagian ini k at egori dapat m enj adi subbagian dari kat egori y ang lainnya.

  4) Pada bagian descript ion anda dapat m engisik an secara singkat m engenai k at egori y ang anda buat , Apabila sudah anda dapat m engklik " a dd ne w ca t egor y”.

  

Gambar 1. 17. M embuat Kategori

  Set elah kat egori dibuat , selanjut nya adalah m em buat post t ulisan. Langkah-langkah m em buat post :

   Pilih subm enu Add New pada m enu Post

   Tulis judul art ikel di kolom (1)

   Isikan art ikel di kolom (2)

   Pilih kat egori di kot ak (3)

   Pilih Publish (4)

  

Gambar 1. 18. Langkah-langkah M embuat Post Selain m em asukkan dalam bent uk t ulisan dapat juga m em asukkan media berupa gam bar dan juga m em asukkan hyperlink ke dalam art ikel, didalam m enu post pilih t om bol Add M edia.

   Jika gam bar yang diinginkan sudah ada di m edia library, pilih gam bar lalu pilih insert int o post

  Gambar 1. 19. Gambar Sudah Ada di M edia Library

   Jika gam bar belum ada di m edia library, pilih t ab upload files  select file  insert int o post

  Gambar 1. 20. Insert Gambar Ke M edia Library

  Selain t ulisan dan m edia, didalam m enu post juga dapat dit am bahkan hyperlink. Langkah-langkah m enam bahkan hyperlink :

   Dari post WordPress at au edit or halam an, pilih t eks yang ingin dit am bahkan hyperlinknya

   Set elah Anda m emiliki t eks yang dipilih, klik hyperlink t om bol pada t oolbar.

   Selanjut nya akan m uncul kot ak di m ana Anda dapat m em asukkan URL yang diinginkan

   Set elah Anda m emiliki URL hyperlink Anda, m asukkan linknya dan pilih t om bol Add Link. Sekarang t eks yang dipilih Anda akan m em iliki link.

2) M embuat Page

  M em buat Page pada WordPress m irip dengan m em buat post ing. Hanya saja Page dit ujukan unt uk kont en w eb yang st at is. Dari dashboard pilih page lalu pilih add new

  Gambar 1. 21. Sub M enu Page

  Tulis judul page lalu isikan art ikel/ t ulisan/ deskripsi/ keterangan apapun yang diinginkan di kot ak isian. Lalu pilih publish.

3) M embuat M enu Hirarki

  Dari kont en st at is dalam bent uk Page dapat dibuat st rukt ur m enu hirarki sepert i cont oh gam bar :

  Gambar 1. 22. Contoh M enu Hirarki

  Langkah-langkah yang dilakukan untuk membuat tampilan menu hirarki : _{o o} Dari dashboard pilih appearance  subm enu M enus

  Creat e m enu m isalnya m enu1 (sepert i pada cont oh gam bar) lalu pilih t om bol creat e . _o Gambar 1. 23. Sub M enu M enus pada M enu Appearance di Dashboard Kem udian pada kot ak page klik nam a-nam a Page yang ingin dijadikan sebagai m enu

  _o

Gambar 1. 24. Pilih Page yang Akan menjadi M enu Hirarki

  Pada kot ak m enu st ruct ure, klik m enu yang diinginkan m enjadi subm enu sebagai cont oh Post er m enjadi subm enu Login. _o

Gambar 1. 25. Letakkan Sub M enu

Set elah t am pil sepert i gam bar pilih under login selesai.

  

B. M enyambungkan Email ISI ke Smartphone

  Buka aplikasi m ail di sm art phone Isikan em ail anda lalu pilih next / lanjut / t anda panah. Gam bar 1.26

  Gambar 1. 26

  Terdapat t iga pilihan pada t ahap penyiapan akun yait u : POP3, IM AP,EXCHANGE. Pilih POP3. Gam bar 1.27

  Gambar 1. 27

  Selanjut nya m asukkan sandi em ail isi anda pada t ahapan penyiapan akun

  Gambar 1. 28

  Set t ing pada t ahap penyiapan akun (set elan server keluar):

  Gambar 1. 29

  Server sm pt : m ail.isi-ska.ac.id Port : 587 Jenis keam anan : STARTTLS (m enerim a sem ua verifikasi), cent ang harus m asuk Nam a pengguna : m asukkan em ail isi anda Sandi : m asukkan sandi em ail isi anda.

  M asih pada t ahap penyiapan akun

  Gambar 1. 30 Tahap selanjut nya pada penyiapan akun adalah pengat uran frekuensi sinkronisasi.