[DRILL LANCER]

私は 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 終了 -->

[DRILL LANCER]

記事のほうを修正しておきました。
私のコードの方の原因はやはり 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">

[DRILL LANCER]

単体ではなく、記事で紹介したものをすべてひっくるめたものを考えています。
単品でプラグイン化するつもりはありません。

[DRILL LANCER]

つまり、現在の非表示 ( 画面サイズ : xs )はどこにも機能せず、現在の非表示 ( 画面サイズ : all )が非表示 ( 画面サイズ : xs )として機能するようです。明日にでも記事を修正しておきます。
P.S.
500 円/月 or 1000 円/月 くらいのサブスクリプションプランで記事で紹介した内容をプラグイン化することも検討中です。

[DRILL LANCER]

おそらく原因はこれですね。

Display property

d-xs-none や d-xs-block は存在せず、d-none や d-block がこれに相当するようです。

[DRILL LANCER]

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

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

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

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

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

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

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

[DRILL LANCER]

スキンは 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

ＰＣ表示時のページヘッダーの高さを調整

[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子ページリストがなくなります
が保存後もサイドバーの子ページリスト表示はされたままです

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

[DRILL LANCER]

私が使っている子テーマは下記に公開しているので参考にしてみてください。
https://github.com/drill-lancer/lightning-pro-child

[DRILL LANCER]

.htaccess ファイルがおかしくなっているような気がします。
.htaccess ファイルを削除してから パーマリンクの更新をしてみてください。

それでだめなら最初から構築し直したほうが早いかもしれません。

参考サイト

• 「500 Internal Server Error」の原因と解決方法
• PHPの500エラーを解消させる！原因の最短解説

[DRILL LANCER]

タイミングが遅かったようですが、LIQUID PRESS が似たようなことを実装していたので応用して作ってみました。

画面サイズでウィジェットの表示・非表示を切り替える方法

P.S.

ブロックの整備が進めばブロックで固定ページに作成してその固定ページをウィジェットに配置する運用でカバーできるようになる。

この方法だと before_widget に定義した div タグ に display:none がつかないので中途半端になりそうな気がします。

[DRILL LANCER]

「記事編集画面の抜粋欄」とはどちらの部分でしょうか。申し訳ございませんが、再度教えて頂けますか。

抜粋は画像の位置にあります。

また、タイトルの上に添付のようなメッセージはどういう意味でしょうか。

WordPress は記事編集画面を開いている間その内容を一定周期で自動保存するようになっています。
記事を投稿した後も編集画面を開いていれば自動保存がされるので、自動保存されたものが投稿時のものより新しいということです。
気になるならあえて気にせずに更新を押してみましょう。（奇妙な変更がなされたものが自動保存されていたら大変なので）。

Attachments:

You must be logged in to view attached files.

[DRILL LANCER]

Not Found The requested URL was not found on this server.

これは 404 エラー なのでパーマリンクの更新で解決する可能性が高いです。
あとは、ブラウザのキャッシュの影響がありそうなので別のブラウザで確認してみてください。

[DRILL LANCER]

該当の真っ白なエリアは抜粋を表示するエリアで、抜粋がない場合は本文の一部が代わりに表示されます。

おそらく、該当記事の記事編集画面の抜粋欄に何らかの目に見えない文字（半角スペース・全角スペース）が入力されていてそれが抜粋を表示する部分に反映されているのだと思われます。

[DRILL LANCER]

404 エラー（ページが見つからない）ならわかるのですが 403 エラーなので・・・
404 で有効で 403 で有効かどうかはわかりませんが・・・
ダメ元で 設定 ＞ パーマリンク設定 からパーマリンクを更新してみてください。

[投稿者]

投稿