Setting Tema

Terima kasih telah memilih MediaQu. Artikel ini dirancang untuk memandu Anda melalui proses instalasi hingga konfigurasi agar situs web Anda tampil sesuai demo.

Instalasi Tema

Masuk ke Dashboard > Appearance (Tampilan) > Themes (Tema).

Klik tombol Add New > Upload Theme.

Pilih file MediaQu.zip yang telah Anda unduh.

Klik Install Now dan kemudian Activate.

Setting Logo

Tema ini mendukung penggunaan dua jenis logo yang berbeda untuk memaksimalkan tampilan di perangkat Desktop dan Mobile (Seluler).

Pengaturan ini sangat penting untuk menjaga konsistensi branding dan keterbacaan.

Silakan akses menu ini melalui: Tampilan (Appearance) > Sesuaikan (Customize) > Identitas Situs.

1. Logo Utama (Desktop)

Logo ini akan ditampilkan saat pengunjung mengakses situs melalui Laptop atau PC.

  • Format File: Disarankan menggunakan format .PNG (latar belakang transparan) agar menyatu dengan desain header.
  • Dimensi: Gunakan logo dengan rasio kotak (1:1). Ukuran yang direkomendasikan adalah 512 x 512 piksel.

2. Mobile Logo (Khusus Seluler)

Bagian ini memungkinkan Anda mengunggah logo khusus yang hanya akan muncul di layar smartphone.

Perhatian: Header versi mobile menggunakan latar belakang berwarna Hitam. Pastikan Anda mengunggah logo dengan warna cerah/terang (misalnya putih atau warna cerah lainnya). Jangan gunakan logo berwarna hitam atau gelap karena tidak akan terlihat (kontras rendah).

Setting Menu Navigasi

Tema ini dirancang untuk situs berita/majalah yang kompleks, sehingga mendukung hingga 8 lokasi menu berbeda.

Fitur ini memungkinkan Anda menampilkan navigasi yang berbeda dan spesifik untuk pengguna Desktop maupun Mobile demi pengalaman pengguna (UX) yang optimal.

Untuk mengatur menu, silakan masuk ke Tampilan (Appearance) > Menu atau melalui Sesuaikan (Customize) > Menu.

Saat membuat menu baru, pastikan Anda mencentang “Lokasi Penayangan” yang sesuai dengan fungsi berikut:

A. Menu Utama

Primary Menu: Menu navigasi utama yang terletak di bagian bawah (header) situs. Ini adalah menu yang paling sering diakses pengunjung.

B. Menu Pop-up (Fitur Khusus)

Tema ini memiliki fitur menu model pop-up (muncul saat tombol tertentu diklik) untuk menghemat ruang dan memberikan tampilan modern:

  • Menu Kanal (Pop-up): Digunakan untuk menampilkan daftar kategori berita atau rubrik (Kanal) secara lengkap.
  • Menu Network (Pop-up): Jika Anda memiliki jaringan media lain, tautkan di sini.
  • Menu Lainnya (Pop-up): Untuk tautan tambahan yang bersifat sekunder.

C. Menu Footer

Bagian footer dibagi berdasarkan perangkat (Desktop vs Mobile) dan jenis konten agar tampilan tetap rapi:

  • Footer Desktop (Menu Telusur): Menu navigasi vertikal di footer khusus tampilan Desktop. Cocok untuk tautan kategori populer (seperti: Nasional, Internasional, Ekonomi, dsb).
  • Footer Mobile (Menu Telusur): Versi khusus mobile untuk menu navigasi footer. Anda bisa membuatnya lebih ringkas dibanding versi desktop.
  • Footer Desktop (Menu Bar Bawah): Menu horizontal kecil di bagian paling bawah halaman (di bawah hak cipta) untuk tampilan Desktop. Biasanya diisi dengan: About, Kontak, Privacy Policy, Disclaimer.
  • Footer Mobile (Menu Bar Bawah): Sama seperti di atas, namun khusus untuk tampilan Mobile.

Langkah-langkah Membuat Menu:

  • Beri nama menu Anda (misal: “Menu Footer Desktop”).
  • Tambahkan item (Halaman, Kategori, atau Tautan Tersuai) ke kolom menu.
  • Di bagian Pengaturan Menu (di bawah item menu), centang kotak lokasi yang diinginkan. Contoh: Jika ini untuk footer desktop, centang Footer Telusur Desktop.
  • Klik Simpan Menu.

