Aiti-Theme v1.2.1

By flashponsel — Versi 1.2.1

Aiti-Theme adalah tema WordPress yang dibuat khusus untuk bisnis heavy equipment rental seperti sewa crane. Fokusnya: Core Web Vitals, kecepatan, dan pengalaman pengguna modern. Cocok buat kamu yang pengin website profesional, ringan, dan gampang dikustom tanpa ngacak-ngacak core WordPress.

Fitur Utama

Mode Gelap/Terang — toggle native untuk aksesibilitas dan gaya kekinian.
SEO Optimizer — struktur heading teroptimasi, schema dasar, dan performa cepat.
Performa Lanjutan — local assets, critical CSS preload, deferred JS.
Format Gambar Modern — dukungan WebP & AVIF untuk hemat bandwidth.
Keamanan Diperkuat — AJAX search dengan Nonce dan output escaping.
Branding Dinamis — generator inisial logo otomatis dari Site Title.
Opsi Tema — atur alamat, telepon, dan sosial dari Settings.
Responsif — dibangun dengan Bootstrap 5.3.2, mobile-first.

Panduan Instalasi

Upload folder tema ke /wp-content/themes/.
Aktifkan tema lewat Appearance → Themes.
Isi detail perusahaan di Opsi Tema atau Settings → General.

Persyaratan

WordPress ≥ 6.0
PHP ≥ 7.4
Direkomendasikan: server dengan Brotli/Gzip dan dukungan WebP/AVIF

Optimasi SEO dan Performa

Ini checklist praktis yang bisa langsung kamu terapkan di tema tanpa ubah core:

Critical CSS — inline CSS untuk hero dan navbar, preload stylesheet utama.
Defer JS — pindahkan bundle JS ke footer dan gunakan defer atau async bila aman.
Image Strategy — sediakan WebP/AVIF, gunakan srcset dan lazy-loading untuk gambar non-hero.
Cache — set header cache-control untuk assets statis (1 year + immutable) di server/.htaccess.
Font Loading — tambahkan font-display: swap untuk mencegah invisible text.
Structured Data — tambahkan JSON-LD untuk organization & localBusiness agar SERP lebih kaya.

Contoh JSON-LD

{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "RafaCorp",
"description": "Layanan sewa crane dan alat berat profesional di Yogyakarta",
"url": "http://example.com",
"telephone": "+62-811-2233-4455",
"address": {
"@type": "PostalAddress",
"addressLocality": "Yogyakarta",
"addressCountry": "ID"
}
}

Konfigurasi Tema & Penyesuaian

Tema ini menggunakan field khusus di Settings → General untuk mempermudah manajemen:

Alamat Perusahaan (company_address): Masukkan alamat lengkap (contoh: "Yogyakarta"). Digunakan di Footer dan otomatis di iframe Google Maps pada Front Page.
Telepon Perusahaan (company_phone): Masukkan nomor telepon (contoh: "08123456789"). Theme otomatis membuat link WhatsApp dari value ini.
Media Sosial: Masukkan URL penuh untuk company_facebook, company_youtube, company_instagram, dan company_tiktok agar ikon tampil di footer.

Pemilihan FAQ Dinamis

Buat atau edit Post di Dashboard WordPress.
Catat ID post (terlihat di URL saat edit).

Buka front-page.php dan update ID di baris:

$privacy_post = get_post(54); // Ganti 54 dengan Post ID

Konten dari post tersebut (termasuk HTML Accordion) akan tampil di FAQ section.

Lokasi Google Maps

Section Lokasi Kami menggunakan alamat dari company_address:

Pastikan alamat jelas (contoh: "Jl. Kaliurang No. 10, Yogyakarta").
Peta menggunakan dynamic search query, otomatis center ke alamat yang kamu isi.

Pertanyaan yang Sering Diajukan

Bagaimana cara mengganti logo initials?

Initials (contoh: "Scy") otomatis diambil dari Site Title di Settings → General.

Apakah theme ini support Gutenberg?

Ya, tapi sudah dioptimasi untuk speed dengan menonaktifkan block library styles yang tidak diperlukan.

Preconnect dan Preload Styles

<?php
function aiti_enqueue_assets() {
// Preconnect CDN
echo '<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>';
// Styles
wp_enqueue_style('aiti-style', get_stylesheet_uri(), [], '1.2.1');
wp_enqueue_style('bootstrap', get_template_directory_uri() . '/assets/css/bootstrap.min.css', [], null);
// Script footer
wp_enqueue_script('aiti-main', get_template_directory_uri() . '/assets/js/main.js', [], null, true);
}
add_action('wp_enqueue_scripts', 'aiti_enqueue_assets');
?>

Rekomendasi Markup Gambar

<?php
echo wp_get_attachment_image($id, 'large', false, [
'loading' => 'lazy',
'decoding' => 'async',
'class' => 'img-fluid'
]);
?>

Teks Alt & Aksesibilitas

Semua gambar wajib alt deskriptif.
Gunakan ARIA labels untuk komponen interaktif (menu, search).

Changelog

1.2.1 — Added wp_body_open() and comments.php for repository compliance.
1.2.1 — AJAX Nonce, XSS hardening, tambah wp_body_open() & comments.php.
1.2.0 — Rilis awal: performance & SEO optimizations.