PANDUAN ADMIN WEB BLOG MENGGUNAKAN WORDPRESS

1. PANDUANADMIN WEB BLOG MENGGUNAKAN WORDPRESS DI LINGKUNGAN UNIVERSITAS MUHAMMADIYAH SEMARANG Oleh: A. Fathurohman UPT Teknologi Informasi dan Komunikasi Universitas Muhammadiyah Semarang (c) 2013

2. Daftar Isi • Pengelolaan Media Gambar / File (24) • Upload (25) • Pengelolaan File (26) • Edit Media (27) • Insert media dalam post dan page (28) • Pemilihan Media (29) • Pengaturan posisi tampilan (30) • Library (31) • Disain dan Kustomisasi (33) • Setting (34) • Appereance (35) • Themes (35) • Widget (36) • Header (37) • Background (38) • Sekilas CMS WordPress (3) • User Login (5) • Bagian Pokok Web Blog (6) • Dashboard (7) • Situs Web (8) • Menu Dashboard (9) • Posting Berita (10) • Quick Press (11) • Addnew Post (12) • Edit & Hapus (14) • Pengelolaan Halaman /Page (16) • Add New (17) • Atributs (Parent, Template, dan Order) (19) • Pengaturan Page (20) • Edit dan Hapus (21)

3. CONTENT MANAGEMENT SYSTEM (CMS) YANG DIGUNAKAN • Perangkat Lunak Berbasis Lisensi Kode Terbuka (Open Source) • Web Server Under Linux • Sodtware Aplikasi : WordPress

4. Sekilas WordPress WordPress ialah platform penerbitan pribadi yang semantik, yang berfokus pada estetika, standar web, dan kegunaan. WordPress merupakan pengelola konten web yang bersifat terbuka, mudah dikelola dan dikembangkan. Sangat mudah mengelola sebuah blog atau sebuah situs web yang cantik.

5. USER LOGIN (Administrator) Ketikan alamat Domain Anda dikuti /wp-admin Contoh: http://fathur.dosen.unimus.ac.id/wp-admin Ketikkan Username Web Blog Anda Masukkan Password Anda

6. Bagian Pokok Web Blog • Dashboard • Bagian untuk pengelola / administrator • Situs / Web • Bagian publikasi yang terlihat pembaca di internet

7. DASHBOARD Bagian untuk pengelola/administrator Web Pengaturan dan pengelolaan konten web blog program studi

8. SITUS / WEB

9. MENU DASHBOARD Fasilitas untuk posting / memasukan informasi pada halaman depan, yang akan bergeser secara otomatis, posting terbaru di halaman depan atas Fasilitas untuk mengelola media/file foto, video, dokumen pdf Fasilitas untuk mengelola halaman web, yang bisa ditempatkan pada posisi tertentu tergantung keinginan pengelola Fasilitas untuk mengelola komentar pembaca Fasilitas untuk mengelola model disain, tema tampilan, header, dan yang berkaitan dengan performance tampilan web Fasilitas untuk mengelola user admin yang diperbolehkan ikut masuk ke dashboard Alat bantu pengelolaan dashboard Fasilitas untuk pengaturan umum web blog

10. Post • QuickPress • Add New Post • Edit dan Hapus

11. QuickPress Untuk Ketikan Judul Berita • Posting Berita Cepat Untuk Ketikan Isi berita Klik untuk mempublikasikan berita di internet Menyisipkan Gambar / File

12. Add New Post Klik untuk menambahkan posting berita baru Untuk menambahkan berita baru bisa menggunakan menu Add New Post

13. Tempat untuk menuliskan berita / informasi terbaru MEMPUBLIKASIKAN BERITA DI INTERNET KETIKAN JUDUL BERITA DI SINI! KETIKAN ISI BERITA DI SINI!

14. Edit dan Hapus Post • Klik Dulu Post => All Posts • Dekatkan mouse ke salah satu judul post yang akan diedit • Akan keluar menu Edit|Quick Edit|Trash|View KLIK UNTUK EDIT

15. Catatan • Edit => Untuk mengedit judul / isi berita • Quick Edit =>untuk mengedit Cepat • Trash => Untuk Menghapus Post • View => untuk menampilkan Hasil Posting

16. Page Adalah halaman informasi yang bisa ditempatkan pada posisi sesuai yang dikehendaki. Penulisan page pada prinsipnya sama dengan penulisan post, yang berbeda hanya posisi halaman yang ada di web kita. Umumnya digunakan untuk informasi yang bersifat statik/tidak berubah/jarang berubah, seperti profile program studi. • Add New • Atributs (Parent, Template, dan Order) • Insert Media • Edit dan Hapus

17. Add New Page KIK UNTUK MENAMBAHKAN HALAMAN BARU

