What This Page Does

Manajer Tema memungkinkan Anda mengontrol bagaimana seluruh situs web Anda terlihat. Anda dapat beralih antara skema warna dan gaya yang berbeda dengan seketika, membuat tema kustom untuk merek Anda, atau membangun beberapa tema untuk kesempatan yang berbeda. Pikirkan tema sebagai "tampak" lengkap untuk situs Anda - masing-masing memiliki warna sendiri, font, dan styling bahwa Anda dapat beralih antara dengan klik tunggal.

[Cuplikan Layar: kontes-overview]

Bagaimana mendapatkan sini

Navigasi ke Admin Panel > Template Manajer > Tema

Memahami Halaman

Ketika Anda pertama kali membuka Manajer Tema, Anda akan melihat semua tema Anda ditampilkan sebagai kartu atau di meja (Anda dapat beralih antara pandangan ini). Di bagian atas halaman, Anda akan menemukan tombol untuk membuat tema baru atau mengimpor tema dari instalasi lain.

Statistik dan Aksi Cepat

Di bagian paling atas, Anda akan melihat:

• Impor button - Bawa tema dari situs lain atau backup
• Tema Baru tombol - Buat tema baru dari awal

Tab Navigasi

Di bawah header, ada sembilan tab untuk perangkat manajemen template yang berbeda. The Tema tab disorot ketika Anda berada di halaman ini. Tab lain memungkinkan Anda mengelola berkas, fitur, gaya, tata letak, terjemahan, media, dan basis data Anda.

Area Tampilan Tema

Area utama menunjukkan semua tema Anda. Setiap tampilan tema:

• Suatu gambar pratinjau (atau ikon palet bila tak ada gambar yang ditata)
• Nama tema dan deskripsi
• Nama penulis dan nomor versi
• Lencana menampilkan apakah tema "Aktif" (kini hidup di situs Anda) atau "Baku" (tema fallback)
• Tombol aksi untuk bekerja dengan tema

Opsi Tampilan

Anda dapat beralih antara dua cara untuk melihat tema Anda:

• Tilikan Grid - Tampilkan tema sebagai kartu visual dengan gambar pratilik. Bagus untuk browsing dan mendapatkan cepat melihat setiap tema.
• Tampilan Daftar - Menunjukkan tema dalam tabel rinci. Lebih baik ketika Anda perlu melihat nomor versi dan penulis sekilas.

Tugas Umum

Cara Membuat Tema Baru

Membuat tema baru adalah langkah pertama Anda untuk menyesuaikan tampilan situs Anda.

1. Klik Tema Baru tombol di bagian atas halaman.
2. Dalam jendela popup yang muncul, mengisi rincian:

• Nama Tema - Berikan temanya nama yang mudah diingat seperti "Summer Sale Theme" atau "Dark Night Mode"
• Versi - Ini adalah pre- diisi dengan "1.0.0" tetapi Anda dapat mengubahnya jika diperlukan
• Penulis - Masukkan nama atau nama perusahaan Anda
• Deskripsi - Tulis catatan singkat tentang apa tema ini untuk
• Tema Dasar - Jika Anda ingin memulai dengan tema lain pengaturan, pilih satu dari daftar ini. Jika tidak, biarkan sebagai "Mulai dari awal"

1. Klik Buat Tema.

Tema baru Anda muncul di grid. Ini tidak akan hidup di situs Anda belum - Anda harus mengaktifkannya secara terpisah.

[Cuplikan: create -the-modal]

Bagaimana cara mengaktifkan Tema

Mengaktifkan tema membuatnya hidup di situs web Anda untuk semua pengunjung untuk melihat.

1. Cari tema yang ingin Anda aktifkan dalam kisi atau daftar.
2. Klik hijau Aktifkan Tombol.
3. Pesan konfirmasi muncul menanyakan apakah kau yakin. Klik OK.
4. Halaman ini dimuat secara otomatis setelah beberapa saat.

Tema yang Anda aktifkan sekarang menunjukkan lencana "Aktif" hijau, dan situs web Anda langsung menggunakan warna dan styling tema ini.

[Cuplikan: mengaktifkan -tema -tombol]

Cara Sunting Warna Tema dan Pengaturan

Setelah Anda membuat tema, Anda akan ingin menyesuaikan warna, fonta, dan elemen visual lainnya.

