[ 解決済 ] VK子ページリストに表示させたくない子ページを無表示に

[komori0321]

いつもありがとうございます
VK Blocksを使用させていただいておりますが
子ページとしては残したいのですが、VK子ページリストに表示させたくない子ページがあります
なんとか方法がありましたら、ご教授願います

下記環境
WordPress のバージョン：WordPress 5.4
Lightning Proバージョン: 4.4.1
VK Blocks Proバージョン 9.15.5.0
PaleⅡ（Bootstrap4)

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[Vektor,Inc]

無料テーマの配布を開始して早８年で初めてのかなりレアなケースなので、残念ながら機能としての実装予定はありません。

しかしながら、CSSで以下のように指定すれば消すことが可能です。

.vk_childPage #post-★★.vk_post {
display:none;
}

★の部分は記事のIDになります。
該当記事の編集画面のURLやデベロッパーツールで確認する事ができますが、不明の場合はまた返信ください。

[komori0321]

キーマスター様

いつもありがとうございます
カスタマイズ方法ありがとうございます
追加で質問なのですが、複数ページを非表示にしたい場合はページ数だけ同記述を記載でしょうか？同時指定はできますか？　申し訳ございませんよろしくお願いします

また、今回公開はしたくないページがあり、ただアドレスを変えたくないので、非表示を思いついたのですが？そのような場合他に方法があればご教授願います
よろしくお願いします

[Vektor,Inc]

.vk_childPage #post-0.vk_post,
.vk_childPage #post-1.vk_post,
.vk_childPage #post-2.vk_post {
display:none;
}

などのように書けばOKです。

ただアドレスを変えたくないので

あ、つまり、他からのリンクなどがあるから変えたくないだけで、現状のアドレスにアクセスされたら自動転送されるなど出来れば大丈夫という事ですが？

その場合プラグインなど使えば簡単にできます。

プラグインで簡単！ページのURL変更の際にやるべき301リダイレクト設定

[komori0321]

何度もすみません
1行だけ記載したのですが、表示されたままで変化ないです
キャッシュもクリアしたのですが
すみません

[komori0321]

キーマスター様

.vk_childPage #post-892.vk_post,
.vk_childPage #post-894.vk_post,
.vk_childPage #post-896.vk_post,
.vk_childPage #post-898.vk_post,
.vk_childPage #post-901.vk_post,
.vk_childPage #post-4331.vk_post,
.vk_childPage #post-3488.vk_post,
.vk_childPage #post-3491.vk_post {
display:none;
}
以上をcssに記載してみましたが、非表示になりません。
別方法のリダイレクトで対応したほうがいいでしょうか？
できれば非表示のほうがありがたいのですが？
すみませんよろしくお願いいたします

[Vektor,Inc]

確認ですが子ページはどの方法で表示していますか？
VK Blocks Pro の子ページブロック以外の方法（ ExUnitの子ページインデックス？ ）でしょうか？

[komori0321]

キーマスター様

１、カスタマイズ→ウィジエット→モバイルナビ下部でVK子ページリストを
選択しています。
２、サイドバー下部にも表示していますが、いつからかカスタマイズでウィジエットの編集ボタンが表示されなくなり（UPデート後?）。ウィジエットのサイドバー下部からVK子ページリストを外すこともできなくなりました。（現在外すことはないのですが、リストは１と同様の表示です）

有効設定でVK子ページリストを無効にすると、ウィジエットからVK子ページリストがなくなります
が保存後もサイドバーの子ページリスト表示はされたままです

＞ ExUnitの子ページインデックス？
子ページの一覧表示のことでしょうか？
ではないと思います

よろしくお願いします

[DRILL LANCER]

カスタマイズ→ウィジエット→モバイルナビ下部で VK 子ページのリスト

下記コードで非表示にできると思います。

.veu_childPages .page-item-892,
.veu_childPages .page-item-894,
.veu_childPages .page-item-896,
.veu_childPages .page-item-898,
.veu_childPages .page-item-901,
.veu_childPages .page-item-4331,
.veu_childPages .page-item-3488,
.veu_childPages .page-item-3491 {
	display:none;
}

サイドバー下部にも表示していますが、いつからかカスタマイズでウィジエットの編集ボタンが表示されなくなり（UPデート後?）。ウィジエットのサイドバー下部からVK子ページリストを外すこともできなくなりました。（現在外すことはないのですが、リストは１と同様の表示です）

有効設定でVK子ページリストを無効にすると、ウィジエットからVK子ページリストがなくなります
が保存後もサイドバーの子ページリスト表示はされたままです

外観 ＞ カスタマイズ ＞ ウィジェット から編集可能なウィジェット数に限りがあるので、外観　＞　ウィジェットから編集してみてください。

