התאמת ערכת נושא של וורדפרס עם ערכת נושא בת

רכשתם תמה פרימיום (Avada, Divi, Astra): הצבעים לא תואמים למותג שלכם, הגופנים שונים, והפונקציונליות שאתם צריכים חסרה. עריכות דרך לוח הניהול לא נשמרות לאחר עדכון. עריכת קבצי התמה הראשית מבטיחה אובדן של כל השינויים. בעיות אופייניות: חוסר התאמה למותג, טעינה איטית עקב 15+ סקריפטים שאינם בשימוש, חוסר ב-shortcodes מותאמים אישית. במשך 5 שנים, השלמנו יותר מ-50 פרויקטי התאמה אישית, וחסכנו ללקוחות עד 80% מזמן ההגדרה מחדש. הפתרון שלנו הוא תמת ילד (child theme) השומרת על כל יכולות העדכון. בטיחות מובטחת: מומחים מוסמכים בודקים כל שלב, וממזערים את הסיכון לתקלות.

כיצד להתאים תמה מבלי לאבד עדכונים?

הדרך הנכונה היחידה היא תמת ילד. כל השינויים נכנסים אליה; התמה הראשית נשארת ללא שינוי. כאשר אתם מעדכנים את התמה הראשית, העריכות שלכם לא מושפעות. יצירת תמת ילד אורכת 10 דקות ודורשת שני קבצים: style.css ו-functions.php.

/* style.css */
/* Theme Name: My Theme Child
Template: parent-theme-folder-name
Version: 1.0.0 */

/* functions.php */
<?php
add_action('wp_enqueue_scripts', function () {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', ['parent-style']);
});

כדי לדרוס תבנית, העתיקו את הקובץ הרצוי מהתמה הראשית לתמת הילד, תוך שמירה על מבנה התיקיות. WordPress ישתמש אוטומטית בגרסה שלכם.

parent-theme/template-parts/post/content-single.php → child-theme/template-parts/post/content-single.php 

1. צרו תיקיית תמת ילד ב-/* style.css */ /* Theme Name: My Theme Child Template: parent-theme-folder-name Version: 1.0.0 */ /* functions.php */ <?php add_action('wp_enqueue_scripts', function () { wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'); wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', ['parent-style']); }); .
2. הוסיפו את parent-theme/template-parts/post/content-single.php → child-theme/template-parts/post/content-single.php עם הכותרת, תוך ציון /wp-content/themes/.
3. צרו את style.css כדי לטעון סגנונות (styles).
4. הפעילו את תמת הילד בלוח הניהול.

התאמה אישית באמצעות Customizer API

ה-Customizer API מאפשר לכם לנהל הגדרות מותג ישירות מלוח הניהול. דוגמה להוספת צבע הדגשה:

add_action('customize_register', function (WP_Customize_Manager $wp_customize) {
    $wp_customize->add_section('brand_settings', [
        'title' => 'Настройки бренда',
        'priority' => 30,
    ]);

    $wp_customize->add_setting('brand_accent_color', [
        'default' => '#0066cc',
        'sanitize_callback' => 'sanitize_hex_color',
        'transport' => 'postMessage',
    ]);

    $wp_customize->add_control(new WP_Customize_Color_Control($wp_customize, 'brand_accent_color', [
        'label' => 'Цвет акцента',
        'section' => 'brand_settings',
    ]));
});

add_action('wp_head', function () {
    $color = get_theme_mod('brand_accent_color', '#0066cc');
    echo '<style>:root { --accent: ' . esc_attr($color) . '; }</style>';
});

בדרך זו תוכלו לשנות צבעים, גופנים ולוגו ללא עריכת קוד.

add_action('wp_enqueue_scripts', function() {
    // Отключаем шрифты родительской темы
    wp_dequeue_style('parent-fonts');
    // Подключаем свои
    wp_enqueue_style('custom-fonts', 'https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
}, 20);

:root {
  --color-primary: #1a1a2e;
  --color-accent: #e94560;
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
  --border-radius: 8px;
}