טיפוסי WordPress מותאמים אישית: מהרשמה לאופטימיזציה

טקסונומיות מותאמות אישית ב-WordPress: מהרשמה לאופטימיזציה

בעיה: אתר תיק עבודות עם 300 פרויקטים, כל אחד עם טכנולוגיות וסוגים שונים. קטגוריות ותגיות מובנות לא מכסות את ההיררכיה "כיוון → תת-קטגוריה → תגית." ללא טקסונומיות מותאמות אישית, תצטרכו מאות תנאים נוספים ב-WP_Query. ההערכות שלנו מראות שמבנה טקסונומיה שגוי גורם ל-15–20 שעות עבודה נוספות בחודש. הגדרה מאפס אורכת 1–2 ימים ומחזירה את עצמה תוך כמה שבועות בזכות האצת הסינון. יישמנו טקסונומיות אלו ביותר מ-50 פרויקטים: ממדריכי נדל"ן (סוג נכס, אזור, קומה) ועד פורטלים ארגוניים עם משרות (מחלקה, דרגה, מיומנות). טקסונומיות נכונות מאיצות את הסינון פי 2–3 בהשוואה לקיבוץ דרך שדות מטא. הצוות שלנו של מפתחי WordPress מוסמכים עם ניסיון של 10+ שנים מבטיח שיפור בביצועים. יישום טקסונומיות מותאמות אישית עולה בין $500 ל-$3000 בהתאם למורכבות, אך חוסך $150 בחודש על אחסון ו-20 שעות עבודת מפתח בחודש. עבור אתר עם תנועה בינונית טיפוסית, ההשקעה מחזירה את עצמה תוך 10 חודשים. צרו קשר לייעוץ.

למה להשתמש בטקסונומיות מותאמות אישית?

טקסונומיה ב-WordPress היא מערכת סיווג לפוסטים. המובנות הן "קטגוריות" (היררכיות) ו"תגיות" (שטוחות). טקסונומיה מותאמת אישית נוצרת לכל קיבוץ אחר: טכנולוגיות פרויקט, התמחויות משרה, סוגי נכסים, ז'אנרים של סרטים. טקסונומיה מוגדרת כראוי מספקת כתובות URL ידידותיות ל-SEO לכל קטגוריה, סינון ב-/wp-admin, ופרמטרים ל-WP_Query.

לדוגמה, קטלוג של 10,000 פריטים עם 5 רמות היררכיה — טקסונומיה עובדת פי 2.5 מהר יותר משדות מטא מקוננים (TTFB יורד מ-2.1 שניות ל-0.8 שניות). הרשמה דרך register_taxonomy אורכת כמה שעות; הגדרה מלאה עם שדות מטא ודפי ארכיון מותאמים אורכת יום אחד.

בחירת הטקסונומיות הנכונות

טקסונומיה ב-WordPress היא מערכת סיווג לפוסטים. המובנות הן "קטגוריות" (היררכיות) ו"תגיות" (שטוחות). טקסונומיה מותאמת אישית נוצרת לכל קיבוץ אחר: טכנולוגיות פרויקט, התמחויות משרה, סוגי נכסים, ז'אנרים של סרטים. טקסונומיה מוגדרת כראוי מספקת כתובות URL ידידותיות ל-SEO לכל קטגוריה, סינון ב-/wp-admin, ופרמטרים ל-WP_Query.

לדוגמה, קטלוג של 10,000 פריטים עם 5 רמות היררכיה — טקסונומיה עובדת פי 2.5 מהר יותר משדות מטא מקוננים (TTFB יורד מ-2.1 שניות ל-0.8 שניות). הרשמה דרך register_taxonomy אורכת כמה שעות; הגדרה מלאה עם שדות מטא ודפי ארכיון מותאמים אורכת יום אחד.

הרשמת טקסונומיה מותאמת אישית

ההרשמה מתבצעת ב-hook init דרך register_taxonomy(). התיעוד הרשמי של WordPress ממליץ לציין את כל תוויות הממשק כך שהטקסונומיה תיראה טבעית בלוח הניהול. לתמיכה נכונה ב-Gutenberg, הגדירו show_in_rest => true. הנה דוגמה להרשמה של טקסונומיות היררכיות ושטוחות גם יחד בקטע קוד אחד:

