[DRILL LANCER]

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

院長ご挨拶

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

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

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

[DRILL LANCER]

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

• この返信は4年、 6ヶ月前に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年、 6ヶ月前に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年、 6ヶ月前にDRILL LANCERが編集しました。

[DRILL LANCER]

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

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

• この返信は4年、 6ヶ月前に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 のバージョンが古すぎて身動きがとれない場合は手動更新も試してみてください。

[DRILL LANCER]

お使いの サーバーの PHP のバージョンはいくつですか？
現在の WordPress の最新バージョンが 5.3.2 です。

最新の WordPress が稼働するには最低でも PHP 5.6 が必要で、そのうち PHP 7.0 以上が必要になるそうです。

PHP 最低必須バージョンの変更

この機会に PHP、WordPress、プラグインを最新にしてはいかがでしょうか？
その際は下記記事が参考になると思います。

安全にPHPをバージョンアップするための基本手順

[DRILL LANCER]

VK Blocks のボタンでは隙間ができますが、WP コアのボタンでは隙間ができないようです。
下記 CSS で共通のマージンを与えるか、各カラムの最下部にレスポンシブスペーサーを配置してみてください。

@media (max-width: 599px) {
	.wp-block-column {
			margin-bottom: 40px;
	}
}

あと、CSS を変更したあとは、各種キャッシュの削除を忘れないようにしてください。

• CDN
• プラグイン
• サーバー
• ブラウザ

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

[DRILL LANCER]

似たようなトピックとして下記が挙げられます。

2カラム以上で、縦並びになると上下のカラムがくっつく

現状だと、各カラムブロック内の最下部にレスポンシブスペーサーを置くか、
下記のような CSS で対応するかで各自で対応するしかないのが現状のようです。
※私は開発者ではなく一般の利用者です。

.wp-block-column {
	margin-bottom:1em;
}

[DRILL LANCER]

私は使ったことがないのですが、「Really Simple SSL」を使うと簡単に SSL 対応ができるようです。

[投稿者]

投稿