VWSとは フォーラム Lightning [ 解決済 ] 特定カテゴリーの関連記事のページャー表示を消したい

[ 解決済 ] 特定カテゴリーの関連記事のページャー表示を消したい

このトピックには8件の返信が含まれ、3人の参加者がいます。4 ヶ月、 1 週前 r-miura さんが最後の更新を行いました。

9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #16690

    r-miura
    参加者

    下記の様にカテゴリーを指定して、関連記事のページャー表示を消したいのですが、動作しません。
    どの様に指定すればよいでしょうか?

    .category-??? .pager{
    display:none
    }

    #16694

    kurudrive
    キーマスター

    「関連記事のページャー表示」というのがどこの事がちょっとわからないので詳細補足いただけますでしょうか?
    よろしくお願いいたします。

    #16698

    r-miura
    参加者

    投稿ページの下部に自動で表示される
    同じカテゴリを持つ記事を探すことができる
    下記のの様なパーツになります。

    ≪メッセージ色に込めて
    ≫リレーエッセイ 4月

    #16699

    RICK
    参加者

    横から失礼します。

    ≪メッセージ色に込めて
    ≫リレーエッセイ 4月

    WordPressフォーラムで既視感があったので探してみたら該当トピックはすでにないようです。
    おそらく画像のような該当する投稿の前後の記事のことを指しているのだと思います。

    現状では nav ul.pager は article.category-??? の外側にあるので
    .category-??? を使用して制御することはできません。

    Attachments:
    You must be logged in to view attached files.
    #16701

    RICK
    参加者

    現在カテゴリで分類されている場合、それをカスタム投稿で分類し直すことで、
    該当する投稿の前後の記事の部分を該当する投稿の関連する前後の記事にすることがある程度可能になります。

    実行する際は「VK All in One Expansion Unit」の「カスタム投稿タイプマネージャー」「pTypeConverter」が役に立つと思います。

    要は「VK All in One Expansion Unit」の「カスタム投稿タイプマネージャー」を使ってカスタム投稿を作成し、「pTypeConverter」で現在の投稿を作成したカスタム投稿に振り分けるという手順になります。

    「pTypeConverter」と同様の機能を持ったものとしては「Post Type Switcher」というものもあったりします。

    #16703

    r-miura
    参加者

    RICKさん 
    カスタム投稿やphpは使えこなせないので、cssだけで解決できないかと考えておりました。
    下記の投稿で制御したいnavのタグはarticle のタグの外にあるため、制御できないということですね。

    bodyに入っている postid-???? と.pager{display:none;}の組み合わせでは動作するのですが、この場合は
    navのタグがbodyの中に入っているため制御できていたのですね。

    ご教授いただき、ありがとうございました。

    <div class=”col-md-8 mainSection” id=”main” role=”main”>
    <article id=”post-66″ class=”post-66 post type-post status-publish format-standard hentry category-news”>
    記事の内容
    中略
    </article>

    <nav>
    <ul class=”pager”>
    <li class=”previous”>
    <li class=”next”>

    </nav>

    </div>

    #16705

    RICK
    参加者

    Lightning (Pro) はカスタム投稿を使用する前提で組まれたテンプレートなので、
    カスタム投稿を使用する際は余程のこだわりがない限りテンプレートファイルを編集する必要がありません。

    なので、下記作業を行うだけで簡単にカスタム投稿を作成できます。

    カスタム投稿タイプマネージャー

    #16706

    kurudrive
    キーマスター

    補足です。

    ご利用のケースでは RICKさんが詳しく解説してくださっている通り、カスタム投稿タイプマネージャーを使って別の投稿タイプにして、

    body.post-type-XXX ul.pager{
    display: none;
    }

    とするのが王道でおすすめです。

    どうしてもカスタム投稿タイプでなく実現したい場合は

    1. body クラスに識別用クラスを追加する

    add_filter( 'body_class', 'my_add_body_tax_class' );
    function my_add_body_tax_class( $class ) {
    	if ( is_singular() ) {
    		$taxonomies = get_the_taxonomies();
    		if ( $taxonomies ) :
    			foreach ( $taxonomies as $key => $value ) {
    				if ( $key != 'product_type' ) {
    					$taxonomy = $key;
    					$terms    = get_the_terms( get_the_ID(), $taxonomy );
    					foreach ( $terms as $key => $term ) {
    						// body に識別用のclass名をidで付与して追加
    						$class[] = 'post-term-' . esc_attr( $term->term_id );
    						// body に識別用のclass名をslugで付与して追加
    						$class[] = 'post-term-' . esc_attr( $term->slug );
    					}
    				}
    			}
    		endif;
    	}
    	return $class;
    }

    2. cssで消す

    body.post-term-XXX ul.pager{
    	display: none;
    }

    となります。

    #### 注意

    そもそもこの外側の nav に class名がついてないの良くないですね…
    そして、ここの部分はアイキャッチ画像付きに今後変更したいと考えていますので、
    既存ユーザーの方には影響出ないよう極力善処しますが、アップデート情報を定期的にチェックしたり、バックアップの設定などをして運用してください。

    #16708

    r-miura
    参加者

    RICKさん 
    kurudriveさん
    詳しいご説明を頂きありがとう御座いました。
    2つの方法試してみます。

9件の投稿を表示中 - 1 - 9件目 (全9件中)

このトピックに返信するにはログインが必要です。