Umum

Ikon-ikon peralatan di laman admin

Agar lebih ramah dengan editor awam, banyak ikon peralatan di bilah sisi laman admin diset sebagai elemen tersembunyi. Untuk menampilkannya klik tombol Toggle Admin (bergambar mata dicoret) di sebelah kiri

(kiri: tampilan sidebar default, kanan: sesudah Toggle Admin diklik)


Custom Styling

Penggayaan tampilan laman-laman pelatihan dicapai melalui kombinasi antara penggayaan yang dilakukan langsung di laman Editor dan kustomisasi (child) template. Untuk yang terakhir ini, pengeditan dilakukan melalui file style.css di Appearance > Editor

Diantara barisan kode yang dimulai dengan judul:

/*... TRAINING...*/

Pastikan anda telah menguasai teknik-teknik pengkodean CSS, dan terlebih dahulu mem-backup styling yang sudah ada (cara termudah: Copy all & paste ke file notepad). Bila tidak, anda bisa meminta pertolongan web admin.


Page, Post dan Kategori

Karakteristik yang berbeda membuat berbagai konten pelatihan terancang kedalam dua jenis artikel yang berbeda, yaitu Page, dan Post.

Page adalah jenis artikel yang digunakan untuk Laman Overview dan Daftar Kelas (struktur lamannya: Pelatihan > Overview dan Pelatihan > Daftar Kelas), sementara laman-laman Rincian pelatihan, karena sangat bergantung dengan sistem pengkategorian, menggunakan jenis artikel Post.

Informasi lebih lanjut mengenai penggunaan sistem pengkategorian ini bisa disimak di bagian Daftar Kelas.


Cache

Lakukan hal-hal berikut bila terdapat keganjilan sewaktu menampilkan pranala i/e tidak terdapat perubahan pada preview hasil editing:

  1. Clear all cache
  1. Refresh browser (F5) dan Deep Refresh (Ctrl+F5)
  2. Bersihkan Cookie, Cache dan History dari browser

Laman Daftar Kelas

Kartu Cuplikan Kelas

Laman Daftar Kelas ini akan secara otomatis memuat cuplikan rincian post yang terkategori sebagai “Pelatihan”. Cuplikan ini ditampilkan dalam bentuk kartu bergambar/foto dengan judul dan excerpt. Jadi, pastikan anda telah mengisikan semua kelengkapan ini,

(kolom Excerpt, di bagian bawah laman Editor)

(panel Featured Image di bagian paling bawah sidebar kanan)

(panel Kategori di sidebar kanan).


Urutan pemuatan dari kartu-kartu ini, however, dilakukan melalui penyusunan waktu publikasi dari masing-masing post. Post terbaru (yang terakhir dipublikasikan) akan ditampilkan pertama, dan begitu berikutnya.

Untuk itu pastikan masing-masing laman rincian telah diset secara berurutan menurut waktu. Ini bisa berdasarkan tanggal, bulan, tahun atau bahkan jam, tidak masalah, karena informasi ini sama sekali tidak ditampilkan ke user

(Catatan:
Pengkategorian dan penyesuaian waktu pemuatan bisa dilakukan juga melalui laman daftar post/ Posts > Quick Edit)


Dimmed Closed Card

Kartu-kartu cuplikan pelatihan yang sudah ditutup ditampilkan di penghujung urutan dan dibuat dimmed (temaram). Ini adalah penggayaan elemen yang dilakukan secara manual dengan cara

pertama; dengan merubah waktu pemuatan ke tanggal atau waktu paling akhir dari semua laman rincian

kedua; dengan menambahkan kata “(CLOSED)” dalam kolom excerpt

ketiga; dengan merubah opacity kartu tersebut. Klik kanan dari kartu yang ditargetkan > Klik Inspect (untuk Chrome, dan Inspect Element untuk Firefox)

Cari id/nomor “masonry item” dari kartu yang ditargetkan. Copy atau catat nomor tersebut.

(nomor Masonry Item dari kartu di atas adalah 3441)

Masuk ke bilik Appearance > Editor > cari (Ctrl+F) baris kode ini:

/*Dimmed article in Daftar Kelas Page*/
.page-id-3353 #av-masonry-1-item-3228 (opacity:0.4;}