Tips: Karena adanya pemisahan menu Desktop dan Mobile, Anda memiliki kebebasan penuh. Misalnya, di Mobile Anda bisa menyembunyikan menu “Disclaimer” jika dirasa terlalu panjang, tanpa mempengaruhinya di tampilan Desktop.

Konfigurasi Widget di Homepage

Salah satu keunggulan tema MediaQu adalah fleksibilitas halaman depannya. Anda dapat menyusun berita berdasarkan kategori pilihan menggunakan widget khusus yang telah kami sediakan.

Anda dapat mengakses pengaturan ini melalui: Tampilan (Appearance) > Sesuaikan (Customize) > Widget.

Di sini, Anda akan melihat beberapa area widget (misalnya: Homepage In-Feed Widget). Anda dapat mengisi area tersebut dengan dua jenis widget unggulan kami:

A. In-Feed Widget (MediaQu)

Widget ini berfungsi untuk menyisipkan daftar berita (feed) standar dari kategori tertentu.

Tampilannya akan menyatu dengan alur berita utama, sangat cocok untuk menonjolkan topik yang sedang hangat tanpa memecah konsentrasi pembaca.

  • Judul: Beri nama untuk bagian ini (contoh: Hot News atau Terbaru). Judul ini akan muncul di atas daftar berita.
  • Pilih Kategori: Pilih salah satu kategori berita yang ingin ditampilkan (misalnya: Internasional, Nasional, atau Olahraga).

B. Grid 3 Widget (MediaQu)

Jika Anda ingin tampilan yang lebih visual dan menonjol, gunakan widget ini. Sesuai namanya, widget ini akan menampilkan artikel dalam format Grid 3 Kolom (tiga berita berjajar ke samping). Ini sangat ideal untuk bagian Highlight atau Hot Issue.

  • Lokasi: Widget ini biasanya ditempatkan di area strategis, seperti pada Homepage In-Feed Widget (Posisi 8) atau posisi lainnya di halaman depan.
  • Judul: Masukkan judul seksi (contoh: Hot Issue).
  • Pilih Kategori: Tentukan kategori sumber berita (misalnya: Nasional).

Tips: Anda bisa menggabungkan kedua widget ini di berbagai posisi (widget areas) yang tersedia untuk menciptakan halaman depan yang dinamis dan tidak membosankan.

Konfigurasi Media Sosial & Aplikasi (Menu Pop-up)

Pada menu navigasi pop-up, terdapat area khusus di bagian bawah yang menampilkan ikon media sosial (“Ikuti Kami”) dan tombol unduh aplikasi (“Jelajahi Berita di Apps Kami”).

Bagian ini memudahkan pembaca untuk terhubung dengan platform digital Anda lainnya.

Anda dapat mengatur tautan ini melalui: Tampilan (Appearance) > Sesuaikan (Customize) > Pengaturan Media Sosial & Aplikasi.

Tautan Media Sosial (Ikuti Kami)

Di panel ini, Anda akan melihat kolom isian untuk berbagai platform media sosial populer. Ikon media sosial hanya akan muncul jika Anda mengisi kolom URL-nya. Jika dikosongkan, ikon tersebut akan disembunyikan secara otomatis.

Platform yang didukung meliputi:

  • URL Facebook: Masukkan tautan lengkap halaman Facebook Anda.
  • URL Twitter (X): Masukkan tautan profil X/Twitter Anda.
  • URL Whatsapp: Masukkan tautan chat langsung (misal: https://wa.me/628xxx).
  • URL Instagram: Tautan profil Instagram.
  • URL Youtube: Tautan channel YouTube.
  • URL Tiktok: Tautan akun TikTok.

Catatan: Pastikan Anda memasukkan alamat lengkap yang diawali dengan https:// agar tautan berfungsi dengan baik.

B. Tautan Aplikasi Mobile (Apps Kami)

Jika media Anda memiliki aplikasi berita di Android atau iOS, Anda dapat mempromosikannya di sini. Tombol “Download on the App Store” dan “GET IT ON Google Play” akan tampil di bagian paling bawah menu navigasi.

  • Isi kolom URL App Store (jika ada) untuk menampilkan tombol unduh iOS.
  • Isi kolom URL Play Store (jika ada) untuk menampilkan tombol unduh Android.

Cara Import sesuai demo

Bagi anda yang tidak mau ribet, kamu bisa langsung import agar sesuai dengan demo aslinya.

  • Cukup install plugin One Click Demo Import 
  • Setelah di install silahkan aktifkan lalu refresh halaman website nya
  • Masuk ke tampilan » Import Demo Data
  • Scroll kebawah lalu klik Import Demo Data