• 430 likes • 727 Views
PANDUAN ADMIN WEB BLOG MENGGUNAKAN WORDPRESS. DI LINGKUNGAN UNIVERSITAS MUHAMMADIYAH SEMARANG. Oleh: A. Fathurohman. UPT Teknologi Informasi dan Komunikasi Universitas Muhammadiyah Semarang (c) 2013. Daftar Isi. Pengelolaan Media Gambar / File (24) Upload (25) Pengelolaan File (26)
E N D
PANDUANADMIN WEB BLOG MENGGUNAKAN WORDPRESS DI LINGKUNGAN UNIVERSITAS MUHAMMADIYAH SEMARANG Oleh: A. Fathurohman UPT Teknologi Informasi dan Komunikasi Universitas Muhammadiyah Semarang (c) 2013
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)
CONTENT MANAGEMENT SYSTEM (CMS) YANG DIGUNAKAN • Perangkat Lunak Berbasis Lisensi Kode Terbuka (Open Source) • Web Server Under Linux • Sodtware Aplikasi : WordPress
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.
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
Bagian Pokok Web Blog • Dashboard • Bagian untuk pengelola / administrator • Situs / Web • Bagian publikasi yang terlihat pembaca di internet
DASHBOARD Bagian untuk pengelola/administrator Web Pengaturan dan pengelolaan konten web blog program studi
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
Post • QuickPress • Add New Post • Edit dan Hapus
QuickPress Untuk Ketikan Judul Berita • Posting Berita Cepat Untuk Ketikan Isi berita Klik untuk mempublikasikan berita di internet Menyisipkan Gambar / File
Add New Post Klik untuk menambahkan posting berita baru Untuk menambahkan berita baru bisa menggunakan menu Add New Post
Tempat untuk menuliskan berita / informasi terbaru MEMPUBLIKASIKAN BERITA DI INTERNET KETIKAN JUDUL BERITA DI SINI! KETIKAN ISI BERITA DI SINI!
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
Catatan • Edit => Untuk mengedit judul / isi berita • Quick Edit =>untuk mengedit Cepat • Trash => Untuk Menghapus Post • View => untuk menampilkan Hasil Posting
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
Add New Page KIK UNTUK MENAMBAHKAN HALAMAN BARU
Editor Page KETIKAN JUDUL HALAMAN Tempat Ketikan Isi Kalaman PUBLIKASI HALAMAN DI INTERNET
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
Pengaturan Page Pada Induk Halaman PARENT PAGE HALAMAN-HALAMAN YANG MENGINDUK PADA PROFILE (PAGE YANG PARENTNYA DI ISI PROFIL)
Edit dan Hapus • Klik Page => All Page • Dekatkan mouse pada judul page • Pilih Edit | Quick Edit | Trash | View
Catatan • Edit => mengedit halaman • Quick Edit =>mengedit Cepat halaman • Trash => menghapus halaman • View => untuk menampilkan halaman
Edit Page PASTIKAN KLIK [UPDATE] SETELAH MELAKUKAN EDITING Layar edit pada prinsipnya sama dengan layar entri, yang berbeda adalah klik untuk Update
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
Fasilitas Upload Media KLIK UNTUK UPLOAD FILE PILIH FILE/GAMBAR YANG AKAN DIUPLOAD BISA DI BLOK BEBERAPA FILE SEKALIGUS
Pengelolaan File / Gambar MENAMBAHKAN FILE / GAMBAR BARU
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
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]
Bisa memilih media/file/gambar yang telah diupload atau mengupload file baru Pilih salah satu gambar yang akan disisipkan
Mengatur Posisi Gambar dalam Teks klik pada gambar yang telah tersisip di berita Ada tanda untuk edit media dan hapus Klik edit media
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
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
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
APPEREANCE Themes PENGATURAN DISAIN WEB DENGAN TEMA YANG TERSEDIA ATAU ISNTALL BARU DISAIN YANG DIINGINKAN/ Harus koordinasi dengan admin TIK jika ingin melakukan perubahan
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
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
Kustomisasi Background Siapkan file berbentuk jpg/png Upload disini / atau bisa menggunakanyang ada di lybrary Pengaturan tampilan gambar Klick Jika telah selesai kustomisasi
Semoga Web Program Studi Unimus Semakin Berkualitas Menuju unimusberkelas dunia