[komori0321]

キーマスター様

お世話になります
＞外観 ＞ カスタマイズ ＞ ウィジェット から編集可能なウィジェット数に限りがあるので、外観　＞　ウ＞ジェットから編集してみてください。
→こちらでもサイドバー（共通）にVK子ページリストが見当たりません
本来共通なので、モバイルにもリストが表示されるはずなのですが、モバイルにはにはリスト表示されていません（モバイルはモバイルナビ下部でVK子ページリストで設定）

＞下記コードで非表示にできると思います。
→下記1ページ（1行）でも試しましたが、表示されたままです
モバイルナビ下部でVK子ページリストで設定したリストと、サイドバーのリストどちらも表示されて変化なしです
.veu_childPages .page-item-892, {
display:none;
}

何か見るところがあればご指示ください
すみませんよろしくお願いしまうS

[DRILL LANCER]

こちらでもサイドバー（共通）にVK子ページリストが見当たりません
本来共通なので、モバイルにもリストが表示されるはずなのですが、モバイルにはにはリスト表示されていません（モバイルはモバイルナビ下部でVK子ページリストで設定）

サイドバー（固定ページ）が空の状態で固定ページを表示したときに VK 子ページのリスト と同等のリストが自動的に表示されます。
サイドバー（固定ページ）に VK 子ページのリスト を設置すれば反映されると思います。

あと、CSSを適用しても反映されないのは下記キャッシュの影響が濃厚です。

• CDN ( Cloudflare Cloudfront 等 )
• プラグイン
• サーバー
• ブラウザ

.veu_childPages .page-item-892, {
	display:none;
}

上記コードは.page-item-892の後の,が余計です。

P.S.
私はキーマスターではありません。一般の参加者です。

[komori0321]

LANCER様

助言ありがとうございます

＞上記コードは.page-item-892の後の,が余計です。
→すみません。コピーミスです
念のため再度試しましたが変化ありません

＞サイドバー（固定ページ）が空の状態で固定ページを表示したときに VK 子ページのリスト と同等のリス＞トが自動的に表示されます。
＞サイドバー（固定ページ）に VK 子ページのリスト を設置すれば反映されると思います。
→設置すると、追加で表示されます、モバイルにも追加され、2重に表示されます
尚、追加した分も非表示にはなりません。

＞あと、CSSを適用しても反映されないのは下記キャッシュの影響が濃厚です。
→キヤッシュには十分注意していますが、外しての変わりないようです
ブラウザーによる違いもなさそうです

お手数をおかけします

[石川＠Vektor,Inc.]

VK 子ページリストウィジェットの事だったのですね。
私の環境では下記のコードで確認した限り問題なく動作しました。

.veu_childPages .page-item-** {
	display:none;
}

設置すると、追加で表示されます、モバイルにも追加され、2重に表示されます
尚、追加した分も非表示にはなりません。

標準テンプレートではウィジェットを追加したら元のページリストは非表示になるので、
ページのテンプレートをカスタマイズしていますか？

あと、下記参照すると、セレクタの何が間違っているのか確認できると思います。

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

[komori0321]

キーマスター様

お世話になります
何度もありがとうございます
.veu_childPages .page-item-892 {
display:none;
}

上記で記載しましたが、変化はなく、表示されたままです

＞標準テンプレートではウィジェットを追加したら元のページリストは非表示になるので、
＞ページのテンプレートをカスタマイズしていますか？
→テンプレートのカスタマイズは全くしていません

よろしくお願いします」

[komori0321]

キーマスター様

お世話になろいます
下記のpage-item-892・page-item-894 （986,他）を非表示にしたいのですが
下記の情報で記載方法をご指導いただくことは可能でしょうか？

お手数かけます
いろいろ試したのですがうまくいきません
よろしくお願いします

<body class=”page-template-default page page-id-894 page-child parent-pageid-892 post-name-product-typet post-type-page fa_v5_css sidebar-fix bootstrap4 device-pc mobile-fix-nav_add_menu_btn mobile-fix-nav_enable scrolled header_scrolled”><div class=”section siteContent siteContent-base-on” style=”height: auto !important;”><div class=”container” style=”height: auto !important;”><div class=”row” style=”height: auto !important;”><div class=”col subSection sideSection sideSection-col-two baseSection sideSection-base-on” style=”height: auto !important;”><aside class=”widget widget_child_page widget_link_list”><nav class=”localNav”>

<li class=”page_item page-item-892 page_item_has_children current_page_ancestor current_page_parent”><ul class=”children”><li class=”page_item page-item-894 current_page_item”>ERAZER ER-TypeT

</nav></aside></div></div></div></div></body>
</html>

[投稿者]

投稿