2
Pendahuluan
Program ini dapat diikuti oleh setiap lapisan masyarakat termasuk pelajar/mahasiswa dan
diselenggarakan melalui e-learning terutama dikhususkan untuk masyarakat di wilayah
yang telah melaksanakan program kemitraan BUMDes. Program pengembangan
kompetensi SDM Digital diharapkan dapat menjadi pondasi untuk mendorong digitalisasi
dan penciptaan ekosistem digital di wilayah Kerja BAKTI terutama untuk ketersediaan
tenaga SDM digital
Deskripsi Pelatihan
Pengembangan CMS Website merupakan salah satu tema Pelatihan Dasar Jaringan dan
Perangkat Lunak dalam rangka pemberdayaan masyarakat desa. Peserta Pengembangan
CMS Website akan mampu meningkatkan pemahaman mengenai CMS, WordPress, Instalasi
tools pendukung pembuatan website di local, database WordPress di Localhost, Upload WordPress,
Pengenalan struktur WordPress, Pengaturan manajemen menu, users, pages dan post, modifikasi
WordPress dengan Tema, Widget dan Plugin, Sekilas tentang Moodle, instalasi Moodle di local,
Modifikasi tampilan moodle dengan tema dan plugin, Membuat konten, modul pelajaran dan soal,
Konfigurasi pengaturan nilai, Instalasi dan Konfigurasi sertifikat, meningkatkan SEO website sampai
Instalasi web CMS pada hosting.
Tujuan Pembelajaran
Kompetensi Dasar
3
INFORMASI PROGRAM PELATIHAN
INFORMASI PEMBELAJARAN
Modifikasi Modifikasi
WordPress dengan WordPress dengan
Tema, Widget dan Tema, Widget dan
Plugin Plugin
Materi Pokok
4
8 Modifikasi wordpress dengan Tema, widget dan plugin
Untuk mengubah tampilan website, Dapat dilakukan dengan berbagai cara yang ada pada
menu Tampilan. Tampilan yang dapat dikelola dapat berupa tema, widget, dan plugin.
5
Pada fitur ini terdapat banyak pilihan tema baik gratis maupun berbayar yang dapat
dipilih sesuai dengan keinginan. Namun tema gratis yang diseniakan sudah tergolong bagus
dari segi tampilan dan peletakannya.
Pengguna dapat melihat lihat dan mencoba berbagai macam tema yang disediakan ke
website anda sebelum mengaplikasikannya ke website anda dengan cara menekan tombol
pratinjau langsung pada tampilan tema. Setelah menemukan tema yang sesuai, maka
klik Aktifkan untuk memakai tema tersebut pada website Anda. Setelah memilih menu maka
kita dapat menyesuaikan tema tersebut dengan tampilan yang kita inginkan dengan memilih
menu Sesuaikan. Cara masuk kedalam menu customize adalah dengan klik Tampilan >
Sesuaikan. Maka tampilan akan seperti pada gambar berikut:
Pada sebelah kiri terdapat menu pengaturan yang dapat kita sesuaikan. Biasanya jenis
menu yang ditampilkan akan menyesuaikan dengan tema yang kita pilih. Tapi pada dasarnya
terdapat beberapa menu umum.
6
Salah satu keunggulan dari widget ialah elemen ini memungkinkan pengguna untuk
menambahkan berbagai fitur pada halaman website. Sebagai contoh, Anda bisa
menyertakan akun sosial media seperti facebook, tiwtter dan instagram agar terus
terhubung dengan pembaca.
Untuk Mengatur Widget, pengguna dapat menekan panah kecil di pinggir kanan masing-
masing widget yang telah Anda pasang di Widget Area.
Kita dapat menambahkan widget dengan memilih tombol “+” pada bagian atas halaman.
Kemudian kita dapat memilih widget yang tersedia dengan menggulirkan daftar ke bawah atau
7
agar lebih mudah ketikkan keyword widget yang kita inginkan. Kemudian drag and drop sesuai
lokasi yang diinginkan.
Secara default, wordpress menyediakan berbagai macam widget untuk website, di antaranya:
Component Deskripsi
Archive Untuk menampilkan postingan yang disusun per satuan
bulan
Audio Pengguna dapat menyematkan pemutar audio pada
halaman tertentu.
Calendar Untuk memperlihatkan tanggal, bulan, dan tahun
Categories Untuk memperlihatkan drop-down untuk kategori
postingan.
Gallery Untuk memperlihatkan galeri gambar.
Image Untuk memperlihatkan gambar.
Meta Untuk memperlihatkan webmaster login, RSS, dan link
wordpress.org.
Navigation Menu Untuk menambahkan navigation bar yang terdapat pada
sidebar
Pages Untuk membuat daftar halaman.
Recent Comment Untuk memperlihatkan komentar terbaru pada halaman
website
Recent Post Untuk memperlihatkan postingan terbaru
RSS Yang merupakan entri untuk RSS atau Atom feed
Search Untuk memperlihatkan kolom pencarian di situs
Tag Cloud Untuk memperlihatkan tag pada postingan
Videos Untuk memperlihatkan video yang disematkan dari
penyedia video populer
8
Plugin wordpress dimaksudkan untuk berbagai macam kebutuhan, diantaranya :
a. Menambahkan fitur baru yang belum diberikan wordpress.
b. mengizinkan pihak ketiga membuat tambahan fungsi pada aplikasi wordpress
c. Memisah kode sumber karena tidak kompatibel dengan software yang berlisensi
d. Mengurangi ukuran aplikasi wordpress
Cara menambah plugin adalah dengan mengarahkan kursor pada menu Plugins dalam
dashboard kemudian klik Tambah Baru. Sehingga muncul tampilan seperti gambar di bawah
ini:
9
Kemudian ketik nama plugin pada kolom Pencarian. Kemudian, tekan Install
Sekarang pada plugin yang Anda pilih. Terdapat berbagai macam plugin yang bias di install
sesuai dengan kebutuhan. Namun tidak semua plugin dapat meningkatkan kinerja pada
website. Ada pula beberapa plugin yang hanya akan membebani website.Berikut adalah
beberapa rekomendasi plugin yang harus di install pada website :
a. WooCommerce adalah plugin ecommerce open source yang didesain untuk
WordPress. Ini adalah platform yang tergolong cepat, untuk digunakan baik bagi
bisnis yang masih kecil maupun yang sudah besar. WooCommerce memiliki fungsi
yang bervariasi seperti metode pembayaran & pengiriman yang berbeda, variabel
produk, dll.
b. W3 Total Cache dapat meningkatkan kinerja pada website dalam hal menambah
cache website.
c. Google analytics dapat digunakan untuk kepentingan remarketing.
d. Akismet. Plugin ini dapat menyaring komentar yang berupa spam. Plugin ini
memerlukan kunci yang dapat diakses secara gratis setelah melakukan registrasi.
e. Advanced admin menus. Memprsingkat loading menu dengan cara membuat
tampilan menu menjadi dropdown.
f. Google sitemaps. Plugin ini digunakan untuk menghasilkan XML-sitemap dari
blog, format ini didukung oleh beberapa platform diantaranya Ask.com, Google,
YAHOO dan MSN Search. Dengan sitemap ini sangat membantu mesin pencari
tersebut untuk mengindex blog pengguna.
g. M-vslider. Plugin ini berguna untuk menambahkan galeri foto, video dan postingan
yang dibuat lebih baik guna mempermudah pencarian.
h. All-in-one SEO Pack. Plugin ini berfungsi untuk menampilkan daftar halaman
SEO yang lebih bersahabat dan menambahkan deskripsi secara otomatis dan
menghindari duplikat pada konten.
i. Customizable Post Listing. Pligin ini berfungsi untuk menampilkan daftar konten
dengan kriteria tertentu.
j. Bstat. Plugin ini berfungsi untuk menangkap query yang digunakan oleh
pengunjung untuk mengunjungi artikel pada website yang kita buat,
memperkuat SEO, menggunakan resource database yang besar sehingga
dibutuhkan server yang kuat.
k. CA-Title. Plugin ini berfungsi untuk membuat judul halaman secara otomatis
dengan format yang kita inginkan.
10
l. Login Lockdown. Plugin ini bertugas untuk mengidentifikasi seseorang yang login
melalui alamat IP. Plugin ini akan mencatat alamat IP disertai dengan timestamp
dari setiap usaha login yang teridentifikasi gagal. Jika terdapat beberapa kali gagal
login pada alamat IP tertentu, makan otomatis fungsi login akan di nonaktifkan pada
alamat IP tersebut.
m. Askapache Password Protect. Plug-in ini dapat meningkatkan otentikasi HTTP
ketika mengakses browser yang sesuai seperti HTTP. Plugin ini bisa menjadi layer
kedua dari sistem pertahanan yang bekerja dari dalam otentikasi HTTP.
11
Tugas Dan Proyek Pelatihan
1. Quiz
2. Penugasan
1. Video Pembelajaran
2. E-book
3. Link Youtube/Website rujukan
Bahan Tayang
Zoom
Penilaian
Quiz (20%)
Post Test (50%)
Kehadiran (30%)
1hari / 2JP
12
13