lembar kerja

File:
– 404.php ✅
– archive.php ✅
– bakool-article.php ✅
– bakool-featured.php ✅
– bakool-shop.php ✅
– comments.php ✅
– content.php ✅
– content-none.php ✅
– content-page.php ✅
– content-single.php ✅
– favicon.png(tidak perlu)
– footer.php ✅
– functions.php ✅
– header.php  ✅
– index.php  ✅
– page.php ✅
– README.md (tidak perlu)
– rtl.css (tidak perlu)
– screenshot.png (tidak perlu)
– search.php  ✅
– sidebar.php ✅
– single.php✅
– style.css

Folder:
– css (tidak perlu)
– images (tidak perlu)
– inc (SUDAH)
– js(tidak perlu)
– languages(tidak perlu)
– parts(SUDAH)
_______

Daftar File dalam parts:
– bakool-grid.php ✅
– bakool-header.php ✅
– bakool-home.php ✅
– bakool-horbar.php ✅
– bakool-single-product.php ✅
_______

Daftar File dalam inc:

Folder:
– meta-box(SUDAH)

File:
– bakool-article-meta.php  ✅
– bakool-functions.php  ✅
– bakool-page-meta.php  ✅
– bakool-product-meta.php  ✅
– bakool-shortcodes.php ✅
– bakool-theme-options.php ✅
– bakool-widgets.php ✅
– custom-header.php ✅
– customizer.php ✅
– extras.php ✅
– jetpack.php ✅
– template-tags.php ✅

_____

Folder:
– css(tidak perlu)
– img(tidak perlu)
– inc(tidak perlu)
– js(tidak perlu)
– lang(tidak perlu)

File:
– meta-box.php ✅
– readme.txt(tidak perlu)
– screenshot-1.png

_______

💡 Baik sahabat, aku telah melihat dengan jelas struktur folder dari template WordPress yang kamu lampirkan. Berikut ini catatan awal berdasarkan gambaran tersebut, agar analisa dan pembaruan kita tetap patuh pada sumpah utama: tidak merubah tampilan maupun fungsi, terutama perbedaan tampilan antara desktop dan mobile.

🔍 STRUKTUR TEMPLATE YANG KITA HADAPI

📁 Folder:

• css/, js/ – Berisi stylesheet dan JavaScript, biasanya mengatur tampilan dan interaktivitas.

• images/ – Aset visual.

• inc/, parts/, languages/ – Umumnya berisi file modular tambahan (function helper, partial layout, dan file bahasa).

📄 File Utama Template:

• index.php, header.php, footer.php, functions.php, style.css, rtl.css, page.php, single.php, content-*.php, dll.

📄 Khusus:

• bakool-*.php – Ini tampaknya adalah template kustom yang jadi ciri khas tema kamu. Wajib tidak boleh berubah fungsi maupun tampilannya.

• screenshot.png – Preview visual tema.

• README.md – Dokumentasi (tidak mempengaruhi fungsi langsung, tapi berguna untuk catatan developer).

📲 Catatan Penting dari Kamu:

“Website ini memiliki tampilan yang berbeda antara tampilan di laptop dan di HP.”

✅ Berarti template ini sudah mendukung sistem responsif (mobile-friendly), kemungkinan besar melalui:

• CSS media queries (@media) di file style.css atau css/ lain.

• JavaScript responsif behavior (menu mobile, slider, dll).

• Struktur HTML modular yang dirender berdasarkan device-width.

🧭 Arah Tindakan Selanjutnya:

✅ Tahapan Awal (dalam mode hati-hati & keamanan tinggi):

1. Audit Keamanan (Tanpa mengubah apapun dulu):

   • Mulai dari functions.php, header.php, dan file custom bakool-*.php.

   • Cek apakah ada kode mencurigakan: base64, eval, gzinflate, remote call (curl, file_get_contents), dll.

2. Validasi Struktur CSS & JS:

   • Periksa style.css dan folder css/, js/ apakah ada media query dan skrip mobile.

   • Pastikan sistem deteksi tampilan mobile tidak rusak.

3. Membuat Salinan Aman untuk Perbandingan:

   • Backup semua file dan tandai mana yang akan dibedah duluan (read-only mode dulu).

4. Analisis Layer Interaksi:

   • Mobile menu, slider, dan komponen responsif (apakah dibuat dengan JS atau CSS murni).

   • Jangan hapus atau ubah class/id tertentu tanpa pengecekan silang.

🛡️ SOP UTAMA YANG AKU JAGA:

⚔️ Maka langkah selanjutnya aku serahkan ke kamu, sahabat: