Wordpress ppt tentang file penting informatika
- 2. • CMS (Content Management System) adalah sistem perangkat lunak yang digunakan untuk mengatur dan membuat berbagai konten pada website. • CMS untuk membuat website (Wordpress, Joomla, Drupal) Belajar Wordpress Apa itu CMS?
- 3. • Wordpress adalah platform pembuatan website yang diciptakan pada tahun 2003 oleh Matt Mullenweg dan Mike Little • Wordpress bersifat open source (gratis dan bebas di modifikasi) Belajar Wordpress Apa itu Wordpress?
- 4. Belajar Wordpress Trending Pencarian Google Garis Biru = Wordpress | Garis Merah = Joomla | Garis Kuning = Drupal
- 5. Wordpress adalah CMS yang paling mudah untuk digunakan untuk orang awam. Belajar Wordpress Kenapa Pilih Wordpress? oMudah di kostum (drag and drop) oResponsive Mobile dan Web oRibuan Tema/ Template (gratis atau berbayar) oBanyak Plugin oPerforma yang cukup tinggi oKeamanan oKomunitas oTersedia banyak tutorial
- 6. Wordpress adalah CMS yang paling mudah untuk digunakan untuk orang awam. Belajar Wordpress Kekurangan Wordpress? o Keamanan Semakin banyak pengguna, ancaman serangan juga akan semakin banyak. o Dukungan pihak ketiga Perlu berhati-hati terhadap tema dan plugin yang memiliki bug. Selalu cek kembali review pengguna terhadap plugin tersebut. o Kecepatan Perlu menggunakan plugin yang hanya dibutuhkan saja untuk menjaga performa web
- 7. Belajar Wordpress Jenis Website Wordpress? o Website Berita o Website Forum o Website Jual Beli / Toko Online o Website Galeri o Website Instansi o Website Sekolah, dll
- 8. Belajar Wordpress Perbedaan jenis Wordpress? o.COM adalah perusahaan hosting yang menggunakan sistem pengaturan konten WordPress untuk semua blog yang dibuat di dalamnya. Jika tertarik membuat blog menggunakan platform ini maka tipe domain yang didapatkan adalah myblog.wordpress.com. Untuk paket defaultnya bisa didapatkan gratis, namun jika ingin custom maka harus berbayar. o.ORG adalah website yang digunakan jika ingin membuat situs self hosted pada wordpress. Melalui wordpress.org pengguna bisa mengunduh platform wordpress dan mendapatkan banyak tema maupun plugin gratis.
- 9. Belajar Wordpress Kebutuhan belajar Wordpress? o Local Web Server 1. Xampp 2. Wampp 3. Mamp 4. Ampps 5. EasyPHP 6. Laragon o Text Editor 1. Visual Studio Code 2. Sublime 3. Notepad++ 4. TextPad 5. Atom
- 10. Belajar Wordpress Installasi o Local Server o Text Editor o CMS Wordpress
- 11. Belajar Wordpress Login Administrator url: localhost/nama_folderWeb/wp-admin Inputkan: Username (gunakan username sesuai ketika instalasi) Password (gunakan password sesuai ketika instalasi) Jika berhasil maka akan tampil halaman dashboard
- 12. Belajar Wordpress Dashboard (Hal. Admin) 1. Pengenalan menu-menu 2. Pengaturan Awal Pengaturan: 1. Umum : judul, ikon, zona waktu, format tanggal, format waktu, minggu dimulai. 2. Membaca: tampilan beranda awal 3. Permalink: struktur permalink
- 13. Belajar Wordpress Dashboard (Hal. Admin) 3. Membuat kategori dan tags ◦ Kategori : untuk memudahkan kita dalam mengatur dan mengelompokkan postingan Posts > Categories POST BERITA GALERI UMUM SEKOLAH FOTO VIDEO
- 14. Belajar Wordpress Dashboard (Hal. Admin) 3. Membuat kategori dan tags ◦ Tags: fitur wordpress untuk mengelompokkan postingan. Setiap postingan bisa terdiri dari beberapa tag. Pengunjung dapat klik tag untuk menemukan postingan dengan tag yang sama ◦ Posts > Tags Kategori Tags Bersifat wajib, jika tidak akan masuk kategori Uncategorized Bersifat optional Memiliki Sub-kategori Berdiri sendiri Merupakan topik umum Merupakan topik spesifik
- 15. Belajar Wordpress Pengelolaan 1. Mengubah bahasa 2. Membuat postingan 3. Mengelola media file 4. Instalasi tema (Tampilan > Tema) 5. Customize tema 6. Menggunakan Plugin online/offline (wordpress.org/plugins)
- 16. Belajar Wordpress Membuat Posting Berita 1. Klik Menu Pos > Tambahkan pos baru 2. Buat layout informasi dan gambar 3. Pada pengaturan pos klik tombol “Tetapkan Gambar Unggulan” 4. Jika sudah selesai, klik tombol Terbitkan
- 17. Belajar Wordpress Elementor Elementor merupakan page builder yang memiliki konsep layaknya editor drag-and-drop yang bisa digunakan di content management system (CMS) WordPress. Elementor hanya bisa digunakan pada platform WordPress dan tidak bisa digunakan di platform lainnya, terlebih framework.
- 18. Belajar Wordpress Elementor Apa saja yang bisa dibuat oleh elementor? 1. Landing Pages halaman yang mengarahkan pengunjung agar melakukan action tertentu sesuai keinginan pemilik website, contoh form, transaksi untuk produk dan layanan. 2. Widget elemen tambahan untuk melengkapi fungsi halaman. Widget dapat berupa login form, rekomendasi konten yang sejenis, peta, dan lain sebagainya. 3. Pop-up yang merupakan pesan atau iklan promosi yang muncul secara tiba-tiba ketika membuka website.
- 19. Belajar Wordpress Elementor Apa saja yang bisa dibuat oleh elementor? 4. Custom header dan footer merupakan elemen yang berisi identitas dan informasi spesifik seputar website. 5. Custom post types merupakan halaman biasa. Dengan Elementor, halaman konten tersebut bisa disesuaikan tampilannya sesuai keinginan. 6. Global widget merupakan widget yang bisa didesain sekali dan digunakan pada bagian-bagian web sekaligus.
- 20. Belajar Wordpress Atur Theme Pilihan elementor plugin. Berbayar: elementor.com | Gratis: proelements.org Cara instalasi plugin elementor 1. Akses pengelola admin (wordpress) 2. Menu Plugin > tambahkan plugin baru 3. Unggah plugin 4. Pilih file berkas hasil download dari proelements.org 5. Install dan aktivkan Cara mendapatkan plugin elementor gratis 1. Akses web https://proelements.org/ 2. Klik tombol download yang tersedia Plugin tambahan untuk elementor: 1. Pilih essential addons for elementor 2. Install dan aktivkan
- 21. Belajar Wordpress Persiapan 1. Install tema > tutorstarter / newsup 2. Install plugin > tutorMate, smart slider, animated text block ◦ tutorMate = plugin pendukung thema tutorstarter ◦ Smart slider = plugin carausel gambar (gambar bergerak) ◦ Animated text block = plugin animasi teks
- 22. Belajar Wordpress Menu Web Sekolah 1. Beranda 2. Profil ◦ Sekolah ◦ Visi dan Misi (page) ◦ Sejarah (page) ◦ Struktur Organisasi (page) ◦ Kepala Sekolah (page) ◦ Sarana dan Prasarana (page) ◦ Prestasi (page) 3. Berita ◦ Berita Sekolah (page) ◦ Pengumuman (page) 4. Galeri ◦ Gambar (page) ◦ Video (page) 5. Kontak (page)
- 23. Belajar Wordpress Praktek Buat halaman untuk semua menu 1. Pengaturan menu di Tampilan => Menu 2. Menyesuaikan menu dan submenu 3. Pastikan display location menunya pada Primary dan klik Simpan Menu
- 24. Belajar Wordpress Tugas Buat konten web sekolah pada tiap halaman sesuai dengan kreativitas dan kebutuhan Instruksi: Silahkan mencontoh atau berbagi isi konten dari website sekolah lain secara online terkait layout, image dan isi konten untuk efisiensi waktu. Wajib menggunakan logo sekolah tempat Anda bertugas. Gunakan foto aktivitas (real) disekolah tempat Anda bertugas. Tugas dikumpulkan dalam bentuk: *PDF = hasil capture tiap page/halaman dan diberikan keterangan nama page nya Upload file pada google drive yang sudah disediakan Berikan nama file tugas dengan format “nama peserta - nama sekolah.pdf”