[DRILL LANCER]

ノーコーディングでは現状不可能です。（ウィジェットが対応していないため）
コーディングする場合、アルゴリズム的には下記のようになります。

1. WP Query で絞り込み条件を指定（その後、 $the_query に格納したとする）
2. フックでループを改変するを参考にレイアウトを設定する
3. VK_Component_Posts::the_loop( $the_query, $options, $options_loop );を実行する

[DRILL LANCER]

サイトを拝見したところ Lightning Skin Pale のバージョンが 4.0.0 と古いようでした。
Lightning Skin Pale の最新バージョンは 5.1.5 なので更新すると解決すると思います。

[DRILL LANCER]

使用スキンが Origin II の場合は下記 CSS で行けると思います。
（メニューはあえて段落ちさせて中央に寄せています。）

@media (min-width: 1200px) {
	.gMenu,
	.gMenu_outer {
		float: none;
		right: unset;
		margin-left: auto;
		margin-right: auto;
	}
	.siteHeader_logo {
		float: none;
	}
	.navbar-header {
		text-align: center;
	}
}

違う場合は使用スキンとそのバージョンを提示してください。

[DRILL LANCER]

データベースの更新をする必要があるかもしれません。
その際は下記が参考になると思います。

WordPress の引越し

All in One WP Migration か 記事のエクスポート機能で記事のバックアップが取れる場合はバックアップを取った上でデータベースを phpMyAdmin で初期化してから再構築するというのも手かもしれません。

[DRILL LANCER]

公式の Pale のデモサイトでも同じ現象が起きますか？

院長ご挨拶

公式の Pale のデモサイトの組み合わせは下記の通りです。
WordPress 5.3.2
Lightning Pro 4.0.8
Lightning Skin Pale 5.1.5
使用スキン Pale II

P.S.
ウィンドウ幅が狭いときに文字が画像を回り込むのはあえてそうなるようにしているので仕様と思われます。

• この返信は4年、 8ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

カスタム HTML ブロック で Lightning にビルトインされた Bootstrap のグリッドシステムを使ってマークアップするという手もありますが、Origin III ( Bootstrap 5 対応版 ) とかが出たときに編集し直す必要が出てくる可能性があるのであまりおすすめしません。

• この返信は4年、 8ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

VK Blocks Proの「カード」の様に、ブレイクポイントで自由にカラム数を設定できるカラムブロックがあれば嬉しいですが。

現状だと Ghost kit の グリッドブロックが Bootstrap のグリッドシステムと同じ感じなのでそれを使うのが手っ取り早いような気がします。

それが嫌なら CSS で対応するよりなさそうです。。

[DRILL LANCER]

1. WordPress のダッシュボード から ExUnit → ExUnit と進みます。
2. 下の方にある「メタキーワードを出力」のチェックボックスをONにします。
3. 「変更を保存」をクリックします。
4. 同画面の「メタキーワードを出力」の列に「設定」が表示されるのでそれをクリックします。
5. 設定画面でキーワードを入力したあと「変更を保存」をクリックすると完了です。

[DRILL LANCER]

上手く解釈しきれていないのですが、私なりの解釈に基づいた回答をさせていただきます。

1)メインメニューにカーソルを合わせたときに色を変更し、なおかつ文字を白抜きしたい。

キーカラーの設定状況がよくわからないのですが、だいたい下記コードでいけるかと・・・

@media (min-width: 992px) {
	ul.gMenu a:hover,
	.gMenu > li[class*=current] {
		/*キーカラーに設定した色*/
		background-color: #2d5605;
	}
	
	nav ul.gMenu > li > a:hover .gMenu_description,
	nav ul.gMenu > li.current-menu-item > a .gMenu_description,
	ul.gMenu a:hover .gMenu_name,
	.gMenu > li[class*=current] .gMenu_name {
		color: #fff;
	}
}

2)フッターメニューでアクティブの前と後は白抜きにし、カーソルを合わせたときには白抜きのまま。アンダーラインをつけたい。

周囲の状況がよくわかりませんが、だいたい下記コードでいけるかと・・・

.widget_nav_menu .menu-footernavigation-container a {
	color:#fff;
}

.widget_nav_menu .menu-footernavigation-container a:hover {
	color:#fff;
	text-decoration:underline;
}

[DRILL LANCER]

「先祖階層からの子ページリスト表示」のチェックは外しても「先祖階層からの子ページリスト」は表示されなくなりましたが、下に白い枠が表示されてしまいます。

