Joomla!
01 August 2021
# Topik
Joomla!
Aplikasi
Artwork
Info
JavaScript
Diri Sendiri
PHP
Tazkirah
MySQL
Umum
SPLaSK
YOOtheme Pro
Page Builder
Ikuti Saya
Joomla!

SPLaSK Tagging Di Dalam YOOtheme Pro Page Builder

01 August 2021

Kali ini saya akan kongsikan bagaimana menggunakan sepenuhnya fungsi yang ada di dalam YOOtheme Pro Page Builder di dalam membuat tagging untuk SPLaSK. Cara di bawah boleh digunakan sekiaranya anda menggunakan sepenuhnya fungsi Element di dalam Page Builder ini.

Selain dari menggunakan fungsi Element, ada juga tagging yang perlu di masukkan di dalam PHP Code file template. Bagi kaedah ini, disarankan menggunakan Child Template (Overrides) supaya file-file yang telah diubah tidak kembali kepada asal apabila kemaskini versi template di buat.

Tag Search Function splwpk-search-function

  1. Pergi ke joomla-root > templates > yootheme > templates > search.php
  2. Copy file search.php dan letakkan di dalam folder child template (yootheme_child)
  3. Buka file tadi dan masukkan masukkan tagging seperti di bawah (line 22) dan Save
if ($style) {
    $search['autofocus'] = true;
    $attrs['splwpk-search-function'][] = 'splwpk-search-function'; //SPLaSK
}

// Modal
if ($style == 'modal') {
    $search['class'][] = 'uk-text-center';
    $attrs['class'][] = 'uk-search-large';
    $attrs['splwpk-search-function'][] = 'splwpk-search-function'; //SPLaSK
} else {
    $attrs['class'][] = 'uk-search-default';
    $attrs['splwpk-search-function'][] = 'splwpk-search-function'; //SPLaSK
}
  1. View Source Code atau Inspect Element di web untuk pastikan tagging tadi dah ada
  2. Selesai

Tag Privacy Policy splwpk-privacy-policy

Memandangkan Page Builder ini tidak menggunakan HTML Footer Tag <footer>, jadi kena masukkan sendiri tag tersebut.

  1. Di Page Builder, masukkan Code di bawah dan link ke halaman Dasar Privasi
<footer>
  <a href="index.php?Itemid=146" splwpk-privacy-policy="splwpk-privacy-policy" splwpk-pdpa="splwpk-pdpa">Dasar
  Privasi</a>
</footer>
  1. View Source Code atau Inspect Element di web untuk pastikan tagging tadi dah ada
  2. Selesai

Tag Publication splwpk-publication
Tag Feedback Form splwpk-feedback

Bagi kedua tag ini, tagging boleh dimasukkan pada setting di Menu. Kita akan menggunakan value pada Link Class untuk dijadikan value pada SPLaSK Tagging.

Pada Link Class di setting Menu, masukkan value tagging splwpk-publication atau splwpk-feedback

Seterusnya, edit file nav.php

  1. Pergi ke joomla-root > templates > yootheme > templates > menu > nav.php
  2. Copy file nav.php dan letakkan di dalam folder child template (yootheme_child)
  3. Buka file tadi dan masukkan masukkan tagging seperti di bawah (line 90) dan Save
//SPLaSK
if (isset($item->anchor_css)) {
	$link[$item->anchor_css] = $item->anchor_css;
}
  1. View Source Code atau Inspect Element di web untuk pastikan tagging tadi dah ada
  2. Selesai

Tag Updated Content

Untuk tag ini, terdapat 6 sub-tagging bersama timestamp yang perlu dipatuhi

splwpk-broadcast="splwpk-broadcast" timestamp="2020-03-01 08:08:08"
splwpk-about-us="splwpk-about-us" timestamp="2020-03-01 08:08:08"
splwpk-news="splwpk-news" timestamp="2020-03-01 08:08:08"
splwpk-faq="splwpk-faq" timestamp="2020-03-01 08:08:08"
splwpk-client-charter="splwpk-client-charter" timestamp="2020-03-01 08:08:08"
splwpk-contact-details="splwpk-contact-details" timestamp="2020-03-01 08:08:08"

Memandangkan tag bagi kriteria Updated Content ini perlu disertakan sekali dengan timestamp, saya asingkan kepada dua jenis :

  1. Multiple Content
    - Broadcast / Pengumuman
    - News / Berita

    Perlu pastikan semua content di dalam dua kategori ini dikemaskini. Kebiasaan kita akan letak Pengumuman dan Berita / Aktiviti Terkini di halaman utama.

  2. Single Content
    - About Us / Maklumat Pengurusan Atasan, Menteri
    - FAQ
    - Client Charter / Pematuhan Piagam Pelanggan
    - Contact Details

Tag Updated Content (Multiple Content)

  1. Paparan Pengumuman di Halaman Utama
  1. Element > Add Item
  2. Di tab Advanced, pilih Dynamic Content > Filter by Categories
  3. Pilih Category yang berkaitan
  1. Di tab Content, pada ruangan Content, mapping kan seperti di dalam gambar
  2. Pilih Modified - Article sebagai value untuk timestamp
  3. Setkan Before : <span splwpk-broadcast="splwpk-broadcast" timestamp="
  4. After : "></span>
  5. dan Date Format : Y-m-d g:i:s
  1. Selesai

Tag Updated Content (Single Content)

  1. Add Element > List
  1. List > Add Item
  2. Di tab Advanced, pilih Dynamic Content > Custom Article
  3. Di Select Manually, pilih Article yang berkaitan
  1. Di tab Content, pada ruangan Content, mapping kan seperti di dalam gambar
  2. Pilih Modified - Article sebagai value untuk timestamp
  3. Setkan Before : <span splwpk-about-us="splwpk-about-us" timestamp="
  4. After : "></span>
  5. dan Date Format : Y-m-d g:i:s
  1. Selesai

Tag Presence of Datasets splwpk-open-data

Untuk tag ini, boleh letak kod HTML seperti di bawah

<a href="https://www.data.gov.my/data/ms_MY/dataset/?q=Kementerian+Pelancongan%2C+Seni+dan+Budaya+Malaysia&sort=title_string+asc" 
splwpk-open-data="splwpk-open-data" opendata="opendata" dataterbuka="dataterbuka"></a>

Kandungan terbaru

Joomla! & Web

Web & Design

Portfolio

AIDC

Jom! Follow

© Ammar Idris | Putrajaya, MY 🇲🇾