1. Cari tema Anda di kisi atau tampilan daftar.
2. Klik abu-abu Sunting tombol (ikon pensil).
3. Perubahan halaman untuk menampilkan penyunting tema.

Untuk mengubah informasi dasar:

• Sunting Nama Tema, Versi, Penulis, atau Bagian Deskripsi di bagian atas.
• Klik Simpan Perubahan ketika Anda selesai.

Untuk mengubah warna:

• Scroll ke bawah ke bagian "Teme Settings".
• Cari warna yang ingin Anda ubah (seperti "Warna Primary" atau "Halaman Latar Belakang").
• Klik persegi berwarna di sebelah nama pengaturan.
• Picker warna peramban Anda terbuka - pilih warna baru Anda.
• Perubahan menghemat secara otomatis - Anda akan melihat pesan konfirmasi di sudut kanan bawah.

Untuk mengubah fonta atau ukuran:

• Cari pengaturan yang ingin Anda ubah di bagian Pengaturan Tema.
• Ketik nilai baru Anda langsung ke kotak teks.
• Klik di luar kotak atau tekan Tab untuk menyimpan.
• Pesan konfirmasi muncul ketika perubahan disimpan.

1. Ketika Anda selesai mengedit, klik Kembali ke Tema di atas untuk kembali ke daftar utama.

[Cuplikan: edit- rem- panel]

Cara Membuat Perubahan Muncul pada Situs Web Anda

Setelah mengubah pengaturan tema, Anda perlu membuat berkas CSS untuk membuat perubahan tersebut muncul di situs hidup Anda.

1. Ketika mengedit tema, klik Hasilkan CSS Tombol.
2. Berkas bernama themevariables.css unduhan ke komputer Anda.
3. Tempatkan berkas ini di folder tema website Anda: themes/{theme-name}/css/variables.css

Situs web Anda kini menampilkan warna dan gaya terbaru.

How to Clone a Theme

Kloning menciptakan salinan yang tepat dari sebuah tema, yang sempurna untuk menciptakan variasi tanpa mempengaruhi asli Anda.

1. Cari tema yang ingin kau salin.
2. Klik Kloning tombol (overlapping kotak ikon).
3. Sebuah popup muncul dengan nama yang disarankan seperti "My Theme (Salin)".
4. Mengubah nama jika Anda ingin sesuatu yang berbeda.
5. Klik Tema Kloning.
6. Halaman ini memuat ulang dan tema salinan baru Anda muncul dalam daftar.

Tema baru memiliki semua warna dan pengaturan yang sama seperti aslinya. Anda sekarang dapat menyunting salinan tanpa mengubah tema asli.

[Cuplikan: clone -the-modal]

Cara mengekspor Tema

Mengekspor tema Anda sebagai berkas yang dapat Anda bagikan atau digunakan di situs lain.

Klik Sunting pada tema yang ingin Anda ekspor. Klik Ekspor Tema Tombol.

1. Berkas bernama themeYYYY-MM-DD.json unduhan ke komputer Anda.

Simpan berkas ini aman - Anda dapat mengimpornya pada instalasi lain dari perangkat lunak Anda atau menggunakannya sebagai cadangan.

Bagaimana cara Impor Tema

Mengimpor membawa tema dari instalasi lain atau dari berkas cadangan.

1. Klik Impor tombol di bagian atas halaman.
2. Buka berkas JSON yang ingin Anda impor di penyunting teks.
3. Salin semua teks dari berkas.
4. Tempelkan ke kotak teks besar di jendela impor.
5. Klik Impor Tema.

Jika impor sukses, tema baru muncul dalam daftar tema Anda. Jika gagal, Anda akan melihat pesan kesalahan menjelaskan apa yang salah.

[Cuplikan layar: Penting -reme- Modal]

Cara Menghapus Tema

Menghapus tema secara permanen dari sistem Anda.

1. Temukan tema yang ingin Anda hapus.
2. Klik merah Hapus tombol (ikon sampah).
3. Pesan konfirmasi muncul. Klik OK jika kau yakin.
4. Temanya segera dihapus.

Tilik Mode

Manajer Tema menawarkan dua cara untuk melihat tema Anda, dan Anda dapat beralih antara mereka kapan saja.