18. Editor Page KETIKAN JUDUL HALAMAN Tempat Ketikan Isi Kalaman PUBLIKASI HALAMAN DI INTERNET

19. Atributs Page Untuk menentukan induk halaman Untuk memilih model template halaman yang diinginkan Jika dalam satu induk halaman terdiri dari banyak halamannya Bisa diberi nomor urut mulai dari 0, 1, 2, dst.. dan akan tampil nomor terkecil paling atas atau paling kiri Jika order default (0) dan tidak diganti maka wordpress akan menampilkan secara acak

20. Pengaturan Page Pada Induk Halaman PARENT PAGE HALAMAN-HALAMAN YANG MENGINDUK PADA PROFILE (PAGE YANG PARENTNYA DI ISI PROFIL)

21. Edit dan Hapus • Klik Page => All Page • Dekatkan mouse pada judul page • Pilih Edit | Quick Edit | Trash | View

22. Catatan • Edit => mengedit halaman • Quick Edit =>mengedit Cepat halaman • Trash => menghapus halaman • View => untuk menampilkan halaman

23. Edit Page PASTIKAN KLIK [UPDATE] SETELAH MELAKUKAN EDITING Layar edit pada prinsipnya sama dengan layar entri, yang berbeda adalah klik untuk Update

24. Insert Media • Untuk menyisipkan file / gambar • Siapkan file / gambar yang akan disisipkan dalam informasi web (baik dalam Post maupun Page) • Untuk gambar gunakan file bertype jpg dengan resolusi rendah • Pilih Menu Media / Insert Media

25. Fasilitas Upload Media KLIK UNTUK UPLOAD FILE PILIH FILE/GAMBAR YANG AKAN DIUPLOAD BISA DI BLOK BEBERAPA FILE SEKALIGUS

26. Pengelolaan File / Gambar MENAMBAHKAN FILE / GAMBAR BARU

27. Edit Media Caption: Jika di isi akan muncul sebagai keterangan gambar di web Alternate Text: Jika di isi akan muncul sebagai alternatif, saat saat loading gambar / jika gambar gak muncul di web Description: Penjelasan gambar, yang dapat diakses oleh mensin pencari seperti Google

28. Menyisipkan Media di Post atau Page Klik untuk menyisipkan media gambar/file PADA SAAT ENTRI/EDIT POST BERITA ATAU ENTRI/EDIT PAGE Klik [Add Media]

29. Bisa memilih media/file/gambar yang telah diupload atau mengupload file baru Pilih salah satu gambar yang akan disisipkan

30. Mengatur Posisi Gambar dalam Teks klik pada gambar yang telah tersisip di berita Ada tanda untuk edit media dan hapus Klik edit media

31. Pengaturan Gambar None: Gambar tidak menyatu dnegan tulisan Left: gambar di sebelah kiri tulisan Center: Gambar di tengah tulisan Right : Gambar di kanan tulisan Alamat / link gambar Di server yang bisa dipublish Harus di klik jika selesai UPDATE

32. Library Adalah folder media yang telah diupload, baik yang telah dipublish / di gunakan pada Header, Post, atau Page maupun yang belum di publish. Bisa upload, edit, hapus, dan view Jika mouse didekatkan pada salah satu media akan keluar menu Edit|Dellete Permanently|view

33. DISAIN DAN KUSTOMISASI WEB

34. Nama Program Studi / Judul Web Blog SETTING Moto Program Studi / Tulisan yang mewakili Prodi Alamat web prodi/jangan diganggu Alamat email prodi Pengaturan waktu yang digunakan Klik setelah selesai melakukan setting

35. APPEREANCE Themes PENGATURAN DISAIN WEB DENGAN TEMA YANG TERSEDIA ATAU ISNTALL BARU DISAIN YANG DIINGINKAN/ Harus koordinasi dengan admin TIK jika ingin melakukan perubahan

36. Widget WIDGET YANG AKTIF DI HALAMAN DEPAN WEB Dipindahkan dengan mouse (drag / drop) • Fasilitas untuk menyiapkan tautan atau sarana yang ditampilkan di halaman depan • Minimal yang harus di tampilkan adalah • Search : Pencarian • Calendar : Kalender • Post : Daftar judul Berita yangtelah di posting • Page : Daftar halaman yang tersedia • Meta : Fasilitas untuk login

37. Kustomisasi Header Siafkan file berbentuk jpg/png/gif Uploadkan di sini Jika memiliki header banyak, bisa ditampilkan secara acak dengan klik di sini Klik Jika telah selesai kustomisasi

38. Kustomisasi Background Siapkan file berbentuk jpg/png Upload disini / atau bisa menggunakanyang ada di lybrary Pengaturan tampilan gambar Klick Jika telah selesai kustomisasi

39. Semoga Web Program Studi Unimus Semakin Berkualitas Menuju unimusberkelas dunia