このガイドはACF(高度なカスタムフィールド) タクソノミータームにカスタムフィールドを追加し、そのタームのテンプレートファイルのHTMLを修正する方法。

用語は、WordPressのカテゴリー、タグ、またはサイトに追加されたその他のカスタムタクソノミーのようなアイテムです。例えばWooCommerce このような人気のあるプラグインは、アクティブにするとカスタムタクソノミーを追加します。

フィールドの追加

Advanced Custom Fieldsプラグインを使用すると、カテゴリ用語にカスタムフィールドを簡単に追加できます。

1. ある「カスタムフィールド管理畫面で"新規(guī)追加"ボタンをクリックして、新しいフィールドグループを作成します。
2. タクソノミータームの編集時(shí)に表示したいフィールドを追加します。
3. インポジション小文字の場合は分類用語ルールを作成し、適切な値を選択してこのフィールドグループを表示します。

フィールドの編集

フィールド?グループを作成し、それをカテゴリ用語編集畫面に割り當(dāng)てると、適切なタクソノミーに移動(dòng)してフィールド値を編集することができます。例えば、フィールド?グループが投稿カテゴリに割り當(dāng)てられている場合、カテゴリ?ターム編集畫面の投稿 > カテゴリー.

表示フィールド

カテゴリー.phpテーマを編集するだけです、タグ.phpまたはファイルで、WordPressのタクソノミーの用語のためのHTMLを簡単にカスタマイズすることができます！?taxonomy.php.トピックによっては、テンプレートセクションやフィルタを使用してHTMLをカスタマイズすることもできます。

この例ではカテゴリー.phptwentyseventeenテーマのテンプレートと、スタイルタブにカテゴリの畫像と色をエクスポートします。

<?php
/**
 * The template for displaying category archive pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */

get_header(); 


// get the current taxonomy term
$term = get_queried_object();


// vars
$image = get_field('image', $term);
$color = get_field('color', $term);

?>
<style type="text/css">
    
    .entry-title a {
        color: <?php echo $color; ?>;
    }
    
    <?php if( $image ): ?>
    .site-header {
        background-image: url(<?php echo $image['url']; ?>);
    }
    <?php endif; ?>
    
</style>
<div class="wrap">
    
    <?php // Remaining template removed from example ?>

例

以下は、上記のコードがブラウザでどのように表示されるかです。

注目してください：サイトタイトル畫像にカテゴリー畫像が反映され、すべてのエントリータイトルが緑色になりました。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時(shí)間: 月～金、9:30～18:30、祝日休み