PANDUAN ADMIN WEB BLOG PRIBADI MAHASISWA Oleh: A. Fathurohman TIK Unimus (c) 2013 1 Daftar Isi Sekilas CMS WordPress (3) User Login (5) Bagian Pokok Web Blog (6) Menu Dashboard (9) Posting Berita (10) Pengelolaan Halaman /Page (16) ◦ ◦ ◦ ◦ Add New (17) Atributs (Parent, Template, dan Order) (19) Pengaturan Page (20) Edit dan Hapus (21) Upload (25) Pengelolaan File (26) Edit Media (27) Insert media dalam post dan page (28) Pemilihan Media (29) Pengaturan posisi tampilan (30) Library (31) o o o o o o o ◦ Dashboard (7) ◦ Situs Web (8) ◦ Quick Press (11) ◦ Addnew Post (12) ◦ Edit & Hapus (14) Pengelolaan Media Gambar / File (24) Disain dan Kustomisasi (33) o o Setting (34) Appereance (35) o Themes (35) o Widget (36) o Header (37) o Background (38) TIK Unimus (c) 2013 2 CONTENT MANAGEMENT SYSTEM (CMS) YANG DIGUNAKAN Perangkat Lunak Berbasis Lisensi Kode Terbuka (Open Source) Web Server Under Linux Sodtware Aplikasi : WordPress TIK Unimus (c) 2013 3 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. TIK Unimus (c) 2013 4 USER LOGIN (Administrator) Ketikan alamat Domain Anda dikuti /wp-admin Contoh: http://mahasiswa.unimus.ac.id/wp-admin Ketikkan Username Web Blog Anda | username Masukkan Password Anda password TIK Unimus (c) 2013 5 Bagian Pokok Web Blog Dashboard ◦ Bagian untuk pengelola / administrator Situs / Web ◦ Bagian publikasi yang terlihat pembaca di internet TIK Unimus (c) 2013 6 DASHBOARD Bagian untuk pengelola/administrator Web Pengaturan dan pengelolaan konten web blog program studi TIK Unimus (c) 2013 7 SITUS / WEB TIK Unimus (c) 2013 8 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 TIK Unimus (c) 2013 9 Post All Posts Add New Post Edit dan Hapus TIK Unimus (c) 2013 10 QuickPress Posting Berita Cepat Untuk Ketikan Judul Berita Untuk Ketikan Isi berita Klik untuk mempublikasikan berita di internet Menyisipkan Gambar / File TIK Unimus (c) 2013 11 Add New Post Klik untuk menambahkan posting berita baru Untuk menambahkan berita baru bisa menggunakan menu Add New Post TIK Unimus (c) 2013 12 Tempat untuk menuliskan berita / informasi terbaru KETIKAN JUDUL BERITA DI SINI! MEMPUBLIKASI KAN BERITA DI INTERNET KETIKAN ISI BERITA DI SINI! TIK Unimus (c) 2013 13 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 TIK Unimus (c) 2013 14 Catatan Edit => Untuk mengedit judul / isi berita Quick Edit =>untuk mengedit Cepat Trash => Untuk Menghapus Post View => untuk menampilkan Hasil Posting TIK Unimus (c) 2013 15 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 TIK Unimus (c) 2013 16 Add New Page KIK UNTUK MENAMBAHKAN HALAMAN BARU TIK Unimus (c) 2013 17 Editor Page KETIKAN JUDUL HALAMAN Tempat Ketikan Isi Kalaman PUBLIKASI HALAMAN DI INTERNET TIK Unimus (c) 2013 18 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 TIK Unimus (c) 2013 19 Pengaturan Page Pada Induk Halaman PARENT PAGE HALAMAN-HALAMAN YANG MENGINDUK PADA PROFILE (PAGE YANG PARENTNYA DI ISI PROFIL) TIK Unimus (c) 2013 20 Edit dan Hapus Klik Page => All Page Dekatkan mouse pada judul page Pilih Edit | Quick Edit | Trash | View TIK Unimus (c) 2013 21 Catatan Edit => mengedit halaman Quick Edit =>mengedit Cepat halaman Trash => menghapus halaman View => untuk menampilkan halaman TIK Unimus (c) 2013 22 Edit Page PASTIKAN KLIK [UPDATE] SETELAH MELAKUKAN EDITING Layar edit pada prinsipnya sama dengan layar entri, yang berbeda adalah klik untuk Update TIK Unimus (c) 2013 23 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 TIK Unimus (c) 2013 24 Fasilitas Upload Media KLIK UNTUK UPLOAD FILE PILIH FILE/GAMBAR YANG AKAN DIUPLOAD BISA DI BLOK BEBERAPA FILE SEKALIGUS TIK Unimus (c) 2013 25 Pengelolaan File / Gambar MENAMBAHKAN FILE / GAMBAR BARU TIK Unimus (c) 2013 26 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 TIK Unimus (c) 2013 27 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] TIK Unimus (c) 2013 28 Bisa memilih media/file/gambar yang telah diupload atau mengupload file baru Pilih salah satu gambar yang akan disisipkan TIK Unimus (c) 2013 29 Mengatur Posisi Gambar dalam Teks klik pada gambar yang telah tersisip di berita Ada tanda untuk edit media dan hapus Klik edit media TIK Unimus (c) 2013 30 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 TIK Unimus (c) 2013 31 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 TIK Unimus (c) 2013 32 DISAIN DAN KUSTOMISASI WEB TIK Unimus (c) 2013 33 SETTING Nama Program Studi / Judul Web Blog Moto Program Studi / Tulisan yang mewakili Prodi Alamat web prodi/jangan diganggu Alamat email prodi Pengaturan waktu yang digunakan Klik setelah selesai melakukan setting TIK Unimus (c) 2013 34 APPEARANCE Themes PENGATURAN DISAIN WEB DENGAN TEMA YANG TERSEDIA ATAU ISNTALL BARU DISAIN YANG DIINGINKAN/ Harus koordinasi dengan admin TIK jika ingin melakukan perubahan TIK Unimus (c) 2013 35 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 TIK Unimus (c) 2013 36 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 TIK Unimus (c) 2013 37 Kustomisasi Background Siapkan file berbentuk jpg/png Upload disini / atau bisa menggunakanyang ada di lybrary Pengaturan tampilan gambar Klick Jika telah selesai kustomisasi TIK Unimus (c) 2013 38 Semoga Web Anda Berlualitas TERIMA KASIH 0818457761 081325043677 (FATHUR) TIK Unimus (c) 2013 39