Tilikan Grid menampilkan tema sebagai kartu dengan gambar pratilik. Ini adalah pandangan baku dan membuatnya mudah untuk browse visual. Anda dapat melihat sekilas seperti apa masing-masing tema dan cepat melihat yang Anda inginkan.

Tampilan Daftar menampilkan tema dalam format tabel dengan informasi rinci dalam kolom. Pandangan ini lebih baik ketika Anda perlu membandingkan nomor versi, lihat siapa yang menciptakan setiap tema, atau bekerja dengan banyak tema sekaligus.

Untuk mengganti tampilan, klik ikon kisi atau tampilkan tombol ikon di sebelah kanan atas area tampilan tema.

Pengaturan dan Opsi

Setiap tema memiliki pengaturan yang mengontrol aspek yang berbeda dari tampilan situs Anda:

Ketika Anda mengedit tema, pengaturan ini dikelompokkan berdasarkan kategori untuk membuatnya lebih mudah ditemukan.

Tips untuk Pengguna Baru

Penelusuran masalah

Perubahan tema saya tidak ditampilkan di website saya

Apa yang kau lihat: Anda mengubah warna di penyunting tema dan mengaktifkan tema tersebut, namun situs web Anda masih terlihat sama.

Bagaimana memperbaikinya:

1. Pastikan Anda mengklik Hasilkan CSS setelah membuat perubahan.
2. Unduh yang dihasilkan theme_variables.css file.
3. Upload ke website Anda themes/{theme-name}/css/ folder.
4. Bersihkan singgahan peramban Anda dengan menekan Ctrl + Shift + R (Windows) atau Cmd + Shift + R (Mac).
5. Periksa bahwa tema yang benar diaktifkan dengan mencari lencana "Aktif" hijau.

Aku tidak bisa menghapus tema

Apa yang kau lihat: Tombol Hapus tidak muncul pada tema, atau mengklik Delete menampilkan galat.

Bagaimana memperbaikinya:

• Anda tidak dapat menghapus tema yang sedang aktif. Aktifkan tema yang berbeda dulu, kemudian kembali dan hapus yang satu ini.
• Anda tidak dapat menghapus tema baku. Tema baku adalah fallback Anda dan harus selalu ada untuk stabilitas sistem.

Tombol Impor tidak akan bekerja

Apa yang kau lihat: Klik Impor tidak membuka jendela popup, atau tombol Impor keluar.

Bagaimana memperbaikinya:

1. Periksa apakah Anda melihat banner kuning di atas mengatakan "Demo Mode" - jika demikian, Anda berada dalam demonstrasi dan tidak dapat membuat perubahan.
2. Segarkan halaman dalam kasus sesi Anda berakhir.
3. Pastikan browser Anda tidak memblokir popup dari panel admin.

Perubahan warna saya tidak menyimpan

Apa yang kau lihat: Anda memilih warna baru, lihat sebuah pesan sukses, tetapi ketika Anda memuat ulang halaman warna lama kembali.

Bagaimana memperbaikinya:

1. Buka Alat Pengembang Peramban (tekan F12).
2. Lihatlah tab konsol untuk setiap pesan kesalahan dalam merah.
3. Periksa tab Jaringan untuk melihat apakah permintaan penyimpanan gagal.
4. Jika Anda melihat pesan "Demo Mode" dalam tanggapan jaringan, Anda berada dalam mode demonstrasi di mana perubahan tidak dapat disimpan.
5. Coba keluar dan kembali - sesi Anda mungkin telah berakhir.

Impor menunjukkan kesalahan "Data Tema Tak Valid"

Apa yang kau lihat: Anda memasang data tema dan mengklik Impor, tapi ada kesalahan yang mengatakan data tidak valid.

Bagaimana memperbaikinya:

1. Pastikan kau menyalin seluruh isi berkas JSON, dari awal { ke terakhir }.
2. Periksa bahwa berkas sebenarnya ekspor tema - seharusnya memiliki ruas seperti "nama", "versi", dan "pengaturan".
3. Tempelkan JSON ke situs validator seperti jsonlint.com untuk memeriksa apakah itu format JSON yang valid.
4. Jika seseorang mengirimkan file tema, minta mereka untuk mengekspornya kembali karena mungkin ada masalah dengan ekspor asli.

Halaman Terkait

Terakhir diperbarui: 4 Februari 2026