どのような状況なのかちょっとイメージが沸きません。
下記のどちらかをしていただけたらもう少しまともな回答をできると思います。

• 該当サイトの URL を掲載する
• 画像を交えて説明する

あくまで想像の範囲内ですが、おそらくキャッシュが影響していると思われます。
下記キャッシュを削除して再度確認してみてください。

• CDN （使用している場合）
• サーバー
• プラグイン（使用している場合）
• ブラウザ

ブラウザによってはブラウザキャッシュがしつこい場合があるので、普段使わない他のブラウザで確認したり、シークレットモードで確認すると良いかもしれません。

P.S.
VK Blocks Pro をお使いの場合は「子ページリスト」ブロックというものもありまして、それでも同様のことが可能です。

[DRILL LANCER]

ブログページ用の固定ページで記事一覧が表示されず、トップページが表示されてしまいます。
設定＞表示設定＞固定ページ＞投稿ページに固定ページに設定した投稿ページを表示しているですが、他にせってする場所ありますか？

１枚目の画像の場合、「フロントページ」がトップページになり、「ブログ」が投稿用記事一覧ページとなります。
「ブログ」はタイトルとパーマリンク（URLの一部）を提供するのみで、中身は一切反映されません。
なので「ブログ」ページの中身は空でもOKです。

「フロントページ」から「ブログ」へのリンクを貼るなり、メニューに「ブログ」へのリンクを貼ると親切だと思います。

また、固定ページの「子ページ一覧の表示」にチェックを入れてのですが、その子ページ一覧の下にまた子ページのリストが出てくるのですがどこで削除するのか分かりません。

• 子ページ一覧
• 子ページのリスト

この２つが同じものを指しているのかか違うものを指しているのかがはっきりしないのですが・・・

下記の両方にチェックが入っている場合は不要な方のチェックボックスを外すと良いでしょう。

• 子ページ一覧の表示
• 現在のページの先祖階層からの子ページリストを表示

「VK 固定ページ」ウィジェットで固定ページを呼び出している場合は、その固定ページと「ホームページ」に設定した両方の固定ページを確認してみてください。

• この返信は4年、 8ヶ月前にDRILL LANCERが編集しました。

Attachments:

You must be logged in to view attached files.

[DRILL LANCER]

ヘッダートップの右側（メニュー＆各種お問い合わせ）はモバイルナビ側で対処するとして、
キャッチコピーは私は下記 CSS を適用することで対応予定（←まだローカル環境でのテスト段階なので）です。

@media (max-width: 991px) {

	.headerTop {
		color: #666;
		background-color: #f9f9f9;
		margin-top: -7px;
		border-bottom: 1px solid #f3f3f3;
		display: block;
	}

	.headerTop .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: visible;
		margin: 0 auto;
	}

	.headerTop .headerTop_description {
		position: relative;
		top: 7px;
		display: block;
		margin: 0;
		padding: 7px 45px calc(7px + 7px);
		width: 100%;
		line-height: 1.4em;
		text-align: center;
		white-space: nowrap;
	}

	.headerTop nav,
	.headerTop_contactBtn {
		display: none;
	}

	.siteHeader .headerTop .container {
		padding: 0 15px;
	}
}

ヘッダーロゴが折り返さないのでキャッチコピーも折り返さないようにしています。
（上記コードに含まれる下記指定部分）

@media (max-width: 991px) {
	.headerTop .headerTop_description {
		white-space: nowrap;
	}
}

• この返信は4年、 8ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

「フッター上部」に該当 HTML を出力している「VK 固定ページ」ウィジェットが存在していませんか？

あるいは、設定 ＞ 表示設定 の 「ホームページの表示」が「固定ページ」になっていて、「ホームページ」に指定した記事が該当 HTML を吐き出しているかもしれません。

• この返信は4年、 8ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

ウィジェットの「VK ボタン」ではなくVK Block の ボタンブロック + VK 固定ページウィジェット という組み合わせは取れませんか？

VK Block の ボタンブロック は UI でカスタムカラーを指定可能なので簡単に変更可能です。
（詳細は unako さんの方法で）

「VK ボタン」ウィジェットにこだわりたい場合は

.btn.btn-primary {
    background-color: #337ab7;
    border-color: #337ab7;
}

のように用意された選択肢の中で不要な色を上記のように上書きするよりなさそうです。

[DRILL LANCER]

WordPress or PHP のバージョンが古すぎて身動きがとれない場合は手動更新も試してみてください。

[投稿者]

投稿