add_action('init', function () {
    // Иерархическая таксономия (как рубрики)
    register_taxonomy('project_category', ['project'], [
        'labels' => [
            'name' => 'Категории проектов',
            'singular_name' => 'Категория',
            'search_items' => 'Поиск категорий',
            'all_items' => 'Все категории',
            'parent_item' => 'Родительская категория',
            'parent_item_colon' => 'Родительская категория:',
            'edit_item' => 'Редактировать',
            'update_item' => 'Обновить',
            'add_new_item' => 'Добавить категорию',
            'new_item_name' => 'Новая категория',
            'menu_name' => 'Категории',
        ],
        'hierarchical' => true,
        'show_ui' => true,
        'show_admin_column' => true,
        'query_var' => true,
        'rewrite' => ['slug' => 'project-category', 'hierarchical' => true],
        'show_in_rest' => true,
        'rest_base' => 'project-categories',
    ]);

    // Плоская таксономия (как метки) — технологический стек
    register_taxonomy('tech_stack', ['project', 'case'], [
        'labels' => [
            'name' => 'Технологии',
            'singular_name' => 'Технология',
            'add_new_item' => 'Добавить технологию',
            'search_items' => 'Поиск технологий',
            'all_items' => 'Все технологии',
        ],
        'hierarchical' => false,
        'show_ui' => true,
        'show_admin_column' => true,
        'query_var' => true,
        'rewrite' => ['slug' => 'tech'],
        'show_in_rest' => true,
    ]);
});

