「スクロール追従領域」へのカテゴリー登録について

当然ながらPCではサイドバーにカテゴリーがダブルで表示されてしまいます。

スマホ専用のウィジェット　[S] モバイル用広告　をサイドバーに設置してはどうでしょうか。

がうたっくさん

いつもありがとうございます。

>スマホ専用のウィジェット　[S] モバイル用広告　をサイドバーに設置してはどうでしょうか。

これをサイドバーに入れて、そこにカテゴリーを表示させるとかでしょうか?
すいません、もう少し教えてください。

すみません、寝ぼけてたようです・・・

当然ながらPCではサイドバーにカテゴリーがダブルで表示されてしまいます。

CSSで非表示にすればうまくいきそうです。

@media screen and (min-width: 1111px) {
	/*ここにカテゴリid*/ {
		display: none;
	}
}

メディアクエリで(min-width: 1111px)この指定は、大画面：サイドバーが右にあるときのサイズ1111px以上を指定。

/*ここにカテゴリid*/とあるのはこの場合、非表示にしたいカテゴリを指定してください。※実際のソースを要素の検証などで確認すれば、サイドバーで表示したくない該当カテゴリidがわかります。例：#categories-数字

ということは、今自分がしたいと思っていることは
以下のような内容になるかと思いますので

「スクロール追従領域」にカテゴリーを登録し、スマホでもスライドインメニューにカテゴリーを
表示したいので、サイドーバーウイジェットにもカテゴリーを登録。
PCで見るとダブルでカテゴリーが表示されているので
サイドーバーウイジェットに登録されているカテゴリー全部を非表示にする。

かと思うのですが

この場合どのidになるでしょうか?

ソースを見ると以下のようになっていますが
<aside id=”categories-2″ class=”widget widget_categories”><h3 class=”widget_title sidebar_widget_title”>カテゴリー</h3>

id=”categories-2″のところでしょうか?

もう少し教えてください。お願いします。

すいません。先程の私の書いた内容全然見当違いなこと書いてました・・

サイドーバーウイジェットにカテゴリーを登録をしないと
そもそも、スマホのスライドインメニューで表示されないんでした・・・

なので、サイドバーのカテゴリーを非表示にすると不都合なんです・・・

そもそもの考え方として、スマホの場合、カテゴリーはスライドインメニューに
入れること自体がおかしいとかってありますでしょうか?

<aside id=”categories-2″ class=”widget widget_categories”><h3 class=”widget_title sidebar_widget_title”>カテゴリー</h3>

このコードはPCでダブったサイドバーのカテゴリだとすれば、そこを指定しCSSで非表示にすればスマホに1つ、PC追従型に1つとなります。

@media screen and (min-width: 1111px) {
	#categories-2 {
		display: none;
	}
}

URLの提示があれば早いと思います。

がうたっくさん

ど素人にお付き合いいただき恐縮です。・・(汗)
お言葉に甘えて

↓私の作ってるページです。
https://www.yuinou.fun/

追従は止めてあります。サイドーバーウイジェットにのみカテゴリーを登録しています。
なのでダブルではかてごりーが表示されていない状態です。

・・というか、ダブルで重なってる状態のページを
お見せしないとダメとかでしょうか?

#57302のCSSを付けると、サイドバー上のカテゴリは大画面では消えますが。。。

「スクロール追従領域」にカテゴリーを登録

スタイルを追加したら大画面で上のカテゴリは消えるから、追従のみカテゴリが表示されます。

ただCSSを追記しないと表示されたままです。

style.cssにコードを追加後、表示確認してもオカシイならブラウザのキャッシュを削除してください。

※WordPressダッシュボード（管理画面）内にある　外観　テーマの編集　とクリック。Simplicity2 child: スタイルシート (style.css)とあるので、一番下にCSSを追加して『ファイルを更新』をクリックすれば追加完了です。

※一番下とは…現在47行目まで書いているので、

border-bottom: none !important;
}

この下に追記。

@media screen and (min-width: 1111px) {
	#categories-2 {
		display: none;
	}
}

さいごに『ファイルを更新』をクリックしてくださいね。

がうたっくさん

ありがとうござます。

早速やってみました。サイドバーウイジェットのほうがうまく消えたのかな?と思うのですが
追従してこないです・・・涙

キャッシュも消してみましたし、他のブラウザーとかでも確認しましたがやはり追従してこないです。

PCビューで非表示にしたいサイドバーのTOPにあるカテゴリが#categories-3になり、追従が#categories-2に変更されてます。

追従は止めてあります。サイドーバーウイジェットにのみカテゴリーを登録しています。
なのでダブルではかてごりーが表示されていない状態です。

・・というか、ダブルで重なってる状態のページを
お見せしないとダメとかでしょうか?

ダブルになっている状態で出さないとこうなると私も分かりました。

現状でしたら、以下の通り#categories-2だったものを3に変更して更新すればオールOKです❦

@media screen and (min-width: 1111px) {
	#categories-3 {
		display: none;
	}
}

がうたっくさん

お忙しいところありがとうございます。

>現状でしたら、以下の通り#categories-2だったものを3に
>変更して更新すればオールOKです

ドンピシャです。望み通りの動きになりました(^^♪