DRILL LANCER
フォーラムへの返信
-
投稿
-
VK All in One Expansion Unit の翻訳ファイルが破損している可能性があるので、
VK All in One Expansion Unit を一旦削除して再インストールしてみてください。WordPress の管理画面 から ダッシュボード ＞ 更新 と進んだときに翻訳の更新とかありませんか？
VK All in One Expansion Unit のバージョンは最新版である 9.15.5.0 ですか？
CDN・プラグイン・サーバー・ブラウザのキャッシュの削除は完璧ですか？あまり時間をかけてもアレなので、最終手段に出ます。
下記コードを追加すると下記両方を非表示になります。- VK 子ページのリスト
- デフォルトの子ページリスト
.widget_child_page .page-item-892, .widget_child_page .page-item-894, .widget_child_page .page-item-896, .widget_child_page .page-item-898, .widget_child_page .page-item-901, .widget_child_page .page-item-4331, .widget_child_page .page-item-3488, .widget_child_page .page-item-3491, .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; }私は bootstrap のに搭載されたものを使用していて、VK Block Pro は独自に定義されたクラスを使用しています。
bootstrap の方では !important がついており、VK Block Pro はついていないため私のほうが強くなるのは現状での仕様です。また、私が干渉している部分はウィジェット全体であり、VK Block Pro + VK 固定ページ本文 が干渉しているのは中身の部分です。
例えば私のコードだとウィジェットのタイトルを消せますが、VK Block Pro + VK 固定ページ本文 の場合はウィジェットのタイトルは残ると思います。
- ウィジェットをまるごと消したいのであれば私のコードで非表示
- ウィジェットの中身の一部分を消したいのであれば VK Block Pro + VK 固定ページ本文 を使用
というわけで、併用＆使い分けは一応可能です。
私のコード と VK Block Pro + VK 固定ページ本文 を併用した例
<!-- ウィジェットの HTML 開始 --> <!-- 私はここで表示・非表示を制御 --> <div class="d-block d-sm-none d-md-block d-lg-none d-xl-block widget widget_pudge" id="pudge-7"> <div id="widget-page-2270" class="widget_pageContent entry-body"> <!-- 固定ページ本文開始 --> <!-- VK Blocks Pro の表示・非表示の制御領域開始 --> <!-- 私の設定項目で非表示の場合は問答無用で表示されない --> <p style="color:#ffffff" class="has-text-color has-background has-text-align-center has-vivid-red-background-color vk_hidden-xl vk_hidden-lg vk_hidden-md vk_hidden-sm">xs</p> <p style="color:#ffffff" class="has-text-color has-background has-text-align-center has-luminous-vivid-orange-background-color vk_hidden-xl vk_hidden-lg vk_hidden-md vk_hidden-xs">sm</p> <p style="color:#ffffff" class="has-text-color has-background has-text-align-center has-luminous-vivid-amber-background-color vk_hidden-xl vk_hidden-lg vk_hidden-sm vk_hidden-xs">md</p> <p style="color:#ffffff" class="has-text-color has-background has-text-align-center has-light-green-cyan-background-color vk_hidden-xl vk_hidden-md vk_hidden-sm vk_hidden-xs">lg</p> <p style="color:#ffffff" class="has-text-color has-background has-text-align-center has-pale-cyan-blue-background-color vk_hidden-lg vk_hidden-md vk_hidden-sm vk_hidden-xs">xl</p> <!-- VK Blocks Pro の表示・非表示の制御領域終了 --> <!-- 固定ページ本文終了 --> </div> </div> <!-- ウィジェットの HTML 終了 -->記事のほうを修正しておきました。
私のコードの方の原因はやはり d-xs-none → d-none で d-xs-none が存在しないことのようでした。また Bootstrap 4 が提供する下記 CSS に対し
.d-block { display: block!important; } .d-none { display: none!important; } @media (min-width: 576px) { .d-sm-block { display: block!important; } .d-sm-none { display: none!important; } } @media (min-width: 768px) { .d-md-block { display: block!important; } .d-md-none { display: none!important; } } @media (min-width: 992px) { .d-lg-block { display: block!important; } .d-lg-none { display: none!important; } } @media (min-width: 1200px) { .d-xl-block { display: block!important; } .d-xl-none { display: none!important; } }下記のような HTML を出力するので問題ないと思います。
<div class="d-block d-sm-none d-md-block d-lg-none d-xl-block widget widget_pudge" id="pudge-8">つまり、現在の
非表示 ( 画面サイズ : xs )はどこにも機能せず、現在の非表示 ( 画面サイズ : all )が非表示 ( 画面サイズ : xs )として機能するようです。明日にでも記事を修正しておきます。
P.S.
500 円/月 or 1000 円/月 くらいのサブスクリプションプランで記事で紹介した内容をプラグイン化することも検討中です。こちらでもサイドバー（共通）にVK子ページリストが見当たりません
本来共通なので、モバイルにもリストが表示されるはずなのですが、モバイルにはにはリスト表示されていません（モバイルはモバイルナビ下部でVK子ページリストで設定）サイドバー（固定ページ）が空の状態で固定ページを表示したときに VK 子ページのリスト と同等のリストが自動的に表示されます。
サイドバー（固定ページ）に VK 子ページのリスト を設置すれば反映されると思います。あと、CSSを適用しても反映されないのは下記キャッシュの影響が濃厚です。
- CDN ( Cloudflare Cloudfront 等 )
- プラグイン
- サーバー
- ブラウザ
.veu_childPages .page-item-892, { display:none; }上記コードは
.page-item-892の後の,が余計です。P.S.
私はキーマスターではありません。一般の参加者です。スキンは Origin II ですか？ JPNSTYLE II ですか？
JPNSTYLE II の場合は管理バーの影響で私の環境でもずれの発生を確認しました。サーバー：XAMPP 7.4.4
サーバーエンジン：Apache 2.4.43
PHP：7.4.4
Lightning Pro: 4.4.1
Lightning Skin JPNSTYLE：5.1.3
VK All in One Expansion Unit：9.15.5.0
VK Blocks Pro：0.26.3カスタマイズ→ウィジエット→モバイルナビ下部で 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子ページリストがなくなります
が保存後もサイドバーの子ページリスト表示はされたままです外観 ＞ カスタマイズ ＞ ウィジェット から編集可能なウィジェット数に限りがあるので、外観 ＞ ウィジェットから編集してみてください。
私が使っている子テーマは下記に公開しているので参考にしてみてください。
https://github.com/drill-lancer/lightning-pro-child.htaccess ファイルがおかしくなっているような気がします。
.htaccess ファイルを削除してから パーマリンクの更新をしてみてください。それでだめなら最初から構築し直したほうが早いかもしれません。
参考サイト
タイミングが遅かったようですが、LIQUID PRESS が似たようなことを実装していたので応用して作ってみました。
P.S.
ブロックの整備が進めばブロックで固定ページに作成してその固定ページをウィジェットに配置する運用でカバーできるようになる。
この方法だと before_widget に定義した div タグ に
display:noneがつかないので中途半端になりそうな気がします。