add_action('init', function () { // Иерархическая таксономия (как рубрики) register_taxonomy('project_category', ['project'], [ 'labels' => [ 'name' => 'Категории проектов', 'singular_name' => 'Категория', 'search_items' => 'Поиск категорий', 'all_items' => 'Все категории', 'parent_item' => 'Родительская категория', 'parent_item_colon' => 'Родительская категория:', 'edit_item' => 'Редактировать', 'update_item' => 'Обновить', 'add_new_item' => 'Добавить категорию', 'new_item_name' => 'Новая категория', 'menu_name' => 'Категории', ], 'hierarchical' => true, 'show_ui' => true, 'show_admin_column' => true, 'query_var' => true, 'rewrite' => ['slug' => 'project-category', 'hierarchical' => true], 'show_in_rest' => true, 'rest_base' => 'project-categories', ]); // Плоская таксономия (как метки) — технологический стек register_taxonomy('tech_stack', ['project', 'case'], [ 'labels' => [ 'name' => 'Технологии', 'singular_name' => 'Технология', 'add_new_item' => 'Добавить технологию', 'search_items' => 'Поиск технологий', 'all_items' => 'Все технологии', ], 'hierarchical' => false, 'show_ui' => true, 'show_admin_column' => true, 'query_var' => true, 'rewrite' => ['slug' => 'tech'], 'show_in_rest' => true, ]); }); הכרחי לפעולת הטקסונומיה בעורך Gutenberg. show_in_rest => true מוסיף עמודה עם מונחים ברשימת הפוסטים.

שימוש ב-WP_Query

// Проекты категории "web" с тегом "react"
$projects = new WP_Query([
    'post_type' => 'project',
    'posts_per_page' => 12,
    'tax_query' => [
        'relation' => 'AND',
        [
            'taxonomy' => 'project_category',
            'field' => 'slug',
            'terms' => 'web',
        ],
        [
            'taxonomy' => 'tech_stack',
            'field' => 'slug',
            'terms' => ['react', 'next-js'],
            'operator' => 'IN',
        ],
    ],
    'orderby' => 'date',
    'order' => 'DESC',
]);

שדות מטא למונחי טקסונומיה

מאז WordPress 4.4, למונחי טקסונומיה יש שדות מטא דרך show_admin_column => true/// Проекты категории "web" с тегом "react" $projects = new WP_Query([ 'post_type' => 'project', 'posts_per_page' => 12, 'tax_query' => [ 'relation' => 'AND', [ 'taxonomy' => 'project_category', 'field' => 'slug', 'terms' => 'web', ], [ 'taxonomy' => 'tech_stack', 'field' => 'slug', 'terms' => ['react', 'next-js'], 'operator' => 'IN', ], ], 'orderby' => 'date', 'order' => 'DESC', ]); . דוגמה: הוספת אייקון וצבע לקטגוריית פרויקט. הוספת שדות מטא לטקסונומיה כוללת ממשק ניהול ותצוגה בצד הלקוח.

// Поля на странице добавления термина
add_action('project_category_add_form_fields', function (string $taxonomy): void {
    ?>
    <div class="form-field">
        <label for="term-color">Цвет категории</label>
        <input type="color" id="term-color" name="term_color" value="#1a1a2e">
        <p>Цвет для отображения в списке и на карточках проектов</p>
    </div>
    <div class="form-field">
        <label for="term-icon">Иконка (SVG-код или dashicons-класс)</label>
        <input type="text" id="term-icon" name="term_icon" value="">
    </div>
    <?php
});

// Поля на странице редактирования термина
add_action('project_category_edit_form_fields', function (WP_Term $term): void {
    $color = get_term_meta($term->term_id, 'color', true) ?: '#1a1a2e';
    $icon = get_term_meta($term->term_id, 'icon', true);
    ?>
    <tr class="form-field">
        <th><label for="term-color">Цвет</label></th>
        <td><input type="color" id="term-color" name="term_color" value="<?= esc_attr($color) ?>"></td>
    </tr>
    <tr class="form-field">
        <th><label for="term-icon">Иконка</label></th>
        <td><input type="text" id="term-icon" name="term_icon" value="<?= esc_attr($icon) ?>"></td>
    </tr>
    <?php
});

// Сохранение
add_action('created_project_category', 'save_project_category_meta');
add_action('edited_project_category', 'save_project_category_meta');

function save_project_category_meta(int $term_id): void {
    if (isset($_POST['term_color'])) {
        update_term_meta($term_id, 'color', sanitize_hex_color($_POST['term_color']));
    }
    if (isset($_POST['term_icon'])) {
        update_term_meta($term_id, 'icon', sanitize_text_field($_POST['term_icon']));
    }
}

שימוש בצד הלקוח:

$terms = get_the_terms(get_the_ID(), 'project_category');
foreach ($terms as $term) {
    $color = get_term_meta($term->term_id, 'color', true) ?: '#ccc';
    $icon = get_term_meta($term->term_id, 'icon', true);
    printf(
        '<a href="%s" class="tag" style="--tag-color:%s">%s%s</a>',
        esc_url(get_term_link($term)),
        esc_attr($color),
        $icon ? '<span class="tag__icon">' . esc_html($icon) . '</span>' : '',
        esc_html($term->name)
    );
}

סדר מונחים מותאם אישית

כברירת מחדל, המונחים מוצגים בסדר אלפביתי. לסידור ידני, השתמשו בשדה מטא 'order':

add_action('edited_project_category', function (int $term_id): void {
    if (isset($_POST['term_order'])) {
        update_term_meta($term_id, 'order', absint($_POST['term_order']));
    }
});

// Сортировка при выводе
$terms = get_terms([
    'taxonomy' => 'project_category',
    'hide_empty' => false,
    'meta_key' => 'order',
    'orderby' => 'meta_value_num',
    'order' => 'ASC',
]);

איך לייעל שאילתות טקסונומיה?

שאילתות על טקסונומיות עם מונחים ופוסטים רבים יכולות להיות איטיות. כמה כללים:

• תמיד השתמשו ב-add_term_meta בתוך get_term_meta אם אתם צריכים רק מזהי ID
• בשימוש ב-// Поля на странице добавления термина add_action('project_category_add_form_fields', function (string $taxonomy): void { ?> <div class="form-field"> <label for="term-color">Цвет категории</label> <input type="color" id="term-color" name="term_color" value="#1a1a2e"> <p>Цвет для отображения в списке и на карточках проектов</p> </div> <div class="form-field"> <label for="term-icon">Иконка (SVG-код или dashicons-класс)</label> <input type="text" id="term-icon" name="term_icon" value=""> </div> <?php }); // Поля на странице редактирования термина add_action('project_category_edit_form_fields', function (WP_Term $term): void { $color = get_term_meta($term->term_id, 'color', true) ?: '#1a1a2e'; $icon = get_term_meta($term->term_id, 'icon', true); ?> <tr class="form-field"> <th><label for="term-color">Цвет</label></th> <td><input type="color" id="term-color" name="term_color" value="<?= esc_attr($color) ?>"></td> </tr> <tr class="form-field"> <th><label for="term-icon">Иконка</label></th> <td><input type="text" id="term-icon" name="term_icon" value="<?= esc_attr($icon) ?>"></td> </tr> <?php }); // Сохранение add_action('created_project_category', 'save_project_category_meta'); add_action('edited_project_category', 'save_project_category_meta'); function save_project_category_meta(int $term_id): void { if (isset($_POST['term_color'])) { update_term_meta($term_id, 'color', sanitize_hex_color($_POST['term_color'])); } if (isset($_POST['term_icon'])) { update_term_meta($term_id, 'icon', sanitize_text_field($_POST['term_icon'])); } } עם מספר טקסונומיות, בדקו את תוכנית השאילתה דרך $terms = get_the_terms(get_the_ID(), 'project_category'); foreach ($terms as $term) { $color = get_term_meta($term->term_id, 'color', true) ?: '#ccc'; $icon = get_term_meta($term->term_id, 'icon', true); printf( '<a href="%s" class="tag" style="--tag-color:%s">%s%s</a>', esc_url(get_term_link($term)), esc_attr($color), $icon ? '<span class="tag__icon">' . esc_html($icon) . '</span>' : '', esc_html($term->name) ); }
• לפילטרים ציבוריים עם ארכיונים גדולים, העבירו ל-Elasticsearch או שמרו תוצאות במטמון דרך Redis

השוואת ביצועים: טקסונומיה מותאמת אישית עם add_action('edited_project_category', function (int $term_id): void { if (isset($_POST['term_order'])) { update_term_meta($term_id, 'order', absint($_POST['term_order'])); } }); // Сортировка при выводе $terms = get_terms([ 'taxonomy' => 'project_category', 'hide_empty' => false, 'meta_key' => 'order', 'orderby' => 'meta_value_num', 'order' => 'ASC', ]); עובדת פי 2–3 מהר יותר מסינון דומה דרך שדות מטא, בזכות אינדקסים מובנים במסד הנתונים. שימוש באינדקסים ובמטמון מפחית את עלויות האחסון בעד 40%, חוסך בממוצע $150 בחודש לאתרים עם תנועה בינונית.

מדריך שלב-אחר-שלב ליצירת טקסונומיה מותאמת אישית

1. קבעו את מבנה התוכן ותרחישי הסינון. העריכו כמה מונחים ורמות קינון תצטרכו.
2. רשמו את הטקסונומיה דרך 'fields' => 'ids' ב-hook get_terms(). ציינו היררכיה, תבנית כתובת URL, ו-tax_query.
3. הוסיפו שדות מטא למונחים באמצעות hooks EXPLAIN ו-WP_Query. יישמו שמירה דרך register_taxonomy ו-init.
4. הגדירו תבניות ארכיון: show_in_rest => true או ב-FSE — {taxonomy}_add_form_fields. הוסיפו פילטרים מותאמים.
5. ייעלו שאילתות: השתמשו באינדקסים, שמרו תוצאות במטמון, יישמו {taxonomy}_edit_form_fields. במידת הצורך, העבירו סינון לחיפוש חיצוני.

תבנית ארכיון טקסונומיה

WordPress בוחר את תבנית הארכיון בסדר: created_{taxonomy} → edited_{taxonomy} → taxonomy-{taxonomy}.php → templates/taxonomy-{taxonomy}.html. בערכות נושא FSE, באופן דומה דרך fields => ids.

היקף העבודה

עם ניסיון של 10+ שנים ו-50+ פרויקטים הכוללים טקסונומיות מותאמות אישית, הצוות המוסמך שלנו מבטיח מבנה וביצועים אופטימליים. צרו קשר לייעוץ.