Copas:

 
.page-id-3353 #av-masonry-1-item-3228 (opacity:0.4;}

ke bagian bawahnya dan ganti no item

3228

dengan yang tadi dicatat via Inspect

> Preview. Bila oke > Update

Laman Rincian Kelas

Untuk mengedit laman rincian, silahkan pilih post yang hendak diedit.

Layar akan beralih ke laman Avia Advanced Layout Editor seperti di bawah.

Perhatikan box berwarna orange di badan gambar. Masing-masing box berisi keterangan mengenai komponen laman dengan panah tertunjuk pada bagian yang harus diklik untuk mengedit. Klik di judul textbox untuk mempelajarinya.

(note: tidak disarankan untuk mempelajari bagian ini via perangkat mobile atau tablet berukuran layar dibawah 14 inch)

Heading/ Judul Training

Mereplikasi lamanDan menggunakannya sebagai template untuk laman rincian training lain

CTA button & shareDiset default agar secara otomatis menscroll layar ke formulir pendaftaran. Bila tidak ada perubahan, lewati bagian ini.

Rincian Pelatihan

UpdateDiset default sebagai text box tersembunyi. Edit hanya bila terdapat materi update

Diskon/Beasiswa/Dokumen

PemateriKlik di foto atau teks untuk mengedit masing-masing bagian

Mengedit Heading/judul training

Klik di bagian heading yang hendak diedit dan rubah melalui panel editor ini.

Biarkan kode styling html (“span”, “strong”, dsb) seperti itu dan rubah hanya bagian teksnya saja.

Klik tombol Save bila sudah selesai

Memuat konten Update

Bagian ini secara default tersetting sebagai text box untuk konten update tersembunyi.

Untuk merubahnya, ganti bagian tanggal, judul berita update dan tautan ke laman rincian dari update tersebut (“href=”http://tautan diisikan disini”), dan hapus teks

"style="display:none;"

di baris pertama.

Save, dan Preview. Text box berisi konten update akan tertampil di sidebar kanan

Merubah Rincian pelatihan

Klik di bagian rincian yang hendak diedit.

Set/rubah tampilan editor dari Visual ke Text (html) seperti di bawah.

Sama seperti bagian lain. Lewati/biarkan/jangan rubah kode styling html. Pilih dan edit bagian konten yang diperlukan, bila sudah klik Save.

Merubah foto atau deksripsi pemateri

Untuk foto: klik di bagian foto yang hendak dirubah, dan klik lagi bagian foto di panel Image/Media Editor ini

Pilih foto yang dikehendaki dari Media Library, atau upload terlebih dahulu dengan mendrag foto ke panel ini. Pastikan imej yang diupload beresolusi web (72dpi) dan berlebar/tinggi maksimum 1310 pixels.

Keterangan pemateri diedit dengan mengklik bagian text di kolom pemateri.

Prinsipnya sama. Set di setelan editor Text (bukan Visual), temukan dan rubah hanya bagian konten teks, lewati/jangan sentuh bagian htmlnya.

Jangan lupa Save bila sudah.

Merubah detail Beasiswa/Diskon/Dokumen

Sama seperti sebelumnya, setelah diklik bagian/section yang hendak diedit, layar akan berubah ke panel Code Editor seperti ini. Silahkan ganti dengan rincian yang diperlukan

Lewati/biarkan/jangan rubah kode styling html.
Bila sudah jangan lupa klik Save.

Mereplikasi Laman ke laman lain

Save laman (bila tengah berada di laman aktif), dan klik tombol “Add New” di sebelah atas judul.

Laman baru/ kosong akan tampil. Berikan judul.

Klik di tombol “Advanced Layout Editor” di bawah judul untuk mengubah editor ke versi Drag & Drop.

Scroll ke bawah, temukan tombol Template dan pilih template laman yang hendak diterapkan (laman rincian ini templatenya adalah “Training_Rincian Kelas”).

(Tombol Template bisa diklik lagi untuk menutupnya, tunggu software menerapkan template ke laman.)

Bila sudah ada, silahkan pilih bagian yang hendak diedit dan lakukan pengeditan seperti yang sudah dijelaskan.

Jangan lupa men Save/Update sebelum meninggalkan laman.