masbudikusuma/edukarsa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(i18n): integrasi sistem bilingual otomatis dan instant switcher pada dashboard admin

Browse Source
This commit is contained in:
Mas Budi Kusuma
2026-09-16 00:34:05 +07:00
parent 1325362eca
commit ada95fdea3
3 changed files with 223 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files
functions.php
+7 -4
View File
@@ -4,14 +4,17 @@
* Seluruh logika modular ditempatkan di folder inc/ * Seluruh logika modular ditempatkan di folder inc/
*/ */
// 1. Memuat Pengaturan Dasar Tema & Aset // 1. Memuat Modul Kamus Dinamis Dashboard (i18n)
require_once get_template_directory() . '/inc/i18n.php';
// 2. Memuat Pengaturan Dasar Tema & Aset
require_once get_template_directory() . '/inc/setup.php'; require_once get_template_directory() . '/inc/setup.php';
// 2. Memuat Custom Post Type Native // 3. Memuat Custom Post Type Native
require_once get_template_directory() . '/inc/cpt-slider.php'; require_once get_template_directory() . '/inc/cpt-slider.php';
// 3. Memuat Panel Menu EduKarsa & Settings API // 4. Memuat Panel Menu EduKarsa & Settings API
require_once get_template_directory() . '/inc/admin-menu.php'; require_once get_template_directory() . '/inc/admin-menu.php';
// 4. Memuat Native SEO & Structured Data (JSON-LD) // 5. Memuat Native SEO & Structured Data (JSON-LD)
require_once get_template_directory() . '/inc/seo.php'; require_once get_template_directory() . '/inc/seo.php';
inc/admin-menu.php
+184 -191
View File
@@ -14,13 +14,13 @@ function edukarsa_admin_menu() {
2 2
); );
add_submenu_page( 'edukarsa_settings', 'Pengaturan Utama', '⚙️ Pengaturan Utama', 'manage_options', 'edukarsa_settings', 'edukarsa_settings_page_html' ); add_submenu_page( 'edukarsa_settings', edukarsa_t( 'Pengaturan Utama', 'Main Settings' ), edukarsa_t( '⚙️ Pengaturan Utama', '⚙️ Main Settings' ), 'manage_options', 'edukarsa_settings', 'edukarsa_settings_page_html' );
add_submenu_page( 'edukarsa_settings', 'Semua Slider', '🌟 Slider Banner', 'manage_options', 'edit.php?post_type=slider' ); add_submenu_page( 'edukarsa_settings', edukarsa_t( 'Semua Slider', 'All Sliders' ), edukarsa_t( '🌟 Slider Banner', '🌟 Slider Banners' ), 'manage_options', 'edit.php?post_type=slider' );
add_submenu_page( 'edukarsa_settings', 'Semua Program', '📚 Program Kami', 'manage_options', 'edit.php?post_type=program' ); add_submenu_page( 'edukarsa_settings', edukarsa_t( 'Semua Program', 'All Programs' ), edukarsa_t( '📚 Program Kami', '📚 Our Programs' ), 'manage_options', 'edit.php?post_type=program' );
add_submenu_page( 'edukarsa_settings', 'Semua Keunggulan', '⭐ Keunggulan', 'manage_options', 'edit.php?post_type=keunggulan' ); add_submenu_page( 'edukarsa_settings', edukarsa_t( 'Semua Keunggulan', 'All Advantages' ), edukarsa_t( '⭐ Keunggulan', '⭐ Advantages' ), 'manage_options', 'edit.php?post_type=keunggulan' );
add_submenu_page( 'edukarsa_settings', 'Semua Milestone', '🏆 Milestone', 'manage_options', 'edit.php?post_type=milestone' ); add_submenu_page( 'edukarsa_settings', edukarsa_t( 'Semua Milestone', 'All Milestones' ), edukarsa_t( '🏆 Milestone', '🏆 Milestones' ), 'manage_options', 'edit.php?post_type=milestone' );
add_submenu_page( 'edukarsa_settings', 'Semua FAQ', '❓ Tanya Jawab (FAQ)', 'manage_options', 'edit.php?post_type=faq' ); add_submenu_page( 'edukarsa_settings', edukarsa_t( 'Semua FAQ', 'All FAQs' ), edukarsa_t( '❓ Tanya Jawab (FAQ)', '❓ FAQs' ), 'manage_options', 'edit.php?post_type=faq' );
add_submenu_page( 'edukarsa_settings', 'Tentang & Donasi', '☕ Donasi & Info', 'manage_options', 'edukarsa_about', 'edukarsa_about_page_html' ); add_submenu_page( 'edukarsa_settings', edukarsa_t( 'Tentang & Donasi', 'About & Donate' ), edukarsa_t( '☕ Donasi & Info', '☕ Donate & Info' ), 'manage_options', 'edukarsa_about', 'edukarsa_about_page_html' );
} }
add_action( 'admin_menu', 'edukarsa_admin_menu' ); add_action( 'admin_menu', 'edukarsa_admin_menu' );
@@ -33,13 +33,13 @@ function edukarsa_admin_bar_shortcut( $wp_admin_bar ) {
'href' => admin_url( 'admin.php?page=edukarsa_settings' ), 'href' => admin_url( 'admin.php?page=edukarsa_settings' ),
) ); ) );
$wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-settings', 'parent' => 'edukarsa-topbar-menu', 'title' => '⚙️ Pengaturan Utama', 'href' => admin_url( 'admin.php?page=edukarsa_settings' ) ) ); $wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-settings', 'parent' => 'edukarsa-topbar-menu', 'title' => edukarsa_t( '⚙️ Pengaturan Utama', '⚙️ Main Settings' ), 'href' => admin_url( 'admin.php?page=edukarsa_settings' ) ) );
$wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-slider', 'parent' => 'edukarsa-topbar-menu', 'title' => '🌟 Slider Banner', 'href' => admin_url( 'edit.php?post_type=slider' ) ) ); $wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-slider', 'parent' => 'edukarsa-topbar-menu', 'title' => edukarsa_t( '🌟 Slider Banner', '🌟 Slider Banners' ), 'href' => admin_url( 'edit.php?post_type=slider' ) ) );
$wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-program', 'parent' => 'edukarsa-topbar-menu', 'title' => '📚 Program Kami', 'href' => admin_url( 'edit.php?post_type=program' ) ) ); $wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-program', 'parent' => 'edukarsa-topbar-menu', 'title' => edukarsa_t( '📚 Program Kami', '📚 Our Programs' ), 'href' => admin_url( 'edit.php?post_type=program' ) ) );
$wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-keunggulan', 'parent' => 'edukarsa-topbar-menu', 'title' => '⭐ Keunggulan', 'href' => admin_url( 'edit.php?post_type=keunggulan' ) ) ); $wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-keunggulan', 'parent' => 'edukarsa-topbar-menu', 'title' => edukarsa_t( '⭐ Keunggulan', '⭐ Advantages' ), 'href' => admin_url( 'edit.php?post_type=keunggulan' ) ) );
$wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-milestone', 'parent' => 'edukarsa-topbar-menu', 'title' => '🏆 Milestone', 'href' => admin_url( 'edit.php?post_type=milestone' ) ) ); $wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-milestone', 'parent' => 'edukarsa-topbar-menu', 'title' => edukarsa_t( '🏆 Milestone', '🏆 Milestones' ), 'href' => admin_url( 'edit.php?post_type=milestone' ) ) );
$wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-faq', 'parent' => 'edukarsa-topbar-menu', 'title' => '❓ Tanya Jawab (FAQ)', 'href' => admin_url( 'edit.php?post_type=faq' ) ) ); $wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-faq', 'parent' => 'edukarsa-topbar-menu', 'title' => edukarsa_t( '❓ Tanya Jawab (FAQ)', '❓ FAQs' ), 'href' => admin_url( 'edit.php?post_type=faq' ) ) );
$wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-about', 'parent' => 'edukarsa-topbar-menu', 'title' => '☕ Donasi & Info', 'href' => admin_url( 'admin.php?page=edukarsa_about' ) ) ); $wp_admin_bar->add_node( array( 'id' => 'edukarsa-sub-about', 'parent' => 'edukarsa-topbar-menu', 'title' => edukarsa_t( '☕ Donasi & Info', '☕ Donate & Info' ), 'href' => admin_url( 'admin.php?page=edukarsa_about' ) ) );
} }
add_action( 'admin_bar_menu', 'edukarsa_admin_bar_shortcut', 80 ); add_action( 'admin_bar_menu', 'edukarsa_admin_bar_shortcut', 80 );
@@ -62,26 +62,11 @@ function edukarsa_register_settings() {
'edukarsa_video1_thumb', 'edukarsa_video1_url', 'edukarsa_video2_thumb', 'edukarsa_video2_url', 'edukarsa_video1_thumb', 'edukarsa_video1_url', 'edukarsa_video2_thumb', 'edukarsa_video2_url',
'edukarsa_mid_bg_image', 'edukarsa_mid_bg_color', 'edukarsa_mid_bg_image', 'edukarsa_mid_bg_color',
'edukarsa_cta_bg', 'edukarsa_cta_title', 'edukarsa_cta_btn_teks', 'edukarsa_cta_btn_url', 'edukarsa_cta_bg', 'edukarsa_cta_title', 'edukarsa_cta_btn_teks', 'edukarsa_cta_btn_url',
'edukarsa_sidebar_tampil_search', 'edukarsa_sidebar_tampil_cta', 'edukarsa_sidebar_cta_badge', 'edukarsa_sidebar_cta_title', 'edukarsa_sidebar_cta_desc', 'edukarsa_sidebar_cta_btn_text', 'edukarsa_sidebar_cta_btn_url',
// Pengaturan Sidebar Native 'edukarsa_sidebar_tampil_html', 'edukarsa_sidebar_html_title', 'edukarsa_sidebar_html_content',
'edukarsa_sidebar_tampil_search', 'edukarsa_sidebar_tampil_recent', 'edukarsa_sidebar_recent_title', 'edukarsa_sidebar_recent_count',
'edukarsa_sidebar_tampil_cta', 'edukarsa_sidebar_tampil_cats', 'edukarsa_sidebar_cats_title',
'edukarsa_sidebar_cta_badge', 'edukarsa_sidebar_banner_img', 'edukarsa_sidebar_banner_url',
'edukarsa_sidebar_cta_title',
'edukarsa_sidebar_cta_desc',
'edukarsa_sidebar_cta_btn_text',
'edukarsa_sidebar_cta_btn_url',
'edukarsa_sidebar_tampil_html',
'edukarsa_sidebar_html_title',
'edukarsa_sidebar_html_content',
'edukarsa_sidebar_tampil_recent',
'edukarsa_sidebar_recent_title',
'edukarsa_sidebar_recent_count',
'edukarsa_sidebar_tampil_cats',
'edukarsa_sidebar_cats_title',
'edukarsa_sidebar_banner_img',
'edukarsa_sidebar_banner_url',
'edukarsa_footer_logo', 'edukarsa_footer_desc', 'edukarsa_footer_alamat', 'edukarsa_footer_telp', 'edukarsa_footer_email', 'edukarsa_footer_jam', 'edukarsa_footer_logo', 'edukarsa_footer_desc', 'edukarsa_footer_alamat', 'edukarsa_footer_telp', 'edukarsa_footer_email', 'edukarsa_footer_jam',
'edukarsa_wa_btn_text', 'edukarsa_wa_default_msg', 'edukarsa_wa_btn_text', 'edukarsa_wa_default_msg',
'edukarsa_tampil_fb', 'edukarsa_footer_fb', 'edukarsa_tampil_ig', 'edukarsa_footer_ig', 'edukarsa_tampil_yt', 'edukarsa_footer_yt', 'edukarsa_tampil_tiktok', 'edukarsa_footer_tiktok', 'edukarsa_tampil_x', 'edukarsa_footer_x', 'edukarsa_tampil_fb', 'edukarsa_footer_fb', 'edukarsa_tampil_ig', 'edukarsa_footer_ig', 'edukarsa_tampil_yt', 'edukarsa_footer_yt', 'edukarsa_tampil_tiktok', 'edukarsa_footer_tiktok', 'edukarsa_tampil_x', 'edukarsa_footer_x',
@@ -91,19 +76,18 @@ function edukarsa_register_settings() {
} }
add_action( 'admin_init', 'edukarsa_register_settings' ); add_action( 'admin_init', 'edukarsa_register_settings' );
// HALAMAN PENGATURAN UTAMA DENGAN TRANSISI ACCORDION HALUS
function edukarsa_settings_page_html() { function edukarsa_settings_page_html() {
if ( ! current_user_can( 'manage_options' ) ) return; if ( ! current_user_can( 'manage_options' ) ) return;
$font_current = get_option( 'edukarsa_font_choice', 'plus_jakarta_sans' ); $font_current = get_option( 'edukarsa_font_choice', 'plus_jakarta_sans' );
$primary_color = get_option( 'edukarsa_primary_color', '#0b4a8e' ); $primary_color = get_option( 'edukarsa_primary_color', '#0b4a8e' );
$secondary_color = get_option( 'edukarsa_secondary_color', '#1a73e8' ); $secondary_color = get_option( 'edukarsa_secondary_color', '#1a73e8' );
$heading_color = get_option( 'edukarsa_heading_color', '#0f172a' ); $heading_color = get_option( 'edukarsa_heading_color', '#0f172a' );
$active_lang = edukarsa_get_admin_lang();
?> ?>
<style> <style>
.edukarsa-admin-wrap { margin-top: 15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .edukarsa-admin-wrap { margin-top: 15px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.edukarsa-admin-layout { display: grid; grid-template-columns: 1fr 320px; gap: 25px; align-items: start; } .edukarsa-admin-layout { display: grid; grid-template-columns: 1fr 320px; gap: 25px; align-items: start; }
/* CARD COLLAPSIBLE ACCORDION STYLE */
.edukarsa-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); margin-bottom: 16px; overflow: hidden; transition: border-color 0.2s ease; } .edukarsa-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); margin-bottom: 16px; overflow: hidden; transition: border-color 0.2s ease; }
.edukarsa-card:hover { border-color: #cbd5e1; } .edukarsa-card:hover { border-color: #cbd5e1; }
@@ -125,8 +109,13 @@ function edukarsa_settings_page_html() {
.edukarsa-card.is-collapsed .collapse-icon { transform: rotate(-90deg); background: #f1f5f9; } .edukarsa-card.is-collapsed .collapse-icon { transform: rotate(-90deg); background: #f1f5f9; }
.edukarsa-card-body { padding: 22px; border-top: 1px solid #f1f5f9; } .edukarsa-card-body { padding: 22px; border-top: 1px solid #f1f5f9; }
.edukarsa-accordion-actions { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 15px; } .edukarsa-top-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; flex-wrap: wrap; gap: 10px; }
.btn-acc-action { background: #f1f5f9; border: 1px solid #cbd5e1; padding: 4px 12px; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: pointer; color: #475569; } .edukarsa-admin-lang-pills { display: inline-flex; background: #fff; border: 1px solid #cbd5e1; padding: 2px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.admin-lang-btn { display: inline-block; padding: 5px 12px; font-size: 12px; font-weight: 700; text-decoration: none; border-radius: 6px; color: #475569; }
.admin-lang-btn.active { background: #0b4a8e; color: #fff !important; }
.edukarsa-accordion-actions { display: flex; gap: 8px; }
.btn-acc-action { background: #f1f5f9; border: 1px solid #cbd5e1; padding: 5px 12px; border-radius: 6px; font-size: 12px; font-weight: 600; cursor: pointer; color: #475569; }
.btn-acc-action:hover { background: #e2e8f0; color: #0b4a8e; } .btn-acc-action:hover { background: #e2e8f0; color: #0b4a8e; }
.switch-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; margin-bottom: 12px; } .switch-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; margin-bottom: 12px; }
@@ -180,7 +169,21 @@ function edukarsa_settings_page_html() {
</style> </style>
<div class="wrap edukarsa-admin-wrap"> <div class="wrap edukarsa-admin-wrap">
<h1 style="font-weight: 800; font-size: 24px; margin-bottom: 20px;">Pengaturan Tema EduKarsa</h1>
<!-- HEADER TOPBAR: JUDUL + INSTANT DASHBOARD LANGUAGE SWITCHER -->
<div class="edukarsa-top-toolbar">
<h1 style="font-weight: 800; font-size: 24px; margin: 0;">
<?php echo esc_html( edukarsa_t( 'Pengaturan Tema EduKarsa', 'EduKarsa Theme Settings' ) ); ?>
</h1>
<div style="display: flex; align-items: center; gap: 12px;">
<span style="font-size: 12px; font-weight: 700; color: #64748b;"><?php echo esc_html( edukarsa_t( 'Bahasa Panel:', 'Panel Language:' ) ); ?></span>
<div class="edukarsa-admin-lang-pills">
<a href="<?php echo esc_url( add_query_arg( 'edukarsa_admin_lang', 'id' ) ); ?>" class="admin-lang-btn <?php echo ( $active_lang === 'id' ) ? 'active' : ''; ?>">🇮🇩 Indonesia</a>
<a href="<?php echo esc_url( add_query_arg( 'edukarsa_admin_lang', 'en' ) ); ?>" class="admin-lang-btn <?php echo ( $active_lang === 'en' ) ? 'active' : ''; ?>">🇬🇧 English</a>
</div>
</div>
</div>
<?php settings_errors(); ?> <?php settings_errors(); ?>
<form action="options.php" method="post"> <form action="options.php" method="post">
@@ -189,33 +192,35 @@ function edukarsa_settings_page_html() {
<div class="edukarsa-admin-layout"> <div class="edukarsa-admin-layout">
<div class="edukarsa-admin-main"> <div class="edukarsa-admin-main">
<div class="edukarsa-top-toolbar" style="justify-content: flex-end; margin-bottom: 12px;">
<div class="edukarsa-accordion-actions"> <div class="edukarsa-accordion-actions">
<button type="button" class="btn-acc-action" id="acc-expand-all">➕ Buka Semua</button> <button type="button" class="btn-acc-action" id="acc-expand-all"><?php echo esc_html( edukarsa_t( '➕ Buka Semua', '➕ Expand All' ) ); ?></button>
<button type="button" class="btn-acc-action" id="acc-collapse-all">➖ Tutup Semua</button> <button type="button" class="btn-acc-action" id="acc-collapse-all"><?php echo esc_html( edukarsa_t( '➖ Tutup Semua', '➖ Collapse All' ) ); ?></button>
</div>
</div> </div>
<!-- 1. Header, Logo, Slider & Bahasa --> <!-- 1. Header, Logo, Slider & Bahasa -->
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header"> <div class="edukarsa-card-header">
<h2>🏛️ 1. Header, Logo, Slider & Bahasa</h2> <h2><?php echo esc_html( edukarsa_t( '🏛️ 1. Header, Logo, Slider & Bahasa', '🏛️ 1. Header, Logo, Slider & Languages' ) ); ?></h2>
<div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div> <div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div>
</div> </div>
<div class="edukarsa-card-body"> <div class="edukarsa-card-body">
<div class="form-field-group"> <div class="form-field-group">
<label>Logo Website (Header)</label> <label><?php echo esc_html( edukarsa_t( 'Logo Website (Header)', 'Website Logo (Header)' ) ); ?></label>
<div class="input-with-button"> <div class="input-with-button">
<input type="text" id="edukarsa_header_logo" name="edukarsa_header_logo" value="<?php echo esc_url(get_option('edukarsa_header_logo')); ?>" placeholder="https://..."> <input type="text" id="edukarsa_header_logo" name="edukarsa_header_logo" value="<?php echo esc_url(get_option('edukarsa_header_logo')); ?>" placeholder="https://...">
<button type="button" class="button btn-upload" data-target="#edukarsa_header_logo">Pilih Logo</button> <button type="button" class="button btn-upload" data-target="#edukarsa_header_logo"><?php echo esc_html( edukarsa_t( 'Pilih Logo', 'Select Logo' ) ); ?></button>
</div> </div>
</div> </div>
<div class="switch-row" style="margin-top: 18px; background: #eef2ff; border-color: #c7d2fe;"> <div class="switch-row" style="margin-top: 18px; background: #eef2ff; border-color: #c7d2fe;">
<div class="switch-label-wrap"> <div class="switch-label-wrap">
<div class="switch-label" style="color: #3730a3;"> <div class="switch-label" style="color: #3730a3;">
<span>🌐 Fitur Bahasa (Penerjemah Instan)</span> <span><?php echo esc_html( edukarsa_t( '🌐 Fitur Bahasa Frontend (Penerjemah Instan)', '🌐 Frontend Multilingual (Instant Translator)' ) ); ?></span>
<span class="tooltip-hint">?<span class="tooltip-text">Menampilkan tombol pemilih bahasa di header situs.</span></span> <span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Menampilkan tombol pemilih bahasa di header pengunjung situs.', 'Shows language switcher buttons in the website frontend header.' ) ); ?></span></span>
</div> </div>
<span style="font-size: 11px; color: #4338ca;">Bahasa Indonesia (ID) aktif sebagai bahasa utama. Pilih bahasa tambahan di bawah:</span> <span style="font-size: 11px; color: #4338ca;"><?php echo esc_html( edukarsa_t( 'Bahasa Indonesia (ID) aktif sebagai bahasa utama. Pilih bahasa tambahan di bawah:', 'Indonesian (ID) is default. Select additional languages below:' ) ); ?></span>
</div> </div>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" class="section-toggle" data-target="#lang-options-box" name="edukarsa_tampil_bilingual" value="1" <?php checked(1, get_option('edukarsa_tampil_bilingual', 1)); ?>> <input type="checkbox" class="section-toggle" data-target="#lang-options-box" name="edukarsa_tampil_bilingual" value="1" <?php checked(1, get_option('edukarsa_tampil_bilingual', 1)); ?>>
@@ -224,7 +229,7 @@ function edukarsa_settings_page_html() {
</div> </div>
<div id="lang-options-box" style="background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 8px; padding: 14px 18px; margin-bottom: 14px;"> <div id="lang-options-box" style="background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 8px; padding: 14px 18px; margin-bottom: 14px;">
<span style="font-weight: 700; font-size: 12px; color: #475569; display: block; margin-bottom: 10px;">Bahasa Tambahan yang Diaktifkan:</span> <span style="font-weight: 700; font-size: 12px; color: #475569; display: block; margin-bottom: 10px;"><?php echo esc_html( edukarsa_t( 'Bahasa Tambahan yang Diaktifkan:', 'Additional Languages Enabled:' ) ); ?></span>
<div style="display: flex; gap: 20px; flex-wrap: wrap;"> <div style="display: flex; gap: 20px; flex-wrap: wrap;">
<label style="font-size: 13px; font-weight: 600; color: #334155; cursor: pointer;"> <label style="font-size: 13px; font-weight: 600; color: #334155; cursor: pointer;">
<input type="checkbox" name="edukarsa_lang_en" value="1" <?php checked(1, get_option('edukarsa_lang_en', 1)); ?>> 🇬🇧 English (EN) <input type="checkbox" name="edukarsa_lang_en" value="1" <?php checked(1, get_option('edukarsa_lang_en', 1)); ?>> 🇬🇧 English (EN)
@@ -244,10 +249,10 @@ function edukarsa_settings_page_html() {
<div class="switch-row" style="background: #f0fdf4; border-color: #bbf7d0;"> <div class="switch-row" style="background: #f0fdf4; border-color: #bbf7d0;">
<div class="switch-label-wrap"> <div class="switch-label-wrap">
<div class="switch-label" style="color: #166534;"> <div class="switch-label" style="color: #166534;">
<span>♿ Fitur Aksesibilitas Disabilitas (WCAG Toolbar & Suara)</span> <span><?php echo esc_html( edukarsa_t( '♿ Fitur Aksesibilitas Disabilitas (WCAG Toolbar & Suara)', '♿ Accessibility Toolbar & Screen Reader (WCAG)' ) ); ?></span>
<span class="tooltip-hint">?<span class="tooltip-text">Menampilkan toolbar ramah disabilitas (pembaca suara audio, kontras, monokrom, ukuran huruf, sorot tautan).</span></span> <span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Menampilkan toolbar ramah disabilitas (pembaca suara audio, kontras, monokrom, ukuran huruf, sorot tautan).', 'Shows accessibility tools (audio voice reader, contrast, monochrome, font sizing, link highlights).' ) ); ?></span></span>
</div> </div>
<span style="font-size: 11px; color: #15803d;">Dilengkapi Web Speech Synthesizer bawaan untuk membacakan artikel bagi tunanetra.</span> <span style="font-size: 11px; color: #15803d;"><?php echo esc_html( edukarsa_t( 'Dilengkapi Web Speech Synthesizer bawaan untuk membacakan artikel bagi tunanetra.', 'Equipped with native Web Speech Synthesizer to read articles out loud.' ) ); ?></span>
</div> </div>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" name="edukarsa_tampil_accessibility" value="1" <?php checked(1, get_option('edukarsa_tampil_accessibility', 1)); ?>> <input type="checkbox" name="edukarsa_tampil_accessibility" value="1" <?php checked(1, get_option('edukarsa_tampil_accessibility', 1)); ?>>
@@ -258,8 +263,8 @@ function edukarsa_settings_page_html() {
<div class="switch-row-inline" style="margin-top: 15px;"> <div class="switch-row-inline" style="margin-top: 15px;">
<div class="switch-row"> <div class="switch-row">
<div class="switch-label-wrap"> <div class="switch-label-wrap">
<div class="switch-label"><span>Tampilkan Slider Atas</span><span class="tooltip-hint">?<span class="tooltip-text">Gambar & tautan banner dikelola pada modul 🌟 Slider Banner.</span></span></div> <div class="switch-label"><span><?php echo esc_html( edukarsa_t( 'Tampilkan Slider Atas', 'Display Hero Slider' ) ); ?></span><span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Gambar & tautan banner dikelola pada modul 🌟 Slider Banner.', 'Banners and URLs are managed in 🌟 Slider Banners post type.' ) ); ?></span></span></div>
<a href="<?php echo admin_url('edit.php?post_type=slider'); ?>" class="cpt-shortcut-link">Kelola Slider ↗</a> <a href="<?php echo admin_url('edit.php?post_type=slider'); ?>" class="cpt-shortcut-link"><?php echo esc_html( edukarsa_t( 'Kelola Slider ↗', 'Manage Sliders ↗' ) ); ?></a>
</div> </div>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" name="edukarsa_tampil_slider" value="1" <?php checked(1, get_option('edukarsa_tampil_slider', 1)); ?>> <input type="checkbox" name="edukarsa_tampil_slider" value="1" <?php checked(1, get_option('edukarsa_tampil_slider', 1)); ?>>
@@ -268,8 +273,8 @@ function edukarsa_settings_page_html() {
</div> </div>
<div class="switch-row"> <div class="switch-row">
<div class="switch-label-wrap"> <div class="switch-label-wrap">
<div class="switch-label"><span>Tampilkan 3 Kotak Statistik</span><span class="tooltip-hint">?<span class="tooltip-text">Konfigurasi teks, angka capaian, dan ikon diatur pada formulir di bawah.</span></span></div> <div class="switch-label"><span><?php echo esc_html( edukarsa_t( 'Tampilkan 3 Kotak Statistik', 'Display 3 Stats Cards' ) ); ?></span><span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Konfigurasi teks, angka capaian, dan ikon diatur pada formulir di bawah.', 'Configure texts, achievements, and icons in the form below.' ) ); ?></span></span></div>
<span style="font-size: 11px; color: #64748b;">Formulir Pengaturan Bawah ↓</span> <span style="font-size: 11px; color: #64748b;"><?php echo esc_html( edukarsa_t( 'Formulir Pengaturan Bawah ↓', 'Settings Form Below ↓' ) ); ?></span>
</div> </div>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" class="section-toggle" data-target="#stats-settings-box" name="edukarsa_tampil_stats" value="1" <?php checked(1, get_option('edukarsa_tampil_stats', 1)); ?>> <input type="checkbox" class="section-toggle" data-target="#stats-settings-box" name="edukarsa_tampil_stats" value="1" <?php checked(1, get_option('edukarsa_tampil_stats', 1)); ?>>
@@ -282,17 +287,17 @@ function edukarsa_settings_page_html() {
<div class="stats-config-grid"> <div class="stats-config-grid">
<?php for($i=1; $i<=3; $i++) : ?> <?php for($i=1; $i<=3; $i++) : ?>
<div class="stat-config-box"> <div class="stat-config-box">
<h4>Statistik <?php echo $i; ?></h4> <h4><?php echo esc_html( edukarsa_t( 'Statistik ' . $i, 'Statistic ' . $i ) ); ?></h4>
<div class="form-field-group"> <div class="form-field-group">
<label>Ikon / Gambar</label> <label><?php echo esc_html( edukarsa_t( 'Ikon / Gambar', 'Icon / Image' ) ); ?></label>
<div class="input-with-button"> <div class="input-with-button">
<input type="text" id="stat<?php echo $i; ?>_icon" name="edukarsa_stat<?php echo $i; ?>_icon" value="<?php echo esc_url(get_option('edukarsa_stat'.$i.'_icon')); ?>" placeholder="URL Ikon"> <input type="text" id="stat<?php echo $i; ?>_icon" name="edukarsa_stat<?php echo $i; ?>_icon" value="<?php echo esc_url(get_option('edukarsa_stat'.$i.'_icon')); ?>" placeholder="URL">
<button type="button" class="button btn-upload" data-target="#stat<?php echo $i; ?>_icon">Up</button> <button type="button" class="button btn-upload" data-target="#stat<?php echo $i; ?>_icon">Up</button>
</div> </div>
</div> </div>
<div class="form-field-group"><label>Angka / Capaian</label><input type="text" name="edukarsa_stat<?php echo $i; ?>_angka" value="<?php echo esc_attr(get_option('edukarsa_stat'.$i.'_angka')); ?>" placeholder="cth: 98%"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Angka / Capaian', 'Number / Value' ) ); ?></label><input type="text" name="edukarsa_stat<?php echo $i; ?>_angka" value="<?php echo esc_attr(get_option('edukarsa_stat'.$i.'_angka')); ?>" placeholder="98%"></div>
<div class="form-field-group"><label>Judul Statistik</label><input type="text" name="edukarsa_stat<?php echo $i; ?>_label" value="<?php echo esc_attr(get_option('edukarsa_stat'.$i.'_label')); ?>" placeholder="cth: Akreditasi A"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Judul Statistik', 'Statistic Title' ) ); ?></label><input type="text" name="edukarsa_stat<?php echo $i; ?>_label" value="<?php echo esc_attr(get_option('edukarsa_stat'.$i.'_label')); ?>" placeholder="Akreditasi A"></div>
<div class="form-field-group" style="margin-bottom:0;"><label>Deskripsi Ringkas</label><textarea name="edukarsa_stat<?php echo $i; ?>_desc" rows="2"><?php echo esc_textarea(get_option('edukarsa_stat'.$i.'_desc')); ?></textarea></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Deskripsi Ringkas', 'Brief Description' ) ); ?></label><textarea name="edukarsa_stat<?php echo $i; ?>_desc" rows="2"><?php echo esc_textarea(get_option('edukarsa_stat'.$i.'_desc')); ?></textarea></div>
</div> </div>
<?php endfor; ?> <?php endfor; ?>
</div> </div>
@@ -303,12 +308,12 @@ function edukarsa_settings_page_html() {
<!-- 2. Tentang Kami --> <!-- 2. Tentang Kami -->
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header"> <div class="edukarsa-card-header">
<h2>👤 2. Sambutan & Profil Pimpinan</h2> <h2><?php echo esc_html( edukarsa_t( '👤 2. Sambutan & Profil Pimpinan', '👤 2. Welcome & Leader Profile' ) ); ?></h2>
<div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div> <div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div>
</div> </div>
<div class="edukarsa-card-body"> <div class="edukarsa-card-body">
<div class="switch-row" style="margin-bottom: 15px;"> <div class="switch-row" style="margin-bottom: 15px;">
<span class="switch-label">Aktifkan Seksi Sambutan</span> <span class="switch-label"><?php echo esc_html( edukarsa_t( 'Aktifkan Seksi Sambutan', 'Enable Welcome Section' ) ); ?></span>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" class="section-toggle" data-target="#about-settings-box" name="edukarsa_tampil_about" value="1" <?php checked(1, get_option('edukarsa_tampil_about', 1)); ?>> <input type="checkbox" class="section-toggle" data-target="#about-settings-box" name="edukarsa_tampil_about" value="1" <?php checked(1, get_option('edukarsa_tampil_about', 1)); ?>>
<span class="slider-round"></span> <span class="slider-round"></span>
@@ -316,14 +321,14 @@ function edukarsa_settings_page_html() {
</div> </div>
<div id="about-settings-box"> <div id="about-settings-box">
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group"><label>Foto Pimpinan (Portrait 3:4)</label><div class="input-with-button"><input type="text" id="edukarsa_foto_kepsek" name="edukarsa_foto_kepsek" value="<?php echo esc_url(get_option('edukarsa_foto_kepsek')); ?>"><button type="button" class="button btn-upload" data-target="#edukarsa_foto_kepsek">Pilih</button></div></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Foto Pimpinan (Portrait 3:4)', 'Leader Photo (Portrait 3:4)' ) ); ?></label><div class="input-with-button"><input type="text" id="edukarsa_foto_kepsek" name="edukarsa_foto_kepsek" value="<?php echo esc_url(get_option('edukarsa_foto_kepsek')); ?>"><button type="button" class="button btn-upload" data-target="#edukarsa_foto_kepsek"><?php echo esc_html( edukarsa_t( 'Pilih', 'Select' ) ); ?></button></div></div>
<div class="form-field-group"><label>Nama Lengkap & Gelar</label><input type="text" name="edukarsa_nama_kepsek" value="<?php echo esc_attr(get_option('edukarsa_nama_kepsek')); ?>"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Nama Lengkap & Gelar', 'Full Name & Degree' ) ); ?></label><input type="text" name="edukarsa_nama_kepsek" value="<?php echo esc_attr(get_option('edukarsa_nama_kepsek')); ?>"></div>
</div> </div>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group"><label>Sub-Judul (cth: Rektor / Kepala Sekolah)</label><input type="text" name="edukarsa_subtitle_about" value="<?php echo esc_attr(get_option('edukarsa_subtitle_about')); ?>"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Sub-Judul (cth: Rektor / Kepala Sekolah)', 'Sub-Title (e.g. Rector / Principal)' ) ); ?></label><input type="text" name="edukarsa_subtitle_about" value="<?php echo esc_attr(get_option('edukarsa_subtitle_about')); ?>"></div>
<div class="form-field-group"><label>Tautan Detail (URL Profil)</label><input type="text" name="edukarsa_link_about" value="<?php echo esc_attr(get_option('edukarsa_link_about')); ?>"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Tautan Detail (URL Profil)', 'Detail Link (Profile URL)' ) ); ?></label><input type="text" name="edukarsa_link_about" value="<?php echo esc_attr(get_option('edukarsa_link_about')); ?>"></div>
</div> </div>
<div class="form-field-group" style="margin-bottom:0;"><label>Teks Sambutan</label><textarea name="edukarsa_teks_sambutan" rows="4"><?php echo esc_textarea(get_option('edukarsa_teks_sambutan')); ?></textarea></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Teks Sambutan', 'Speech / Welcome Message' ) ); ?></label><textarea name="edukarsa_teks_sambutan" rows="4"><?php echo esc_textarea(get_option('edukarsa_teks_sambutan')); ?></textarea></div>
</div> </div>
</div> </div>
</div> </div>
@@ -331,46 +336,46 @@ function edukarsa_settings_page_html() {
<!-- 3. Program, Milestones, & Keunggulan --> <!-- 3. Program, Milestones, & Keunggulan -->
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header"> <div class="edukarsa-card-header">
<h2>⭐ 3. Program, Milestones, & Keunggulan</h2> <h2><?php echo esc_html( edukarsa_t( '⭐ 3. Program, Milestones, & Keunggulan', '⭐ 3. Programs, Milestones, & Advantages' ) ); ?></h2>
<div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div> <div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div>
</div> </div>
<div class="edukarsa-card-body"> <div class="edukarsa-card-body">
<div class="switch-row-inline"> <div class="switch-row-inline">
<div class="switch-row"> <div class="switch-row">
<div class="switch-label-wrap"><div class="switch-label"><span>Seksi Milestone</span><span class="tooltip-hint">?<span class="tooltip-text">Data capaian diisi melalui menu 🏆 Milestone di sidebar.</span></span></div><a href="<?php echo admin_url('edit.php?post_type=milestone'); ?>" class="cpt-shortcut-link">Kelola Milestone ↗</a></div> <div class="switch-label-wrap"><div class="switch-label"><span><?php echo esc_html( edukarsa_t( 'Seksi Milestone', 'Milestones Section' ) ); ?></span><span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Data capaian diisi melalui menu 🏆 Milestone di sidebar.', 'Milestone numbers are managed in 🏆 Milestones menu.' ) ); ?></span></span></div><a href="<?php echo admin_url('edit.php?post_type=milestone'); ?>" class="cpt-shortcut-link"><?php echo esc_html( edukarsa_t( 'Kelola Milestone ↗', 'Manage Milestones ↗' ) ); ?></a></div>
<label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_milestone" value="1" <?php checked(1, get_option('edukarsa_tampil_milestone', 1)); ?>><span class="slider-round"></span></label> <label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_milestone" value="1" <?php checked(1, get_option('edukarsa_tampil_milestone', 1)); ?>><span class="slider-round"></span></label>
</div> </div>
<div class="switch-row"> <div class="switch-row">
<div class="switch-label-wrap"><div class="switch-label"><span>Seksi Program</span><span class="tooltip-hint">?<span class="tooltip-text">Daftar program kurikulum dikelola pada menu 📚 Program Kami.</span></span></div><a href="<?php echo admin_url('edit.php?post_type=program'); ?>" class="cpt-shortcut-link">Kelola Program ↗</a></div> <div class="switch-label-wrap"><div class="switch-label"><span><?php echo esc_html( edukarsa_t( 'Seksi Program', 'Programs Section' ) ); ?></span><span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Daftar program kurikulum dikelola pada menu 📚 Program Kami.', 'Curriculums and majors are managed in 📚 Our Programs menu.' ) ); ?></span></span></div><a href="<?php echo admin_url('edit.php?post_type=program'); ?>" class="cpt-shortcut-link"><?php echo esc_html( edukarsa_t( 'Kelola Program ↗', 'Manage Programs ↗' ) ); ?></a></div>
<label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_program" value="1" <?php checked(1, get_option('edukarsa_tampil_program', 1)); ?>><span class="slider-round"></span></label> <label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_program" value="1" <?php checked(1, get_option('edukarsa_tampil_program', 1)); ?>><span class="slider-round"></span></label>
</div> </div>
<div class="switch-row"> <div class="switch-row">
<div class="switch-label-wrap"><div class="switch-label"><span>Seksi Keunggulan</span><span class="tooltip-hint">?<span class="tooltip-text">Poin keunggulan dikelola pada menu ⭐ Keunggulan.</span></span></div><a href="<?php echo admin_url('edit.php?post_type=keunggulan'); ?>" class="cpt-shortcut-link">Kelola Keunggulan ↗</a></div> <div class="switch-label-wrap"><div class="switch-label"><span><?php echo esc_html( edukarsa_t( 'Seksi Keunggulan', 'Advantages Section' ) ); ?></span><span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Poin keunggulan dikelola pada menu ⭐ Keunggulan.', 'Institutional advantages are managed in ⭐ Advantages menu.' ) ); ?></span></span></div><a href="<?php echo admin_url('edit.php?post_type=keunggulan'); ?>" class="cpt-shortcut-link"><?php echo esc_html( edukarsa_t( 'Kelola Keunggulan ↗', 'Manage Advantages ↗' ) ); ?></a></div>
<label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_keunggulan" value="1" <?php checked(1, get_option('edukarsa_tampil_keunggulan', 1)); ?>><span class="slider-round"></span></label> <label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_keunggulan" value="1" <?php checked(1, get_option('edukarsa_tampil_keunggulan', 1)); ?>><span class="slider-round"></span></label>
</div> </div>
</div> </div>
<div style="border-top: 1px solid #e2e8f0; margin-top: 20px; padding-top: 15px;"> <div style="border-top: 1px solid #e2e8f0; margin-top: 20px; padding-top: 15px;">
<h4 style="margin: 0 0 10px; font-size: 13px; color: #0b4a8e;">🏆 Label Tampilan: Seksi Milestone</h4> <h4 style="margin: 0 0 10px; font-size: 13px; color: #0b4a8e;"><?php echo esc_html( edukarsa_t( '🏆 Label Tampilan: Seksi Milestone', '🏆 Display Labels: Milestone Section' ) ); ?></h4>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group" style="margin-bottom:0;"><label>Subtitle / Badge Teks</label><input type="text" name="edukarsa_milestone_subtitle" value="<?php echo esc_attr(get_option('edukarsa_milestone_subtitle', 'REKAM JEJAK')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Subtitle / Badge Teks', 'Subtitle / Badge Text' ) ); ?></label><input type="text" name="edukarsa_milestone_subtitle" value="<?php echo esc_attr(get_option('edukarsa_milestone_subtitle', 'REKAM JEJAK')); ?>"></div>
<div class="form-field-group" style="margin-bottom:0;"><label>Judul Seksi (Heading)</label><input type="text" name="edukarsa_milestone_title" value="<?php echo esc_attr(get_option('edukarsa_milestone_title', 'Milestone & Prestasi')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Judul Seksi (Heading)', 'Section Title (Heading)' ) ); ?></label><input type="text" name="edukarsa_milestone_title" value="<?php echo esc_attr(get_option('edukarsa_milestone_title', 'Milestone & Prestasi')); ?>"></div>
</div> </div>
</div> </div>
<div style="border-top: 1px solid #e2e8f0; margin-top: 15px; padding-top: 15px;"> <div style="border-top: 1px solid #e2e8f0; margin-top: 15px; padding-top: 15px;">
<h4 style="margin: 0 0 10px; font-size: 13px; color: #0b4a8e;">📚 Label Tampilan: Seksi Program</h4> <h4 style="margin: 0 0 10px; font-size: 13px; color: #0b4a8e;"><?php echo esc_html( edukarsa_t( '📚 Label Tampilan: Seksi Program', '📚 Display Labels: Program Section' ) ); ?></h4>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group" style="margin-bottom:0;"><label>Subtitle / Badge Teks</label><input type="text" name="edukarsa_program_subtitle" value="<?php echo esc_attr(get_option('edukarsa_program_subtitle', 'AKADEMIK & KARAKTER')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Subtitle / Badge Teks', 'Subtitle / Badge Text' ) ); ?></label><input type="text" name="edukarsa_program_subtitle" value="<?php echo esc_attr(get_option('edukarsa_program_subtitle', 'AKADEMIK & KARAKTER')); ?>"></div>
<div class="form-field-group" style="margin-bottom:0;"><label>Judul Seksi (Heading)</label><input type="text" name="edukarsa_program_title" value="<?php echo esc_attr(get_option('edukarsa_program_title', 'Our Program')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Judul Seksi (Heading)', 'Section Title (Heading)' ) ); ?></label><input type="text" name="edukarsa_program_title" value="<?php echo esc_attr(get_option('edukarsa_program_title', 'Our Program')); ?>"></div>
</div> </div>
</div> </div>
<div style="border-top: 1px solid #e2e8f0; margin-top: 15px; padding-top: 15px;"> <div style="border-top: 1px solid #e2e8f0; margin-top: 15px; padding-top: 15px;">
<h4 style="margin: 0 0 10px; font-size: 13px; color: #0b4a8e;">⭐ Label Tampilan: Seksi Keunggulan</h4> <h4 style="margin: 0 0 10px; font-size: 13px; color: #0b4a8e;"><?php echo esc_html( edukarsa_t( '⭐ Label Tampilan: Seksi Keunggulan', '⭐ Display Labels: Advantages Section' ) ); ?></h4>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group" style="margin-bottom:0;"><label>Subtitle / Badge Teks</label><input type="text" name="edukarsa_keunggulan_subtitle" value="<?php echo esc_attr(get_option('edukarsa_keunggulan_subtitle', 'WHY CHOOSE US')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Subtitle / Badge Teks', 'Subtitle / Badge Text' ) ); ?></label><input type="text" name="edukarsa_keunggulan_subtitle" value="<?php echo esc_attr(get_option('edukarsa_keunggulan_subtitle', 'WHY CHOOSE US')); ?>"></div>
<div class="form-field-group" style="margin-bottom:0;"><label>Judul Seksi (Heading)</label><input type="text" name="edukarsa_keunggulan_title" value="<?php echo esc_attr(get_option('edukarsa_keunggulan_title', 'Keunggulan Program')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Judul Seksi (Heading)', 'Section Title (Heading)' ) ); ?></label><input type="text" name="edukarsa_keunggulan_title" value="<?php echo esc_attr(get_option('edukarsa_keunggulan_title', 'Keunggulan Program')); ?>"></div>
</div> </div>
</div> </div>
</div> </div>
@@ -379,12 +384,12 @@ function edukarsa_settings_page_html() {
<!-- 4. Video & Parallax Area --> <!-- 4. Video & Parallax Area -->
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header"> <div class="edukarsa-card-header">
<h2>🎬 4. Video & Parallax (Area Tengah)</h2> <h2><?php echo esc_html( edukarsa_t( '🎬 4. Video & Parallax (Area Tengah)', '🎬 4. Video & Parallax (Mid Section)' ) ); ?></h2>
<div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div> <div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div>
</div> </div>
<div class="edukarsa-card-body"> <div class="edukarsa-card-body">
<div class="switch-row" style="margin-bottom: 15px;"> <div class="switch-row" style="margin-bottom: 15px;">
<span class="switch-label">Aktifkan Seksi Video</span> <span class="switch-label"><?php echo esc_html( edukarsa_t( 'Aktifkan Seksi Video', 'Enable Video Section' ) ); ?></span>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" class="section-toggle" data-target="#video-settings-box" name="edukarsa_tampil_video" value="1" <?php checked(1, get_option('edukarsa_tampil_video', 1)); ?>> <input type="checkbox" class="section-toggle" data-target="#video-settings-box" name="edukarsa_tampil_video" value="1" <?php checked(1, get_option('edukarsa_tampil_video', 1)); ?>>
<span class="slider-round"></span> <span class="slider-round"></span>
@@ -392,19 +397,19 @@ function edukarsa_settings_page_html() {
</div> </div>
<div id="video-settings-box"> <div id="video-settings-box">
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group"><label>Gambar Latar Parallax</label><div class="input-with-button"><input type="text" id="mid_bg_image" name="edukarsa_mid_bg_image" value="<?php echo esc_url(get_option('edukarsa_mid_bg_image')); ?>"><button type="button" class="button btn-upload" data-target="#mid_bg_image">Pilih</button></div></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Gambar Latar Parallax', 'Parallax Background Image' ) ); ?></label><div class="input-with-button"><input type="text" id="mid_bg_image" name="edukarsa_mid_bg_image" value="<?php echo esc_url(get_option('edukarsa_mid_bg_image')); ?>"><button type="button" class="button btn-upload" data-target="#mid_bg_image"><?php echo esc_html( edukarsa_t( 'Pilih', 'Select' ) ); ?></button></div></div>
<div class="form-field-group"><label>Warna Overlay Parallax</label><div style="display:flex; align-items:center; gap:10px;"><input type="color" name="edukarsa_mid_bg_color" value="<?php echo esc_attr(get_option('edukarsa_mid_bg_color', '#0b4a8e')); ?>"><code><?php echo esc_html(get_option('edukarsa_mid_bg_color', '#0b4a8e')); ?></code></div></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Warna Overlay Parallax', 'Parallax Overlay Color' ) ); ?></label><div style="display:flex; align-items:center; gap:10px;"><input type="color" name="edukarsa_mid_bg_color" value="<?php echo esc_attr(get_option('edukarsa_mid_bg_color', '#0b4a8e')); ?>"><code><?php echo esc_html(get_option('edukarsa_mid_bg_color', '#0b4a8e')); ?></code></div></div>
</div> </div>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="stat-config-box"> <div class="stat-config-box">
<h4>Video 1</h4> <h4>Video 1</h4>
<div class="form-field-group"><label>Thumbnail Video 1</label><div class="input-with-button"><input type="text" id="vid1_thumb" name="edukarsa_video1_thumb" value="<?php echo esc_url(get_option('edukarsa_video1_thumb')); ?>"><button type="button" class="button btn-upload" data-target="#vid1_thumb">Up</button></div></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Thumbnail Video 1', 'Video 1 Thumbnail' ) ); ?></label><div class="input-with-button"><input type="text" id="vid1_thumb" name="edukarsa_video1_thumb" value="<?php echo esc_url(get_option('edukarsa_video1_thumb')); ?>"><button type="button" class="button btn-upload" data-target="#vid1_thumb">Up</button></div></div>
<div class="form-field-group" style="margin-bottom:0;"><label>URL Video 1</label><input type="text" name="edukarsa_video1_url" value="<?php echo esc_attr(get_option('edukarsa_video1_url')); ?>" placeholder="https://youtube.com/watch?v=..."></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'URL Video 1', 'Video 1 URL' ) ); ?></label><input type="text" name="edukarsa_video1_url" value="<?php echo esc_attr(get_option('edukarsa_video1_url')); ?>" placeholder="https://youtube.com/watch?v=..."></div>
</div> </div>
<div class="stat-config-box"> <div class="stat-config-box">
<h4>Video 2</h4> <h4>Video 2</h4>
<div class="form-field-group"><label>Thumbnail Video 2</label><div class="input-with-button"><input type="text" id="vid2_thumb" name="edukarsa_video2_thumb" value="<?php echo esc_url(get_option('edukarsa_video2_thumb')); ?>"><button type="button" class="button btn-upload" data-target="#vid2_thumb">Up</button></div></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Thumbnail Video 2', 'Video 2 Thumbnail' ) ); ?></label><div class="input-with-button"><input type="text" id="vid2_thumb" name="edukarsa_video2_thumb" value="<?php echo esc_url(get_option('edukarsa_video2_thumb')); ?>"><button type="button" class="button btn-upload" data-target="#vid2_thumb">Up</button></div></div>
<div class="form-field-group" style="margin-bottom:0;"><label>URL Video 2</label><input type="text" name="edukarsa_video2_url" value="<?php echo esc_attr(get_option('edukarsa_video2_url')); ?>" placeholder="https://youtube.com/watch?v=..."></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'URL Video 2', 'Video 2 URL' ) ); ?></label><input type="text" name="edukarsa_video2_url" value="<?php echo esc_attr(get_option('edukarsa_video2_url')); ?>" placeholder="https://youtube.com/watch?v=..."></div>
</div> </div>
</div> </div>
</div> </div>
@@ -414,78 +419,78 @@ function edukarsa_settings_page_html() {
<!-- 5. CTA, FAQ & Berita --> <!-- 5. CTA, FAQ & Berita -->
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header"> <div class="edukarsa-card-header">
<h2>📢 5. CTA Pendaftaran, FAQ & Berita</h2> <h2><?php echo esc_html( edukarsa_t( '📢 5. CTA Pendaftaran, FAQ & Berita', '📢 5. Registration CTA, FAQs & News' ) ); ?></h2>
<div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div> <div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div>
</div> </div>
<div class="edukarsa-card-body"> <div class="edukarsa-card-body">
<div class="switch-row-inline"> <div class="switch-row-inline">
<div class="switch-row"> <div class="switch-row">
<div class="switch-label-wrap"><span class="switch-label">Tampilkan CTA Banner</span><span style="font-size: 11px; color: #64748b;">Pengaturan Khusus PPDB</span></div> <div class="switch-label-wrap"><span class="switch-label"><?php echo esc_html( edukarsa_t( 'Tampilkan CTA Banner', 'Display CTA Banner' ) ); ?></span><span style="font-size: 11px; color: #64748b;"><?php echo esc_html( edukarsa_t( 'Pengaturan Khusus PPDB', 'Admission CTA Settings' ) ); ?></span></div>
<label class="edukarsa-switch"><input type="checkbox" class="section-toggle" data-target="#cta-settings-box" name="edukarsa_tampil_cta" value="1" <?php checked(1, get_option('edukarsa_tampil_cta', 1)); ?>><span class="slider-round"></span></label> <label class="edukarsa-switch"><input type="checkbox" class="section-toggle" data-target="#cta-settings-box" name="edukarsa_tampil_cta" value="1" <?php checked(1, get_option('edukarsa_tampil_cta', 1)); ?>><span class="slider-round"></span></label>
</div> </div>
<div class="switch-row"> <div class="switch-row">
<div class="switch-label-wrap"> <div class="switch-label-wrap">
<div class="switch-label"> <div class="switch-label">
<span>Tampilkan Seksi FAQ</span> <span><?php echo esc_html( edukarsa_t( 'Tampilkan Seksi FAQ', 'Display FAQ Section' ) ); ?></span>
<span class="tooltip-hint">?<span class="tooltip-text">Jika dinonaktifkan, seksi FAQ disembunyikan dari beranda. Seluruh item FAQ tetap tersimpan aman.</span></span> <span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Jika dinonaktifkan, seksi FAQ disembunyikan dari beranda. Seluruh item FAQ tetap tersimpan aman.', 'If disabled, FAQ is hidden on homepage. All items remain safe in database.' ) ); ?></span></span>
</div> </div>
<a href="<?php echo admin_url('edit.php?post_type=faq'); ?>" class="cpt-shortcut-link">Kelola Data FAQ ↗</a> <a href="<?php echo admin_url('edit.php?post_type=faq'); ?>" class="cpt-shortcut-link"><?php echo esc_html( edukarsa_t( 'Kelola Data FAQ ↗', 'Manage FAQs ↗' ) ); ?></a>
</div> </div>
<label class="edukarsa-switch"><input type="checkbox" class="section-toggle" data-target="#faq-settings-box" name="edukarsa_tampil_faq" value="1" <?php checked(1, get_option('edukarsa_tampil_faq', 1)); ?>><span class="slider-round"></span></label> <label class="edukarsa-switch"><input type="checkbox" class="section-toggle" data-target="#faq-settings-box" name="edukarsa_tampil_faq" value="1" <?php checked(1, get_option('edukarsa_tampil_faq', 1)); ?>><span class="slider-round"></span></label>
</div> </div>
<div class="switch-row"> <div class="switch-row">
<div class="switch-label-wrap"><div class="switch-label"><span>Tampilkan Berita Kampus</span><span class="tooltip-hint">?<span class="tooltip-text">Berita otomatis diambil dari menu 'Pos'.</span></span></div><a href="<?php echo admin_url('edit.php'); ?>" class="cpt-shortcut-link">Kelola Berita ↗</a></div> <div class="switch-label-wrap"><div class="switch-label"><span><?php echo esc_html( edukarsa_t( 'Tampilkan Berita Kampus', 'Display Campus News' ) ); ?></span><span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Berita otomatis diambil dari menu Pos bawaan.', 'Posts are loaded automatically from standard Posts menu.' ) ); ?></span></span></div><a href="<?php echo admin_url('edit.php'); ?>" class="cpt-shortcut-link"><?php echo esc_html( edukarsa_t( 'Kelola Berita ↗', 'Manage Posts ↗' ) ); ?></a></div>
<label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_news" value="1" <?php checked(1, get_option('edukarsa_tampil_news', 1)); ?>><span class="slider-round"></span></label> <label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_news" value="1" <?php checked(1, get_option('edukarsa_tampil_news', 1)); ?>><span class="slider-round"></span></label>
</div> </div>
</div> </div>
<div id="cta-settings-box" class="stat-config-box" style="margin-bottom: 20px;"> <div id="cta-settings-box" class="stat-config-box" style="margin-bottom: 20px;">
<h4>Konfigurasi CTA PPDB / PMB</h4> <h4><?php echo esc_html( edukarsa_t( 'Konfigurasi CTA PPDB / PMB', 'Admission CTA Configuration' ) ); ?></h4>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group"><label>Gambar Latar CTA</label><div class="input-with-button"><input type="text" id="cta_bg" name="edukarsa_cta_bg" value="<?php echo esc_url(get_option('edukarsa_cta_bg')); ?>"><button type="button" class="button btn-upload" data-target="#cta_bg">Up</button></div></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Gambar Latar CTA', 'CTA Background Image' ) ); ?></label><div class="input-with-button"><input type="text" id="cta_bg" name="edukarsa_cta_bg" value="<?php echo esc_url(get_option('edukarsa_cta_bg')); ?>"><button type="button" class="button btn-upload" data-target="#cta_bg">Up</button></div></div>
<div class="form-field-group"><label>Teks Tombol CTA</label><input type="text" name="edukarsa_cta_btn_teks" value="<?php echo esc_attr(get_option('edukarsa_cta_btn_teks', 'Daftar Sekarang')); ?>"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Teks Tombol CTA', 'CTA Button Text' ) ); ?></label><input type="text" name="edukarsa_cta_btn_teks" value="<?php echo esc_attr(get_option('edukarsa_cta_btn_teks', 'Daftar Sekarang')); ?>"></div>
</div> </div>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group" style="margin-bottom:0;"><label>Judul Ajakan CTA</label><input type="text" name="edukarsa_cta_title" value="<?php echo esc_attr(get_option('edukarsa_cta_title')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Judul Ajakan CTA', 'CTA Main Headline' ) ); ?></label><input type="text" name="edukarsa_cta_title" value="<?php echo esc_attr(get_option('edukarsa_cta_title')); ?>"></div>
<div class="form-field-group" style="margin-bottom:0;"><label>Tautan Tombol CTA</label><input type="text" name="edukarsa_cta_btn_url" value="<?php echo esc_attr(get_option('edukarsa_cta_btn_url')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Tautan Tombol CTA', 'CTA Button URL' ) ); ?></label><input type="text" name="edukarsa_cta_btn_url" value="<?php echo esc_attr(get_option('edukarsa_cta_btn_url')); ?>"></div>
</div> </div>
</div> </div>
<div id="faq-settings-box" class="stat-config-box" style="margin-bottom: 20px;"> <div id="faq-settings-box" class="stat-config-box" style="margin-bottom: 20px;">
<h4>Label Tampilan Seksi FAQ (Tanya Jawab)</h4> <h4><?php echo esc_html( edukarsa_t( 'Label Tampilan Seksi FAQ (Tanya Jawab)', 'Display Labels: FAQ Section' ) ); ?></h4>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group" style="margin-bottom:0;"><label>Subtitle / Badge FAQ</label><input type="text" name="edukarsa_faq_subtitle" value="<?php echo esc_attr(get_option('edukarsa_faq_subtitle', 'FAQ')); ?>" placeholder="cth: FAQ / INFO PENTING"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Subtitle / Badge FAQ', 'Subtitle / Badge Text' ) ); ?></label><input type="text" name="edukarsa_faq_subtitle" value="<?php echo esc_attr(get_option('edukarsa_faq_subtitle', 'FAQ')); ?>" placeholder="FAQ"></div>
<div class="form-field-group" style="margin-bottom:0;"><label>Judul Seksi FAQ</label><input type="text" name="edukarsa_faq_title" value="<?php echo esc_attr(get_option('edukarsa_faq_title', 'Pertanyaan Umum')); ?>" placeholder="cth: Pertanyaan Umum"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Judul Seksi FAQ', 'Section Title (Heading)' ) ); ?></label><input type="text" name="edukarsa_faq_title" value="<?php echo esc_attr(get_option('edukarsa_faq_title', 'Pertanyaan Umum')); ?>" placeholder="Pertanyaan Umum"></div>
</div> </div>
</div> </div>
<div class="form-field-group" style="margin-bottom:0;"><label>Judul Seksi Berita</label><input type="text" name="edukarsa_news_title" value="<?php echo esc_attr(get_option('edukarsa_news_title', 'News & Update')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Judul Seksi Berita', 'News Section Title' ) ); ?></label><input type="text" name="edukarsa_news_title" value="<?php echo esc_attr(get_option('edukarsa_news_title', 'News & Update')); ?>"></div>
</div> </div>
</div> </div>
<!-- 6. Kustomisasi Sidebar --> <!-- 6. Kustomisasi Sidebar -->
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header"> <div class="edukarsa-card-header">
<h2>📑 6. Pengaturan Sidebar (Artikel & Halaman)</h2> <h2><?php echo esc_html( edukarsa_t( '📑 6. Pengaturan Sidebar (Artikel & Halaman)', '📑 6. Sidebar Settings (Posts & Pages)' ) ); ?></h2>
<div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div> <div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div>
</div> </div>
<div class="edukarsa-card-body"> <div class="edukarsa-card-body">
<p style="font-size: 13px; color: #64748b; margin-top:0; margin-bottom: 15px;"> <p style="font-size: 13px; color: #64748b; margin-top:0; margin-bottom: 15px;">
Kelola komponen sidebar artikel dan halaman statis secara native tanpa menu Widget WordPress. <?php echo esc_html( edukarsa_t( 'Kelola komponen sidebar artikel dan halaman statis secara native tanpa menu Widget WordPress.', 'Manage post and page sidebar components natively without WordPress Widgets menu.' ) ); ?>
</p> </p>
<div class="switch-row-inline"> <div class="switch-row-inline">
<div class="switch-row"> <div class="switch-row">
<span class="switch-label">Kotak Pencarian Cepat</span> <span class="switch-label"><?php echo esc_html( edukarsa_t( 'Kotak Pencarian Cepat', 'Quick Search Bar' ) ); ?></span>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" name="edukarsa_sidebar_tampil_search" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_search', 1)); ?>> <input type="checkbox" name="edukarsa_sidebar_tampil_search" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_search', 1)); ?>>
<span class="slider-round"></span> <span class="slider-round"></span>
</label> </label>
</div> </div>
<div class="switch-row"> <div class="switch-row">
<span class="switch-label">Mini CTA Pendaftaran</span> <span class="switch-label"><?php echo esc_html( edukarsa_t( 'Mini CTA Pendaftaran', 'Admission Mini CTA' ) ); ?></span>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" class="section-toggle" data-target="#sidebar-cta-box" name="edukarsa_sidebar_tampil_cta" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_cta', 1)); ?>> <input type="checkbox" class="section-toggle" data-target="#sidebar-cta-box" name="edukarsa_sidebar_tampil_cta" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_cta', 1)); ?>>
<span class="slider-round"></span> <span class="slider-round"></span>
@@ -494,25 +499,25 @@ function edukarsa_settings_page_html() {
</div> </div>
<div id="sidebar-cta-box" class="stat-config-box" style="margin-bottom: 15px;"> <div id="sidebar-cta-box" class="stat-config-box" style="margin-bottom: 15px;">
<h4>Konfigurasi Mini CTA Sidebar</h4> <h4><?php echo esc_html( edukarsa_t( 'Konfigurasi Mini CTA Sidebar', 'Sidebar Mini CTA Configuration' ) ); ?></h4>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group"><label>Badge Judul CTA</label><input type="text" name="edukarsa_sidebar_cta_badge" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cta_badge', 'Penerimaan Siswa/Mhs')); ?>"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Badge Judul CTA', 'CTA Badge Title' ) ); ?></label><input type="text" name="edukarsa_sidebar_cta_badge" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cta_badge', 'Penerimaan Siswa/Mhs')); ?>"></div>
<div class="form-field-group"><label>Judul Ajakan</label><input type="text" name="edukarsa_sidebar_cta_title" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cta_title', 'Siap Berprestasi Bersama Kami?')); ?>"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Judul Ajakan', 'Main Headline' ) ); ?></label><input type="text" name="edukarsa_sidebar_cta_title" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cta_title', 'Siap Berprestasi Bersama Kami?')); ?>"></div>
</div> </div>
<div class="form-field-group"><label>Deskripsi Singkat</label><textarea name="edukarsa_sidebar_cta_desc" rows="2"><?php echo esc_textarea(get_option('edukarsa_sidebar_cta_desc', 'Daftarkan diri Anda sekarang dan raih peluang beasiswa unggulan.')); ?></textarea></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Deskripsi Singkat', 'Brief Description' ) ); ?></label><textarea name="edukarsa_sidebar_cta_desc" rows="2"><?php echo esc_textarea(get_option('edukarsa_sidebar_cta_desc', 'Daftarkan diri Anda sekarang dan raih peluang beasiswa unggulan.')); ?></textarea></div>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group" style="margin-bottom:0;"><label>Teks Tombol</label><input type="text" name="edukarsa_sidebar_cta_btn_text" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cta_btn_text', 'Daftar Sekarang')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Teks Tombol', 'Button Text' ) ); ?></label><input type="text" name="edukarsa_sidebar_cta_btn_text" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cta_btn_text', 'Daftar Sekarang')); ?>"></div>
<div class="form-field-group" style="margin-bottom:0;"><label>Tautan URL Tombol</label><input type="text" name="edukarsa_sidebar_cta_btn_url" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cta_btn_url', '#')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Tautan URL Tombol', 'Button Link URL' ) ); ?></label><input type="text" name="edukarsa_sidebar_cta_btn_url" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cta_btn_url', '#')); ?>"></div>
</div> </div>
</div> </div>
<div class="switch-row" style="background: #fdf4ff; border-color: #f5d0fe;"> <div class="switch-row" style="background: #fdf4ff; border-color: #f5d0fe;">
<div class="switch-label-wrap"> <div class="switch-label-wrap">
<div class="switch-label" style="color: #86198f;"> <div class="switch-label" style="color: #86198f;">
<span>🧩 Box HTML Kustom Sidebar</span> <span><?php echo esc_html( edukarsa_t( '🧩 Box HTML Kustom Sidebar', '🧩 Sidebar Custom HTML Box' ) ); ?></span>
<span class="tooltip-hint">?<span class="tooltip-text">Pasang kode HTML bebas seperti embed Google Maps, video profil, widget eksternal, atau teks bebas.</span></span> <span class="tooltip-hint">?<span class="tooltip-text"><?php echo esc_html( edukarsa_t( 'Pasang kode HTML bebas seperti embed Google Maps, video profil, widget eksternal, atau teks bebas.', 'Insert arbitrary HTML such as Google Maps iframe, external widgets, or raw text.' ) ); ?></span></span>
</div> </div>
<span style="font-size: 11px; color: #a21caf;">Menambahkan area kustomisasi tanpa batas pada sidebar.</span> <span style="font-size: 11px; color: #a21caf;"><?php echo esc_html( edukarsa_t( 'Menambahkan area kustomisasi tanpa batas pada sidebar.', 'Provides unlimited customization area on the sidebar.' ) ); ?></span>
</div> </div>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" class="section-toggle" data-target="#sidebar-html-box" name="edukarsa_sidebar_tampil_html" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_html', 0)); ?>> <input type="checkbox" class="section-toggle" data-target="#sidebar-html-box" name="edukarsa_sidebar_tampil_html" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_html', 0)); ?>>
@@ -521,27 +526,27 @@ function edukarsa_settings_page_html() {
</div> </div>
<div id="sidebar-html-box" class="stat-config-box" style="margin-bottom: 15px;"> <div id="sidebar-html-box" class="stat-config-box" style="margin-bottom: 15px;">
<h4>Konfigurasi Box HTML Kustom</h4> <h4><?php echo esc_html( edukarsa_t( 'Konfigurasi Box HTML Kustom', 'Custom HTML Configuration' ) ); ?></h4>
<div class="form-field-group"> <div class="form-field-group">
<label>Judul Box (Opsional, kosongkan jika tanpa judul)</label> <label><?php echo esc_html( edukarsa_t( 'Judul Box (Opsional)', 'Box Title (Optional)' ) ); ?></label>
<input type="text" name="edukarsa_sidebar_html_title" value="<?php echo esc_attr(get_option('edukarsa_sidebar_html_title', 'Informasi Tambahan')); ?>" placeholder="cth: Peta Kampus / Info Layanan"> <input type="text" name="edukarsa_sidebar_html_title" value="<?php echo esc_attr(get_option('edukarsa_sidebar_html_title', 'Informasi Tambahan')); ?>">
</div> </div>
<div class="form-field-group" style="margin-bottom:0;"> <div class="form-field-group" style="margin-bottom:0;">
<label>Isi Kode HTML / Teks Bebas</label> <label><?php echo esc_html( edukarsa_t( 'Isi Kode HTML / Teks Bebas', 'HTML Code / Free Text Content' ) ); ?></label>
<textarea name="edukarsa_sidebar_html_content" rows="6" placeholder="<p>Tulis teks HTML atau paste iframe Google Maps di sini...</p>" style="font-family: monospace; font-size: 12px;"><?php echo esc_textarea(get_option('edukarsa_sidebar_html_content')); ?></textarea> <textarea name="edukarsa_sidebar_html_content" rows="6" style="font-family: monospace; font-size: 12px;"><?php echo esc_textarea(get_option('edukarsa_sidebar_html_content')); ?></textarea>
</div> </div>
</div> </div>
<div class="switch-row-inline"> <div class="switch-row-inline">
<div class="switch-row"> <div class="switch-row">
<span class="switch-label">Daftar Berita Terbaru</span> <span class="switch-label"><?php echo esc_html( edukarsa_t( 'Daftar Berita Terbaru', 'Recent Posts List' ) ); ?></span>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" class="section-toggle" data-target="#sidebar-recent-box" name="edukarsa_sidebar_tampil_recent" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_recent', 1)); ?>> <input type="checkbox" class="section-toggle" data-target="#sidebar-recent-box" name="edukarsa_sidebar_tampil_recent" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_recent', 1)); ?>>
<span class="slider-round"></span> <span class="slider-round"></span>
</label> </label>
</div> </div>
<div class="switch-row"> <div class="switch-row">
<span class="switch-label">Daftar Kategori Berita</span> <span class="switch-label"><?php echo esc_html( edukarsa_t( 'Daftar Kategori Berita', 'Categories List' ) ); ?></span>
<label class="edukarsa-switch"> <label class="edukarsa-switch">
<input type="checkbox" class="section-toggle" data-target="#sidebar-cats-box" name="edukarsa_sidebar_tampil_cats" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_cats', 1)); ?>> <input type="checkbox" class="section-toggle" data-target="#sidebar-cats-box" name="edukarsa_sidebar_tampil_cats" value="1" <?php checked(1, get_option('edukarsa_sidebar_tampil_cats', 1)); ?>>
<span class="slider-round"></span> <span class="slider-round"></span>
@@ -550,25 +555,25 @@ function edukarsa_settings_page_html() {
</div> </div>
<div id="sidebar-recent-box" class="form-grid-2" style="background:#f8fafc; padding:15px; border:1px solid #e2e8f0; border-radius:8px; margin-bottom:15px;"> <div id="sidebar-recent-box" class="form-grid-2" style="background:#f8fafc; padding:15px; border:1px solid #e2e8f0; border-radius:8px; margin-bottom:15px;">
<div class="form-field-group" style="margin-bottom:0;"><label>Judul Seksi Berita Terkini</label><input type="text" name="edukarsa_sidebar_recent_title" value="<?php echo esc_attr(get_option('edukarsa_sidebar_recent_title', 'Warta Terkini')); ?>"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Judul Seksi Berita Terkini', 'Recent Posts Title' ) ); ?></label><input type="text" name="edukarsa_sidebar_recent_title" value="<?php echo esc_attr(get_option('edukarsa_sidebar_recent_title', 'Warta Terkini')); ?>"></div>
<div class="form-field-group" style="margin-bottom:0;"><label>Jumlah Pos Ditampilkan</label><input type="number" name="edukarsa_sidebar_recent_count" value="<?php echo esc_attr(get_option('edukarsa_sidebar_recent_count', 5)); ?>" min="1" max="10"></div> <div class="form-field-group" style="margin-bottom:0;"><label><?php echo esc_html( edukarsa_t( 'Jumlah Pos Ditampilkan', 'Number of Posts to Show' ) ); ?></label><input type="number" name="edukarsa_sidebar_recent_count" value="<?php echo esc_attr(get_option('edukarsa_sidebar_recent_count', 5)); ?>" min="1" max="10"></div>
</div> </div>
<div id="sidebar-cats-box" class="form-field-group" style="background:#f8fafc; padding:15px; border:1px solid #e2e8f0; border-radius:8px; margin-bottom:15px;"> <div id="sidebar-cats-box" class="form-field-group" style="background:#f8fafc; padding:15px; border:1px solid #e2e8f0; border-radius:8px; margin-bottom:15px;">
<label>Judul Seksi Kategori</label> <label><?php echo esc_html( edukarsa_t( 'Judul Seksi Kategori', 'Categories Section Title' ) ); ?></label>
<input type="text" name="edukarsa_sidebar_cats_title" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cats_title', 'Kategori Pilihan')); ?>"> <input type="text" name="edukarsa_sidebar_cats_title" value="<?php echo esc_attr(get_option('edukarsa_sidebar_cats_title', 'Kategori Pilihan')); ?>">
</div> </div>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group"> <div class="form-field-group">
<label>Banner Poster Sidebar (Opsional)</label> <label><?php echo esc_html( edukarsa_t( 'Banner Poster Sidebar (Opsional)', 'Sidebar Banner Poster (Optional)' ) ); ?></label>
<div class="input-with-button"> <div class="input-with-button">
<input type="text" id="edukarsa_sidebar_banner_img" name="edukarsa_sidebar_banner_img" value="<?php echo esc_url(get_option('edukarsa_sidebar_banner_img')); ?>" placeholder="https://..."> <input type="text" id="edukarsa_sidebar_banner_img" name="edukarsa_sidebar_banner_img" value="<?php echo esc_url(get_option('edukarsa_sidebar_banner_img')); ?>" placeholder="https://...">
<button type="button" class="button btn-upload" data-target="#edukarsa_sidebar_banner_img">Pilih</button> <button type="button" class="button btn-upload" data-target="#edukarsa_sidebar_banner_img"><?php echo esc_html( edukarsa_t( 'Pilih', 'Select' ) ); ?></button>
</div> </div>
</div> </div>
<div class="form-field-group"> <div class="form-field-group">
<label>Tautan Klik Banner Poster</label> <label><?php echo esc_html( edukarsa_t( 'Tautan Klik Banner Poster', 'Banner Poster Target URL' ) ); ?></label>
<input type="text" name="edukarsa_sidebar_banner_url" value="<?php echo esc_attr(get_option('edukarsa_sidebar_banner_url')); ?>" placeholder="https://..."> <input type="text" name="edukarsa_sidebar_banner_url" value="<?php echo esc_attr(get_option('edukarsa_sidebar_banner_url')); ?>" placeholder="https://...">
</div> </div>
</div> </div>
@@ -579,19 +584,19 @@ function edukarsa_settings_page_html() {
<!-- 7. Footer, Kontak & WhatsApp --> <!-- 7. Footer, Kontak & WhatsApp -->
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header"> <div class="edukarsa-card-header">
<h2>📞 7. Footer, Kontak & Tombol WhatsApp</h2> <h2><?php echo esc_html( edukarsa_t( '📞 7. Footer, Kontak & Tombol WhatsApp', '📞 7. Footer, Contacts & WhatsApp Button' ) ); ?></h2>
<div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div> <div class="header-collapse-trigger"><span class="collapse-icon">▾</span></div>
</div> </div>
<div class="edukarsa-card-body"> <div class="edukarsa-card-body">
<div style="background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px;"> <div style="background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px;">
<h4 style="margin: 0 0 12px; font-size: 13px; color: #166534;">💬 Kustomisasi Tombol WhatsApp Melayang</h4> <h4 style="margin: 0 0 12px; font-size: 13px; color: #166534;"><?php echo esc_html( edukarsa_t( '💬 Kustomisasi Tombol WhatsApp Melayang', '💬 Floating WhatsApp Button Customization' ) ); ?></h4>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group" style="margin-bottom: 0;"> <div class="form-field-group" style="margin-bottom: 0;">
<label>Label / Tulisan Tombol</label> <label><?php echo esc_html( edukarsa_t( 'Label / Tulisan Tombol', 'Button Label / Text' ) ); ?></label>
<input type="text" name="edukarsa_wa_btn_text" value="<?php echo esc_attr(get_option('edukarsa_wa_btn_text', 'Tanya PMB')); ?>"> <input type="text" name="edukarsa_wa_btn_text" value="<?php echo esc_attr(get_option('edukarsa_wa_btn_text', 'Tanya PMB')); ?>">
</div> </div>
<div class="form-field-group" style="margin-bottom: 0;"> <div class="form-field-group" style="margin-bottom: 0;">
<label>Template Pesan Awal Otomatis</label> <label><?php echo esc_html( edukarsa_t( 'Template Pesan Awal Otomatis', 'Automatic Initial Message Template' ) ); ?></label>
<input type="text" name="edukarsa_wa_default_msg" value="<?php echo esc_attr(get_option('edukarsa_wa_default_msg', 'Halo Admin EduKarsa, saya ingin bertanya informasi lebih lanjut.')); ?>"> <input type="text" name="edukarsa_wa_default_msg" value="<?php echo esc_attr(get_option('edukarsa_wa_default_msg', 'Halo Admin EduKarsa, saya ingin bertanya informasi lebih lanjut.')); ?>">
</div> </div>
</div> </div>
@@ -599,33 +604,33 @@ function edukarsa_settings_page_html() {
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group"> <div class="form-field-group">
<label>Logo Footer (Opsional, kosongkan jika pakai logo header)</label> <label><?php echo esc_html( edukarsa_t( 'Logo Footer (Opsional)', 'Footer Logo (Optional)' ) ); ?></label>
<div class="input-with-button"> <div class="input-with-button">
<input type="text" id="edukarsa_footer_logo" name="edukarsa_footer_logo" value="<?php echo esc_url(get_option('edukarsa_footer_logo')); ?>" placeholder="https://..."> <input type="text" id="edukarsa_footer_logo" name="edukarsa_footer_logo" value="<?php echo esc_url(get_option('edukarsa_footer_logo')); ?>" placeholder="https://...">
<button type="button" class="button btn-upload" data-target="#edukarsa_footer_logo">Pilih</button> <button type="button" class="button btn-upload" data-target="#edukarsa_footer_logo"><?php echo esc_html( edukarsa_t( 'Pilih', 'Select' ) ); ?></button>
</div> </div>
</div> </div>
<div class="form-field-group"> <div class="form-field-group">
<label>Jam Operasional / Layanan (Multi-baris / Bebas Tekan Enter)</label> <label><?php echo esc_html( edukarsa_t( 'Jam Operasional / Layanan (Multi-baris)', 'Operating / Office Hours (Multi-line)' ) ); ?></label>
<textarea name="edukarsa_footer_jam" rows="3"><?php echo esc_textarea(get_option('edukarsa_footer_jam', "Senin – Jumat: 08.00 – 16.00 WIB\nSabtu: 08.00 – 12.00 WIB")); ?></textarea> <textarea name="edukarsa_footer_jam" rows="3"><?php echo esc_textarea(get_option('edukarsa_footer_jam', "Senin – Jumat: 08.00 – 16.00 WIB\nSabtu: 08.00 – 12.00 WIB")); ?></textarea>
</div> </div>
</div> </div>
<div class="form-field-group"> <div class="form-field-group">
<label>Deskripsi Singkat Kampus / Visi Ringkas</label> <label><?php echo esc_html( edukarsa_t( 'Deskripsi Singkat Kampus / Visi Ringkas', 'Short Campus Description / Vision' ) ); ?></label>
<textarea name="edukarsa_footer_desc" rows="3"><?php echo esc_textarea(get_option('edukarsa_footer_desc', 'Institusi pendidikan terakreditasi unggul yang berdedikasi mencetak generasi berkarakter cerdas, kompetitif, dan berintegritas.')); ?></textarea> <textarea name="edukarsa_footer_desc" rows="3"><?php echo esc_textarea(get_option('edukarsa_footer_desc', 'Institusi pendidikan terakreditasi unggul yang berdedikasi mencetak generasi berkarakter cerdas, kompetitif, dan berintegritas.')); ?></textarea>
</div> </div>
<div class="form-field-group"><label>Alamat Lengkap Institusi</label><textarea name="edukarsa_footer_alamat" rows="2"><?php echo esc_textarea(get_option('edukarsa_footer_alamat')); ?></textarea></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Alamat Lengkap Institusi', 'Full Institutional Address' ) ); ?></label><textarea name="edukarsa_footer_alamat" rows="2"><?php echo esc_textarea(get_option('edukarsa_footer_alamat')); ?></textarea></div>
<div class="form-grid-2"> <div class="form-grid-2">
<div class="form-field-group"><label>Nomor Telepon / WhatsApp Layanan</label><input type="text" name="edukarsa_footer_telp" value="<?php echo esc_attr(get_option('edukarsa_footer_telp')); ?>" placeholder="+62 ..."></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Nomor Telepon / WhatsApp Layanan', 'Phone / WhatsApp Hotline' ) ); ?></label><input type="text" name="edukarsa_footer_telp" value="<?php echo esc_attr(get_option('edukarsa_footer_telp')); ?>" placeholder="+62 ..."></div>
<div class="form-field-group"><label>Alamat Email Resmi</label><input type="text" name="edukarsa_footer_email" value="<?php echo esc_attr(get_option('edukarsa_footer_email')); ?>" placeholder="[email protected]"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Alamat Email Resmi', 'Official Email Address' ) ); ?></label><input type="text" name="edukarsa_footer_email" value="<?php echo esc_attr(get_option('edukarsa_footer_email')); ?>" placeholder="[email protected]"></div>
</div> </div>
<div class="form-field-group"><label>Teks Hak Cipta (Copyright Bar)</label><input type="text" name="edukarsa_footer_copyright" value="<?php echo esc_attr(get_option('edukarsa_footer_copyright', 'EduKarsa University. All Rights Reserved.')); ?>"></div> <div class="form-field-group"><label><?php echo esc_html( edukarsa_t( 'Teks Hak Cipta (Copyright Bar)', 'Copyright Bar Text' ) ); ?></label><input type="text" name="edukarsa_footer_copyright" value="<?php echo esc_attr(get_option('edukarsa_footer_copyright', 'EduKarsa University. All Rights Reserved.')); ?>"></div>
<h4 style="margin: 25px 0 12px; font-size:14px; color:#0b4a8e; border-bottom:1px solid #e2e8f0; padding-bottom:8px;">Jaringan Media Sosial Resmi</h4> <h4 style="margin: 25px 0 12px; font-size:14px; color:#0b4a8e; border-bottom:1px solid #e2e8f0; padding-bottom:8px;"><?php echo esc_html( edukarsa_t( 'Jaringan Media Sosial Resmi', 'Official Social Media Channels' ) ); ?></h4>
<div class="switch-row"><span class="switch-label">Facebook</span><div style="display:flex; align-items:center; gap:12px; width:70%;"><input type="text" name="edukarsa_footer_fb" value="<?php echo esc_attr(get_option('edukarsa_footer_fb')); ?>" placeholder="https://facebook.com/..." style="flex-grow:1; border:1px solid #cbd5e1; border-radius:6px; padding:6px 10px;"><label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_fb" value="1" <?php checked(1, get_option('edukarsa_tampil_fb', 1)); ?>><span class="slider-round"></span></label></div></div> <div class="switch-row"><span class="switch-label">Facebook</span><div style="display:flex; align-items:center; gap:12px; width:70%;"><input type="text" name="edukarsa_footer_fb" value="<?php echo esc_attr(get_option('edukarsa_footer_fb')); ?>" placeholder="https://facebook.com/..." style="flex-grow:1; border:1px solid #cbd5e1; border-radius:6px; padding:6px 10px;"><label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_fb" value="1" <?php checked(1, get_option('edukarsa_tampil_fb', 1)); ?>><span class="slider-round"></span></label></div></div>
<div class="switch-row"><span class="switch-label">Instagram</span><div style="display:flex; align-items:center; gap:12px; width:70%;"><input type="text" name="edukarsa_footer_ig" value="<?php echo esc_attr(get_option('edukarsa_footer_ig')); ?>" placeholder="https://instagram.com/..." style="flex-grow:1; border:1px solid #cbd5e1; border-radius:6px; padding:6px 10px;"><label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_ig" value="1" <?php checked(1, get_option('edukarsa_tampil_ig', 1)); ?>><span class="slider-round"></span></label></div></div> <div class="switch-row"><span class="switch-label">Instagram</span><div style="display:flex; align-items:center; gap:12px; width:70%;"><input type="text" name="edukarsa_footer_ig" value="<?php echo esc_attr(get_option('edukarsa_footer_ig')); ?>" placeholder="https://instagram.com/..." style="flex-grow:1; border:1px solid #cbd5e1; border-radius:6px; padding:6px 10px;"><label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_ig" value="1" <?php checked(1, get_option('edukarsa_tampil_ig', 1)); ?>><span class="slider-round"></span></label></div></div>
<div class="switch-row"><span class="switch-label">YouTube</span><div style="display:flex; align-items:center; gap:12px; width:70%;"><input type="text" name="edukarsa_footer_yt" value="<?php echo esc_attr(get_option('edukarsa_footer_yt')); ?>" placeholder="https://youtube.com/..." style="flex-grow:1; border:1px solid #cbd5e1; border-radius:6px; padding:6px 10px;"><label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_yt" value="1" <?php checked(1, get_option('edukarsa_tampil_yt', 1)); ?>><span class="slider-round"></span></label></div></div> <div class="switch-row"><span class="switch-label">YouTube</span><div style="display:flex; align-items:center; gap:12px; width:70%;"><input type="text" name="edukarsa_footer_yt" value="<?php echo esc_attr(get_option('edukarsa_footer_yt')); ?>" placeholder="https://youtube.com/..." style="flex-grow:1; border:1px solid #cbd5e1; border-radius:6px; padding:6px 10px;"><label class="edukarsa-switch"><input type="checkbox" name="edukarsa_tampil_yt" value="1" <?php checked(1, get_option('edukarsa_tampil_yt', 1)); ?>><span class="slider-round"></span></label></div></div>
@@ -640,27 +645,27 @@ function edukarsa_settings_page_html() {
<div class="edukarsa-admin-sidebar"> <div class="edukarsa-admin-sidebar">
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header" style="cursor:default;"> <div class="edukarsa-card-header" style="cursor:default;">
<h2>💾 Publikasi</h2> <h2><?php echo esc_html( edukarsa_t( '💾 Publikasi', '💾 Publication' ) ); ?></h2>
</div> </div>
<div class="edukarsa-card-body text-center" style="padding:18px;"> <div class="edukarsa-card-body text-center" style="padding:18px;">
<p style="font-size:12px; color:#64748b; margin-top:0; margin-bottom:15px;">Simpan seluruh konfigurasi tema EduKarsa.</p> <p style="font-size:12px; color:#64748b; margin-top:0; margin-bottom:15px;"><?php echo esc_html( edukarsa_t( 'Simpan seluruh konfigurasi tema EduKarsa.', 'Save all EduKarsa theme configurations.' ) ); ?></p>
<?php submit_button( 'Simpan Pengaturan', 'primary large', 'submit', false, array('style'=>'width:100%; border-radius:6px; font-weight:700; padding:10px;') ); ?> <?php submit_button( edukarsa_t( 'Simpan Pengaturan', 'Save Settings' ), 'primary large', 'submit', false, array('style'=>'width:100%; border-radius:6px; font-weight:700; padding:10px;') ); ?>
</div> </div>
</div> </div>
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header" style="cursor:default;"> <div class="edukarsa-card-header" style="cursor:default;">
<h2>🔤 Tipografi Font</h2> <h2><?php echo esc_html( edukarsa_t( '🔤 Tipografi Font', '🔤 Font Typography' ) ); ?></h2>
</div> </div>
<div class="edukarsa-card-body"> <div class="edukarsa-card-body">
<div class="form-field-group" style="margin-bottom:0;"> <div class="form-field-group" style="margin-bottom:0;">
<label>Pilihan Font Utama</label> <label><?php echo esc_html( edukarsa_t( 'Pilihan Font Utama', 'Main Font Choice' ) ); ?></label>
<select name="edukarsa_font_choice" id="edukarsa_font_choice" style="width:100%; padding:8px; border-radius:6px;"> <select name="edukarsa_font_choice" id="edukarsa_font_choice" style="width:100%; padding:8px; border-radius:6px;">
<option value="plus_jakarta_sans" <?php selected( 'plus_jakarta_sans', $font_current ); ?>>Plus Jakarta Sans (Rekomendasi)</option> <option value="plus_jakarta_sans" <?php selected( 'plus_jakarta_sans', $font_current ); ?>>Plus Jakarta Sans (<?php echo esc_html( edukarsa_t( 'Rekomendasi', 'Recommended' ) ); ?>)</option>
<option value="inter" <?php selected( 'inter', $font_current ); ?>>Inter (Modern UI)</option> <option value="inter" <?php selected( 'inter', $font_current ); ?>>Inter (Modern UI)</option>
<option value="poppins" <?php selected( 'poppins', $font_current ); ?>>Poppins (Geometris)</option> <option value="poppins" <?php selected( 'poppins', $font_current ); ?>>Poppins (<?php echo esc_html( edukarsa_t( 'Geometris', 'Geometric' ) ); ?>)</option>
<option value="roboto" <?php selected( 'roboto', $font_current ); ?>>Roboto (Klasik)</option> <option value="roboto" <?php selected( 'roboto', $font_current ); ?>>Roboto (<?php echo esc_html( edukarsa_t( 'Klasik', 'Classic' ) ); ?>)</option>
<option value="system" <?php selected( 'system', $font_current ); ?>>System Native (Super Cepat)</option> <option value="system" <?php selected( 'system', $font_current ); ?>>System Native (<?php echo esc_html( edukarsa_t( 'Super Cepat', 'Ultra Fast' ) ); ?>)</option>
</select> </select>
</div> </div>
</div> </div>
@@ -668,10 +673,10 @@ function edukarsa_settings_page_html() {
<div class="edukarsa-card"> <div class="edukarsa-card">
<div class="edukarsa-card-header" style="cursor:default;"> <div class="edukarsa-card-header" style="cursor:default;">
<h2>🎨 Skema Warna</h2> <h2><?php echo esc_html( edukarsa_t( '🎨 Skema Warna', '🎨 Color Scheme' ) ); ?></h2>
</div> </div>
<div class="edukarsa-card-body"> <div class="edukarsa-card-body">
<label style="font-weight:700; font-size:12px; color:#64748b; text-transform:uppercase; letter-spacing:0.5px; display:block; margin-bottom:10px;">Pilih Preset Instan</label> <label style="font-weight:700; font-size:12px; color:#64748b; text-transform:uppercase; letter-spacing:0.5px; display:block; margin-bottom:10px;"><?php echo esc_html( edukarsa_t( 'Pilih Preset Instan', 'Choose Instant Preset' ) ); ?></label>
<div class="preset-grid"> <div class="preset-grid">
<div class="preset-pill" data-p="#0b4a8e" data-s="#1a73e8" data-h="#0f172a"><div class="swatch-group"><span class="swatch-item" style="background:#0b4a8e;"></span><span class="swatch-item" style="background:#1a73e8;"></span></div><span class="preset-name">Classic Navy (Default)</span></div> <div class="preset-pill" data-p="#0b4a8e" data-s="#1a73e8" data-h="#0f172a"><div class="swatch-group"><span class="swatch-item" style="background:#0b4a8e;"></span><span class="swatch-item" style="background:#1a73e8;"></span></div><span class="preset-name">Classic Navy (Default)</span></div>
<div class="preset-pill" data-p="#065f46" data-s="#10b981" data-h="#064e3b"><div class="swatch-group"><span class="swatch-item" style="background:#065f46;"></span><span class="swatch-item" style="background:#10b981;"></span></div><span class="preset-name">Islamic Emerald Green</span></div> <div class="preset-pill" data-p="#065f46" data-s="#10b981" data-h="#064e3b"><div class="swatch-group"><span class="swatch-item" style="background:#065f46;"></span><span class="swatch-item" style="background:#10b981;"></span></div><span class="preset-name">Islamic Emerald Green</span></div>
@@ -681,10 +686,10 @@ function edukarsa_settings_page_html() {
<div class="preset-pill" data-p="#b45309" data-s="#f59e0b" data-h="#78350f"><div class="swatch-group"><span class="swatch-item" style="background:#b45309;"></span><span class="swatch-item" style="background:#f59e0b;"></span></div><span class="preset-name">Autumn Gold</span></div> <div class="preset-pill" data-p="#b45309" data-s="#f59e0b" data-h="#78350f"><div class="swatch-group"><span class="swatch-item" style="background:#b45309;"></span><span class="swatch-item" style="background:#f59e0b;"></span></div><span class="preset-name">Autumn Gold</span></div>
</div> </div>
<hr style="margin:20px 0; border:none; border-top:1px solid #f1f5f9;"> <hr style="margin:20px 0; border:none; border-top:1px solid #f1f5f9;">
<label style="font-weight:700; font-size:12px; color:#64748b; text-transform:uppercase; letter-spacing:0.5px; display:block; margin-bottom:12px;">Sesuaikan Manual</label> <label style="font-weight:700; font-size:12px; color:#64748b; text-transform:uppercase; letter-spacing:0.5px; display:block; margin-bottom:12px;"><?php echo esc_html( edukarsa_t( 'Sesuaikan Manual', 'Custom Colors' ) ); ?></label>
<div class="color-picker-row"><span style="font-size:13px; font-weight:600;">Warna Primer</span><div style="display:flex; align-items:center; gap:8px;"><input type="color" id="primary_picker" name="edukarsa_primary_color" value="<?php echo esc_attr( $primary_color ); ?>"><code id="primary_code"><?php echo esc_html( $primary_color ); ?></code></div></div> <div class="color-picker-row"><span style="font-size:13px; font-weight:600;"><?php echo esc_html( edukarsa_t( 'Warna Primer', 'Primary Color' ) ); ?></span><div style="display:flex; align-items:center; gap:8px;"><input type="color" id="primary_picker" name="edukarsa_primary_color" value="<?php echo esc_attr( $primary_color ); ?>"><code id="primary_code"><?php echo esc_html( $primary_color ); ?></code></div></div>
<div class="color-picker-row"><span style="font-size:13px; font-weight:600;">Warna Aksen</span><div style="display:flex; align-items:center; gap:8px;"><input type="color" id="secondary_picker" name="edukarsa_secondary_color" value="<?php echo esc_attr( $secondary_color ); ?>"><code id="secondary_code"><?php echo esc_html( $secondary_color ); ?></code></div></div> <div class="color-picker-row"><span style="font-size:13px; font-weight:600;"><?php echo esc_html( edukarsa_t( 'Warna Aksen', 'Accent Color' ) ); ?></span><div style="display:flex; align-items:center; gap:8px;"><input type="color" id="secondary_picker" name="edukarsa_secondary_color" value="<?php echo esc_attr( $secondary_color ); ?>"><code id="secondary_code"><?php echo esc_html( $secondary_color ); ?></code></div></div>
<div class="color-picker-row"><span style="font-size:13px; font-weight:600;">Warna Judul</span><div style="display:flex; align-items:center; gap:8px;"><input type="color" id="heading_picker" name="edukarsa_heading_color" value="<?php echo esc_attr( $heading_color ); ?>"><code id="heading_code"><?php echo esc_html( $heading_color ); ?></code></div></div> <div class="color-picker-row"><span style="font-size:13px; font-weight:600;"><?php echo esc_html( edukarsa_t( 'Warna Judul', 'Heading Color' ) ); ?></span><div style="display:flex; align-items:center; gap:8px;"><input type="color" id="heading_picker" name="edukarsa_heading_color" value="<?php echo esc_attr( $heading_color ); ?>"><code id="heading_code"><?php echo esc_html( $heading_color ); ?></code></div></div>
</div> </div>
</div> </div>
</div> </div>
@@ -694,7 +699,6 @@ function edukarsa_settings_page_html() {
<script> <script>
jQuery(document).ready(function($){ jQuery(document).ready(function($){
// 1. TRANSISI HALUS ACCORDION BERBASIS JQUERY SLIDETOGGLE
$('.edukarsa-admin-main .edukarsa-card').each(function(index){ $('.edukarsa-admin-main .edukarsa-card').each(function(index){
if (index > 0) { if (index > 0) {
$(this).addClass('is-collapsed'); $(this).addClass('is-collapsed');
@@ -723,7 +727,6 @@ function edukarsa_settings_page_html() {
$('.edukarsa-admin-main .edukarsa-card-body').stop().slideUp(250); $('.edukarsa-admin-main .edukarsa-card-body').stop().slideUp(250);
}); });
// 2. TOGGLE ROW FORM INPUT
function syncToggles() { function syncToggles() {
$('.section-toggle').each(function(){ $('.section-toggle').each(function(){
var target = $(this).data('target'); var target = $(this).data('target');
@@ -733,7 +736,6 @@ function edukarsa_settings_page_html() {
$('.section-toggle').change(syncToggles); $('.section-toggle').change(syncToggles);
syncToggles(); syncToggles();
// 3. COLOR PRESET PICKER
$('.preset-pill').click(function(){ $('.preset-pill').click(function(){
var p = $(this).data('p'), s = $(this).data('s'), h = $(this).data('h'); var p = $(this).data('p'), s = $(this).data('s'), h = $(this).data('h');
$('#primary_picker').val(p); $('#primary_code').text(p); $('#primary_picker').val(p); $('#primary_code').text(p);
@@ -747,13 +749,12 @@ function edukarsa_settings_page_html() {
$('#secondary_picker').on('input change', function(){ $('#secondary_code').text($(this).val()); }); $('#secondary_picker').on('input change', function(){ $('#secondary_code').text($(this).val()); });
$('#heading_picker').on('input change', function(){ $('#heading_code').text($(this).val()); }); $('#heading_picker').on('input change', function(){ $('#heading_code').text($(this).val()); });
// 4. MEDIA UPLOADER
var mediaUploader; var mediaUploader;
$('.btn-upload').click(function(e) { $('.btn-upload').click(function(e) {
e.preventDefault(); e.preventDefault();
var targetInput = $(this).data('target'); var targetInput = $(this).data('target');
if (mediaUploader) { mediaUploader.targetInput = targetInput; mediaUploader.open(); return; } if (mediaUploader) { mediaUploader.targetInput = targetInput; mediaUploader.open(); return; }
mediaUploader = wp.media.frames.file_frame = wp.media({ title: 'Pilih Berkas Media', button: { text: 'Gunakan Media Ini' }, multiple: false }); mediaUploader = wp.media.frames.file_frame = wp.media({ title: 'Upload Image', button: { text: 'Use Media' }, multiple: false });
mediaUploader.targetInput = targetInput; mediaUploader.targetInput = targetInput;
mediaUploader.on('select', function() { mediaUploader.on('select', function() {
var attachment = mediaUploader.state().get('selection').first().toJSON(); var attachment = mediaUploader.state().get('selection').first().toJSON();
@@ -766,19 +767,17 @@ function edukarsa_settings_page_html() {
<?php <?php
} }
// HALAMAN KHUSUS: TENTANG APLIKASI, DEVELOPER & PERSUASIVE DONATION CTA
function edukarsa_about_page_html() { function edukarsa_about_page_html() {
if ( ! current_user_can( 'manage_options' ) ) return; if ( ! current_user_can( 'manage_options' ) ) return;
?> ?>
<div class="wrap edukarsa-admin-wrap" style="max-width: 1000px; margin-top: 20px;"> <div class="wrap edukarsa-admin-wrap" style="max-width: 1000px; margin-top: 20px;">
<!-- HEADER UTAMA APLIKASI -->
<div style="background: linear-gradient(135deg, #0f2b5c 0%, #1a73e8 100%); color: #ffffff; padding: 45px 40px; border-radius: 16px; box-shadow: 0 15px 35px rgba(15,43,92,0.18); margin-bottom: 30px; position: relative; overflow: hidden;"> <div style="background: linear-gradient(135deg, #0f2b5c 0%, #1a73e8 100%); color: #ffffff; padding: 45px 40px; border-radius: 16px; box-shadow: 0 15px 35px rgba(15,43,92,0.18); margin-bottom: 30px; position: relative; overflow: hidden;">
<div style="position: absolute; top: -20px; right: -20px; font-size: 140px; opacity: 0.08; font-weight: 900; user-select: none;">🎓</div> <div style="position: absolute; top: -20px; right: -20px; font-size: 140px; opacity: 0.08; font-weight: 900; user-select: none;">🎓</div>
<span style="display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 14px; border-radius: 20px; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px;">WordPress Theme Khusus Sekolah & Kampus</span> <span style="display: inline-block; background: rgba(255,255,255,0.2); padding: 4px 14px; border-radius: 20px; font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px;"><?php echo esc_html( edukarsa_t( 'WordPress Theme Khusus Sekolah & Kampus', 'Dedicated WordPress Theme for Schools & Universities' ) ); ?></span>
<h1 style="color: #ffffff; font-size: 32px; font-weight: 800; margin: 0 0 12px; line-height: 1.2;">EduKarsa Theme</h1> <h1 style="color: #ffffff; font-size: 32px; font-weight: 800; margin: 0 0 12px; line-height: 1.2;">EduKarsa Theme</h1>
<p style="font-size: 15px; color: rgba(255,255,255,0.9); line-height: 1.7; max-width: 680px; margin: 0 0 25px;"> <p style="font-size: 15px; color: rgba(255,255,255,0.9); line-height: 1.7; max-width: 680px; margin: 0 0 25px;">
Tema WordPress profesional 100% Native dan Zero Plugin yang dirancang secara khusus untuk memberikan performa ultra cepat, keamanan tingkat tinggi, ramah disabilitas (WCAG), dan siap pakai untuk kebutuhan akreditasi institusi pendidikan. <?php echo esc_html( edukarsa_t( 'Tema WordPress profesional 100% Native dan Zero Plugin yang dirancang secara khusus untuk memberikan performa ultra cepat, keamanan tingkat tinggi, ramah disabilitas (WCAG), dan siap pakai untuk kebutuhan akreditasi institusi pendidikan.', 'A 100% Native and Zero Plugin professional WordPress theme designed specifically for ultra-fast performance, high-grade security, WCAG accessibility, and international educational standards.' ) ); ?>
</p> </p>
<div style="display: flex; gap: 12px; flex-wrap: wrap;"> <div style="display: flex; gap: 12px; flex-wrap: wrap;">
<a href="https://apps.masbudi.my.id/edukarsa" target="_blank" rel="noopener" class="button" style="background: #ffffff; color: #0f2b5c; font-weight: 800; padding: 6px 20px; height: auto; border-radius: 50px; border: none; box-shadow: 0 4px 12px rgba(0,0,0,0.15);"> <a href="https://apps.masbudi.my.id/edukarsa" target="_blank" rel="noopener" class="button" style="background: #ffffff; color: #0f2b5c; font-weight: 800; padding: 6px 20px; height: auto; border-radius: 50px; border: none; box-shadow: 0 4px 12px rgba(0,0,0,0.15);">
@@ -791,47 +790,42 @@ function edukarsa_about_page_html() {
</div> </div>
<div style="display: grid; grid-template-columns: 1.4fr 1fr; gap: 25px; align-items: start;"> <div style="display: grid; grid-template-columns: 1.4fr 1fr; gap: 25px; align-items: start;">
<!-- KOLOM KIRI: KARTU DONASI & PERSUASI PENGEMBANGAN -->
<div> <div>
<div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); margin-bottom: 25px;"> <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); margin-bottom: 25px;">
<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 15px;"> <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 15px;">
<span style="font-size: 32px;">☕</span> <span style="font-size: 32px;">☕</span>
<div> <div>
<h3 style="margin: 0; font-size: 18px; color: #0f172a; font-weight: 800;">Dukung Keberlanjutan Tema EduKarsa</h3> <h3 style="margin: 0; font-size: 18px; color: #0f172a; font-weight: 800;"><?php echo esc_html( edukarsa_t( 'Dukung Keberlanjutan Tema EduKarsa', 'Support EduKarsa Theme Sustainability' ) ); ?></h3>
<span style="font-size: 12px; color: #64748b;">Kontribusi Anda menjaga tema ini tetap gratis, aman, dan terus berkembang.</span> <span style="font-size: 12px; color: #64748b;"><?php echo esc_html( edukarsa_t( 'Kontribusi Anda menjaga tema ini tetap gratis, aman, dan terus berkembang.', 'Your contribution keeps this theme free, secure, and actively developed.' ) ); ?></span>
</div> </div>
</div> </div>
<p style="font-size: 14px; color: #334155; line-height: 1.75; margin-bottom: 18px;"> <p style="font-size: 14px; color: #334155; line-height: 1.75; margin-bottom: 18px;">
Tema <strong>EduKarsa</strong> dibangun dengan komitmen <em>Zero Plugin</em> untuk memastikan situs institusi pendidikan Anda terbebas dari lisensi berbayar bulanan, terbebas dari celah keamanan plugin pihak ketiga, dan memiliki kecepatan akses maksimal bagi siswa maupun wali murid. <?php echo wp_kses_post( edukarsa_t( 'Tema <strong>EduKarsa</strong> dibangun dengan komitmen <em>Zero Plugin</em> untuk memastikan situs institusi pendidikan Anda terbebas dari lisensi berbayar bulanan, terbebas dari celah keamanan plugin pihak ketiga, dan memiliki kecepatan akses maksimal bagi siswa maupun wali murid.', 'The <strong>EduKarsa</strong> theme is built with a <em>Zero Plugin</em> standard to ensure your educational site is free from monthly plugin fees, third-party security vulnerabilities, and maintains maximum access speed for students and parents.' ) ); ?>
</p> </p>
<div style="background: #fef3c7; border-left: 4px solid #f59e0b; padding: 14px 16px; border-radius: 4px; margin-bottom: 22px;"> <div style="background: #fef3c7; border-left: 4px solid #f59e0b; padding: 14px 16px; border-radius: 4px; margin-bottom: 22px;">
<p style="margin: 0; font-size: 13px; color: #92400e; line-height: 1.6;"> <p style="margin: 0; font-size: 13px; color: #92400e; line-height: 1.6;">
<strong>Mari Berkolaborasi:</strong> Jika tema ini membantu sekolah atau kampus Anda menghemat biaya pengembangan ratusan ribu hingga jutaan rupiah, Anda dapat menyisihkan donasi sukarela untuk mendukung riset, pembaruan fitur, dan pemeliharaan jangka panjang. <strong><?php echo esc_html( edukarsa_t( 'Mari Berkolaborasi:', 'Let us Collaborate:' ) ); ?></strong> <?php echo esc_html( edukarsa_t( 'Jika tema ini membantu institusi Anda menghemat biaya pengembangan, Anda dapat menyisihkan donasi sukarela untuk mendukung riset dan pemeliharaan fitur berkelanjutan.', 'If this theme helps your institution save development costs, voluntary donations are greatly appreciated to support continuous research and maintenance.' ) ); ?>
</p> </p>
</div> </div>
<a href="https://donate.masbudi.my.id/edukarsa" target="_blank" rel="noopener" style="display: block; text-align: center; background: linear-gradient(135deg, #f59e0b, #d97706); color: #ffffff; text-decoration: none; padding: 14px 25px; border-radius: 50px; font-weight: 800; font-size: 15px; box-shadow: 0 8px 20px rgba(217,119,6,0.3); transition: all 0.2s ease;"> <a href="https://donate.masbudi.my.id/edukarsa" target="_blank" rel="noopener" style="display: block; text-align: center; background: linear-gradient(135deg, #f59e0b, #d97706); color: #ffffff; text-decoration: none; padding: 14px 25px; border-radius: 50px; font-weight: 800; font-size: 15px; box-shadow: 0 8px 20px rgba(217,119,6,0.3);">
💖 Salurkan Donasi Melalui https://donate.masbudi.my.id &raquo; 💖 <?php echo esc_html( edukarsa_t( 'Salurkan Donasi Melalui', 'Support & Donate via' ) ); ?> https://donate.masbudi.my.id &raquo;
</a> </a>
</div> </div>
<!-- KARTU SPESIFIKASI ARSITEKTUR -->
<div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.04);"> <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.04);">
<h4 style="margin: 0 0 15px; font-size: 15px; color: #0f172a; font-weight: 800;">⚡ Keunggulan Arsitektur EduKarsa</h4> <h4 style="margin: 0 0 15px; font-size: 15px; color: #0f172a; font-weight: 800;"><?php echo esc_html( edukarsa_t( '⚡ Keunggulan Arsitektur EduKarsa', '⚡ EduKarsa Architectural Highlights' ) ); ?></h4>
<ul style="margin: 0; padding-left: 18px; font-size: 13px; color: #475569; line-height: 1.9;"> <ul style="margin: 0; padding-left: 18px; font-size: 13px; color: #475569; line-height: 1.9;">
<li><strong>100% Native WordPress</strong>: Mengandalkan Settings API dan Native CPT tanpa ketergantungan plugin pihak ketiga.</li> <li><strong>100% Native WordPress</strong>: <?php echo esc_html( edukarsa_t( 'Mengandalkan Settings API dan Native CPT tanpa plugin pihak ketiga.', 'Built on core Settings API and Native CPTs with zero external plugins.' ) ); ?></li>
<li><strong>WCAG 2.1 Accessibility</strong>: Dilengkapi Web Speech Synthesizer (Audio Baca), Kontras Tinggi, dan Monokrom untuk disabilitas.</li> <li><strong>WCAG 2.1 Accessibility</strong>: <?php echo esc_html( edukarsa_t( 'Dilengkapi Web Speech Synthesizer (Audio Baca), Kontras Tinggi, dan Monokrom.', 'Equipped with Web Speech Synthesizer (Audio Screen Reader), High Contrast, and Monochrome.' ) ); ?></li>
<li><strong>Multilingual Ready</strong>: Dukungan translasi instan otomatis (ID, EN, AR, ZH, JA) tanpa membebani operator sekolah.</li> <li><strong>Multilingual Ready</strong>: <?php echo esc_html( edukarsa_t( 'Dukungan translasi instan otomatis (ID, EN, AR, ZH, JA) dan dasbor bilingual.', 'Instant frontend translation (ID, EN, AR, ZH, JA) and bilingual admin dashboard.' ) ); ?></li>
<li><strong>Structured Schema JSON-LD</strong>: Metadata otomatis untuk memaksimalkan peringkat Google Search dan Google News.</li> <li><strong>Structured Schema JSON-LD</strong>: <?php echo esc_html( edukarsa_t( 'Metadata otomatis untuk memaksimalkan peringkat Google Search & Google News.', 'Automatic rich snippets metadata for Google Search and Google News rankings.' ) ); ?></li>
<li><strong>Zero Cache Trapping</strong>: Menggunakan manajemen cache-busting dinamis untuk kemudahan deployment.</li>
</ul> </ul>
</div> </div>
</div> </div>
<!-- KOLOM KANAN: PROFIL DEVELOPER & KONTAK -->
<div> <div>
<div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); margin-bottom: 25px;"> <div style="background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; padding: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); margin-bottom: 25px;">
<div style="text-align: center; margin-bottom: 20px;"> <div style="text-align: center; margin-bottom: 20px;">
@@ -844,30 +838,29 @@ function edukarsa_about_page_html() {
<div style="border-top: 1px solid #f1f5f9; padding-top: 15px; font-size: 13px; color: #334155; line-height: 1.8;"> <div style="border-top: 1px solid #f1f5f9; padding-top: 15px; font-size: 13px; color: #334155; line-height: 1.8;">
<div style="margin-bottom: 10px;"> <div style="margin-bottom: 10px;">
<span style="display: block; font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase;">Portal Aplikasi</span> <span style="display: block; font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase;"><?php echo esc_html( edukarsa_t( 'Portal Aplikasi', 'Application Portal' ) ); ?></span>
<a href="https://apps.masbudi.my.id/edukarsa" target="_blank" rel="noopener" style="font-weight: 700; color: #0f2b5c; text-decoration: none;">https://apps.masbudi.my.id/</a> <a href="https://apps.masbudi.my.id/edukarsa" target="_blank" rel="noopener" style="font-weight: 700; color: #0f2b5c; text-decoration: none;">https://apps.masbudi.my.id/</a>
</div> </div>
<div style="margin-bottom: 10px;"> <div style="margin-bottom: 10px;">
<span style="display: block; font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase;">Portal Donasi</span> <span style="display: block; font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase;"><?php echo esc_html( edukarsa_t( 'Portal Donasi', 'Donation Portal' ) ); ?></span>
<a href="https://donate.masbudi.my.id/edukarsa" target="_blank" rel="noopener" style="font-weight: 700; color: #d97706; text-decoration: none;">https://donate.masbudi.my.id</a> <a href="https://donate.masbudi.my.id/edukarsa" target="_blank" rel="noopener" style="font-weight: 700; color: #d97706; text-decoration: none;">https://donate.masbudi.my.id</a>
</div> </div>
<div style="margin-bottom: 15px;"> <div style="margin-bottom: 15px;">
<span style="display: block; font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase;">Email Developer</span> <span style="display: block; font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase;"><?php echo esc_html( edukarsa_t( 'Email Developer', 'Developer Email' ) ); ?></span>
<a href="mailto:[email protected]" style="font-weight: 700; color: #0f2b5c; text-decoration: none;">[email protected]</a> <a href="mailto:[email protected]" style="font-weight: 700; color: #0f2b5c; text-decoration: none;">[email protected]</a>
</div> </div>
</div> </div>
<a href="mailto:[email protected]?subject=Konsultasi%20Tema%20EduKarsa" class="button" style="width: 100%; text-align: center; border-radius: 6px; padding: 6px 0; font-weight: 700; color: #0f2b5c; border-color: #cbd5e1;"> <a href="mailto:[email protected]?subject=EduKarsa%20Theme%20Inquiry" class="button" style="width: 100%; text-align: center; border-radius: 6px; padding: 6px 0; font-weight: 700; color: #0f2b5c; border-color: #cbd5e1;">
✉️ Kirim Pesan ke Developer ✉️ <?php echo esc_html( edukarsa_t( 'Kirim Pesan ke Developer', 'Contact Developer' ) ); ?>
</a> </a>
</div> </div>
<div style="text-align: center; font-size: 12px; color: #94a3b8;"> <div style="text-align: center; font-size: 12px; color: #94a3b8;">
<p style="margin: 0;">EduKarsa Theme &bull; Versi 1.1.4</p> <p style="margin: 0;">EduKarsa Theme &bull; v1.1.4</p>
<p style="margin: 4px 0 0;">Dikelola dan dirawat oleh <strong>masbudi.my.id</strong></p> <p style="margin: 4px 0 0;">Developed by <strong>masbudi.my.id</strong></p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
inc/i18n.php
+31
View File
@@ -0,0 +1,31 @@
<?php
/**
* Modul Native Internationalization (i18n) Dashboard EduKarsa
* Mendeteksi bahasa sistem WordPress atau switcher manual tanpa plugin
*/
function edukarsa_get_admin_lang() {
// 1. Cek parameter URL manual jika diklik dari switcher
if ( isset( $_GET['edukarsa_admin_lang'] ) && in_array( $_GET['edukarsa_admin_lang'], array( 'id', 'en' ) ) ) {
$lang = sanitize_text_field( $_GET['edukarsa_admin_lang'] );
setcookie( 'edukarsa_dashboard_lang', $lang, time() + ( 86400 * 30 ), '/' );
return $lang;
}
// 2. Cek cookie preferensi tersimpan
if ( isset( $_COOKIE['edukarsa_dashboard_lang'] ) && in_array( $_COOKIE['edukarsa_dashboard_lang'], array( 'id', 'en' ) ) ) {
return sanitize_text_field( $_COOKIE['edukarsa_dashboard_lang'] );
}
// 3. Fallback otomatis mengikuti locale pengguna / sistem WordPress
$locale = function_exists( 'get_user_locale' ) ? get_user_locale() : get_locale();
if ( strpos( $locale, 'en' ) === 0 ) {
return 'en';
}
return 'id';
}
function edukarsa_t( $id_text, $en_text ) {
return ( edukarsa_get_admin_lang() === 'en' ) ? $en_text : $id_text;
}