アーカイブページを表示させる際、カテゴリごとにタイトルを変更したい

0
いいねをした人: 居ません
  • このトピックには12件の返信、3人の参加者があり、最後にmrcにより1年、 4ヶ月前に更新されました。
13件の投稿を表示中 - 1 - 13件目 (全13件中)
  • 投稿者
    投稿
  • #127932
    mrc
    参加者
    4

    【お使いの Snow Monkey のバージョン】
    バージョン: 20.1.0
    【お使いの Snow Monkey Blocks のバージョン】
    バージョン 19.3.2
    【お使いの Snow Monkey Editor のバージョン】
    バージョン 9.2.5
    【お使いの Snow Monkey Forms のバージョン】
    バージョン 5.0.7
    【お使いのブラウザ】
    Chrome
    【当該サイトのURL】

    ### 実現したいこと

    アーカイブページを表示させる際、カテゴリごとにタイトルを変更することは可能でしょうか?
    現在カテゴリ別でアーカイブページを表示させているのですが、画像の赤枠の部分を、ページ(カテゴリ)によって任意の名前(カテゴリ名とは別の名前)で表示させたいです。
    カテゴリAのアーカイブページ=Works
    カテゴリBのアーカイブページ=Profile
    といった感じです。

    よろしくお願いいたします。

    ### 試したこと

    Wordpressのコード(php)を調べていたのですが、試してもうまくいきませんでした。

    0
    いいねをした人: 居ません
    #127951
    GONSY
    参加者
    841

    【当該サイトのURL】 の提示がないので詳細なことはわかりませんが、このタイトルはSnow Monkey の通常のページタイトル(アーカイブ)に使われている装飾と異なります。
    これはCSSで装飾されていますか?またはほかの方法で「Archive」のタイトルをつけていますか?
    通常のHTMLは

    <header class="c-entry__header">
    	<h1 class="c-entry__title">Archive</h1>
    </header>

    となっていて、 <h1 class="c-entry__title">Archive</h1> をカテゴリーごとに任意のタイトルに変更することは可能です。
    サイトのURLを提示されたほうが解決につながりやすいと思いますので、検討してみてください。

    0
    いいねをした人: 居ません
    #128010
    mrc
    参加者
    4

    GONSY様

    ご返信ありがとうございます。
    すみません、サイトのURLを掲載しておりませんでした・・・
    サイトのURLと、アーカイブページ のURLは以下です。

    【サイトURL】

    【アーカイブページ 】

    ###
    このタイトルはSnow Monkey の通常のページタイトル(アーカイブ)に使われている装飾と異なります。
    これはCSSで装飾されていますか?またはほかの方法で「Archive」のタイトルをつけていますか?
    ###

    こちらですが、cssではなくアーカイブページのカスタマイズで、ウィジェット編集の「アーカイブページ上部」から設定いたしました。画像を添付いたします。

    ご教授いただきましたアーカイブページのHTMLですが、こちらは、ページごとにHTMLを編集できるということでしょうか…?

    よろしくお願いいたします。

    0
    いいねをした人: 居ません
    #128020
    GONSY
    参加者
    841

    サイトのご提示ありがとうございます。

    こちらですが、cssではなくアーカイブページのカスタマイズで、ウィジェット編集の「アーカイブページ上部」から設定いたしました。画像を添付いたします。

    セクションブロックのウィジェットをアーカイブ上部に設置しているようですね。
    これだとカテゴリーごとに表示を切り替えることは難しいと思います。
    仮にウィジェットでできたとしても、ページの上部に任意のタイトル(見出し)がついているだけで<title></title>(メタタイトル)を変えることはできず、メタタイトルとページ名が異なることになります。
     
    タイトルを変更したいというページのコードを見ると .c-entry__headerdisplay: none; されていますが、この部分のタイトルとメタタイトルをフックで変えることは可能だと思います。
    my-snow-monkey.php にコードを記述することになりますが、各ページのレイアウトの変更も必要となると思います。

    1
    いいねをした人:
    #128021
    mrc
    参加者
    4

    GONSY様

    ウィジェットでの設定は難しいのですね、ありがとうございます。

    ###
    タイトルを変更したいというページのコードを見ると .c-entry__header が display: none; されていますが、この部分のタイトルとメタタイトルをフックで変えることは可能だと思います。
    my-snow-monkey.php にコードを記述することになりますが、各ページのレイアウトの変更も必要となると思います。
    ###

    こちらですが、my-snowmonkeyではdisplay:none;を記述しておらず、検証ツールを見るとcssの箇所に(index)と表示されているのですが(画像を添付します)、こちらはどこでdisplay:block;に変更できるものでしょうか…?

    また、もし可能でしたら、こちらのタイトルとメタタイトルをフックで変える方法をご教授いただけますと幸いです。

    どうぞよろしくお願いいたします。

    0
    いいねをした人: 居ません
    #128022
    GONSY
    参加者
    841

    こちらですが、my-snowmonkeyではdisplay:none;を記述しておらず、検証ツールを見るとcssの箇所に(index)と表示されているのですが(画像を添付します)、こちらはどこでdisplay:block;に変更できるものでしょうか…?

    <style type="text/css" id="wp-custom-css">
    /*固定のタイトルを非表示*/
    header.c-entry__header {
        display: none;
    }

    カスタマイザーの【 追加 CSS 】の先頭に書かれてますよ。

    0
    いいねをした人: 居ません
    #128028
    mrc
    参加者
    4

    GONSY様

    別の方からの構築を引き継いでおりましたので、その方が記述されていたと思われる追加CSSの部分に今気が付きました。。。教えていただきありがとうございます。

    該当部分の記述を削除して、アーカイブページ でタイトルが表示されるようにいたしました。
    こちらの<h1 class=”c-entry__title”>部分をフックで任意のタイトルに変更できる、という認識でしょうか?

    0
    いいねをした人: 居ません
    #128035
    GONSY
    参加者
    841

    一応検証済みですが、ほかに影響が出ないとも言えません。
    まずはローカル環境などで試してみてください。
     

    
    /**
     * ページタイトルを任意の名前に変更
     * <h1 class="c-entry__title">ここ</h1>
     */
    add_filter(
    	'snow_monkey_template_part_render_template-parts/archive/entry/header/header',
    	function ($html) {
    		$category_titles = array(
    			'カテゴリAのスラッグ' => 'Works',
    			'カテゴリBのスラッグ' => 'Profile'
    		);
    		$category_slug = get_query_var('category_name');
    		if (array_key_exists($category_slug, $category_titles)) {
    			$html = preg_replace(
    				'|(<h1 class="c-entry__title">.*?</h1>)|ms',
    				'<h1 class="c-entry__title">' . $category_titles[$category_slug] . '</h1>',
    				$html
    			);
    		}
    		return $html;
    	}
    );
    
    /**
     * メタタイトルを任意の名前に変更
     * <title>ここ - サイト名</title>
     */
    add_filter(
    	'single_cat_title',
    	function ($title) {
    		$category_titles = array(
    			'カテゴリAのスラッグ' => 'Works',
    			'カテゴリBスラッグ' => 'Profile'
    		);
    		$category_slug = get_query_var('category_name');
    		if (array_key_exists($category_slug, $category_titles)) {
    			$title = $category_titles[$category_slug];
    		}
    		return $title;
    	}
    );
    0
    いいねをした人: 居ません
    #128043
    アバター画像キタジマ タカシ
    参加者
    2421

    @mrc さん

    ちなみにですが、カテゴリー名とページ上の表示タイトルを別にしたい理由ってどんなものでしょうか?

    0
    いいねをした人: 居ません
    #128085
    mrc
    参加者
    4

    GONSY様

    ありがとうございます。
    ローカルで試したのち、本番に移してみましたが無事に反映されました!
    ご丁寧にご対応くださり、ありがとうございました。

    0
    いいねをした人: 居ません
    #128086
    mrc
    参加者
    4

    キタジマ様

    こちらはお客様からのご要望だったのですが、理由といたしましては、

    カテゴリー名・・・媒体名(今回で言うところの um productionやum report)
    表示タイトル・・・各媒体で扱う内容の詳細名(今回で言うところのworksやcreators)

    といった感じで、カテゴリー名を「大枠」、表示タイトルを「詳細」というように表示を切り替えたいとのことでした。(伝わりますでしょうか…)

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

    なるほどです。基本的にカテゴリー名は一覧部分のカテゴリーラベルに使用するという感じですかね?

    今回は GONSY さんのやり方で解決されたということで良かったのですが、もうひとつの方法として、カテゴリーだけで管理せずに、カスタムタクソノミーを追加して、カテゴリー名は「Works」「Profile」、カスタムタクソノミーで「um production」「um report」を付与するようにして、記事一覧部分のカテゴリーラベル部分をカテゴリーじゃなくてカスタムタクソノミーを表示するようにする、という方法もあるかなと思いました。

    解決済みということで、クローズをお願いします!

    0
    いいねをした人: 居ません
    #128438
    mrc
    参加者
    4

    キタジマ 様

    そうですね。おっしゃる通り、基本的にカテゴリー名は一覧部分のカテゴリーラベル、あとは固定ページのタイトルで使用するといった感じです。

    カスタムタクソノミーを使用する方法、確かにそれでも実現できそうですね・・・!
    ご丁寧にご教授くださいまして、ありがとうございます。

    トピックはこれにて閉じさせていただきます。
    今後ともどうぞよろしくお願い致します。

    1
    いいねをした人:
13件の投稿を表示中 - 1 - 13件目 (全13件中)
  • トピック「アーカイブページを表示させる際、カテゴリごとにタイトルを変更したい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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