snow_monkey_prepend_main

snow_monkey_template_part_render

  • ブックマーク
  • -
    コピー
snow_monkey_before_entry_content
snow_monkey_prepend_entry_content

テンプレートの部分的な書き換えなどを行う際によく利用します。

実験的にここでは、投稿の詳細ページのタイトル部分にマークアップされている<header> タグ全体を書き換えて、CSSクラス .p-added-css-class を既存CSSクラスに追加するという(意味のない)ことをやってみようと思います。

対象となるテンプレートファイルの場所は、snow-monkey/template-parts/content/entry/header/header.php になります。

こちらをフック名に加えて、上のテンプレートを上書きする フック名 は、snow_monkey_template_part_render_template-parts/content/entry/header/header となります。

では、実際にフィルターフックをかけてみましょう。

ソースコード

<?php
/**
 * @param $html テンプレートパーツの出力HTML
 * @param $name テンプレートパーツの名前
 * @param $vars テンプレートパーツのリクエスト配列
 */
add_filter(
    'snow_monkey_template_part_render_template-parts/content/entry/header/header',
    function( $html, $name, $vars ) {
        $html = str_replace(
            '<header class="c-entry__header">',
            '<header class="c-entry__header p-added-css-class">',
            $html
        );
        return $html;
    },
    10,
    3
);

PHP の str_replace() に関しては こちら をご覧ください。

こうすることで、投稿詳細ページのタイトル <h1> をラップしている <header> に付いているクラス名を増やすことができます。

公式リファレンス

snow_monkey_template_part_renderフックを
Snow Monkey公式フォーラムで検索する

外注先をお探しの方へ

当サイトを制作・管理しているオレインデザインを、WordPressを利用したウェブサイト制作の開発外部リソースに利用しませんか?
お気軽にお問い合わせください。

運営へのご連絡はこちらから snow_monkey_append_entry_content
snow_monkey_after_entry_content

HAPPY SNOW MONKEYの管理人情報

久野 晃司

Web制作系フリーランス。WordPressに関するお仕事や活動が多いです。

WordPressコア貢献者/テーマ開発者/プラグイン開発者/Meetupオーガナイザー/翻訳貢献者

snow_monkey_append_main