投稿ページで記事のカテゴリをヘッダー画像の上に表示させたい

0
いいねをした人: 居ません
  • このトピックには2件の返信、2人の参加者があり、最後にアバター画像kaneyanにより6ヶ月、 2週前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #139377
    アバター画像kaneyan
    参加者
    2

    【お使いの Snow Monkey のバージョン】バージョン: 25.4.5
    【お使いのブラウザ】Chrome

    ### 実現したいこと
    ブログの投稿ページで、タイトルは記事内の一番上に表示した上で、
    「記事のカテゴリ」または「投稿ページ自体のタイトル」をヘッダー画像の上に表示させることは可能でしょうか?

    『カスタマイズ』 → 『デザイン』 → 『投稿ページ設定』 → 『アイキャッチ画像の位置』→『ページヘッダーの上にタイトルを表示』にすると投稿タイトルを表示させることは可能かと思いますが、そうではなく、投稿ページ自体のタイトル、カテゴリのいずれかを表示させたいと考えております。

    添付の様なイメージです。

    ### 試したこと

    上記記事を拝見し、functions.phpに「投稿ページの場合にカテゴリ名を表示」
    という記述をするのではないかと思いましたが、やり方をご教授いただければ幸いです。

    お手数おかけしますが、よろしくお願いします。

    0
    いいねをした人: 居ません
    #139396
    アバター画像キタジマ タカシ
    参加者
    2421

    まず、アイキャッチ画像があるときはページヘッダーに表示されるように設定します。

    適当な投稿を開いた状態でカスタマイザーを開き、デザイン → 投稿ページ設定 → アイキャッチ画像の位置で「ページヘッダー」を選択して保存してください。

    次に、下記のコードを My Snow Monkey プラグイン、または子テーマの functions.php に貼り付けてください。

    /**
     * 画像がないときでもページヘッダーに画像を表示する
     */
    add_filter(
    	'snow_monkey_is_output_page_header',
    	function( $is_output ) {
    		// 投稿のとき
    		if ( is_singular( 'post' ) ) {
    			return true;
    		}
    		return $is_output;
    	}
    );
    
    /**
     * ページヘッダーにその投稿が属するカテゴリー名を表示する
     * また、ページヘッダーのメタ情報は非表示にする
     */
    add_filter(
    	'snow_monkey_get_template_part_args_template-parts/common/page-header',
    	function( $args ) {
    		// 投稿のとき
    		if ( is_singular( 'post' ) ) {
    			// その投稿が属するカテゴリーの情報を取得
    			$the_categories = get_the_category();
    			$categories     = array();
    			foreach ( $the_categories as $category ) {
    				$categories[] = $category->name;
    			}
    
    			// カテゴリー名を表示(複数ある場合に備えてカンマ区切りで表示する)
    			$args['vars']['_title']              = implode( ',', $categories );
    			// メタ情報を非表示
    			$args['vars']['_display_entry_meta'] = false;
    		}
    		return $args;
    	}
    );
    1
    いいねをした人:
    #139400
    アバター画像kaneyan
    参加者
    2

    お世話になります。

    早速のアドバイスをいただきありがとうございます!
    カスタマイザーならびに上記コードの貼り付けを行ったところ
    希望通りの表示になりました。
    とてもありがたいです。

    今後ともよろしくお願いします。

    解決しましたので、こちらのトピックは閉じさせていただきます。
    ありがとうございました!

    1
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「投稿ページで記事のカテゴリをヘッダー画像の上に表示させたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。