[DRILL LANCER]

外観 ＞ カスタマイズ ＞ Lightning 機能設定 で PR コンテンツ ウィジェット を停止 にチェックが入っていませんか？

そのうち廃止される可能性のある機能のようで、上記該当設定の説明文に「プラグイン VK Blocks の Outer ブロックと PR Content ブロックで同様の事ができます。」とも書かれているのでこちらで対応してはいかがでしょうか？

P.S.
私は一般の参加者に過ぎないので、Lightning の今後の行く末はわからないのでその点はご了承ください。

[DRILL LANCER]

それは下記 CSS で対応可能と思われます。

.page-header .page-header_pageTitle {
    font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,sans-serif;
}

CSSの記述場所は下記から選択してください。

• 子テーマ の style.css
• 外観 ＞ カスタマイズ ＞ 追加CSS
• ExUnit ＞ CSS カスタマイズ

[DRILL LANCER]

私の環境（詳細は下記）では普通に反映されました（１枚目：明朝体、２枚目：游ゴシック）。
下記を試してみてください。

• キャッシュプラグインや CDN を使用している場合はそのキャッシュを削除してみる
• ブラウザのキャッシュを削除してみる
• 普段使用しない別のブラウザで閲覧してみる

【私の環境】
サーバー：XAMPP 7.4.1
PHP：7.4.1
WordPress：5.3.2
Lightning Pro: 3.0.4
Lightning Skin JPNSTYLE: 3.4.1

Attachments:

You must be logged in to view attached files.

[DRILL LANCER]

設定 ＞ 表示設定 から ホームページの表示 を変更して保存するとどうなりますか？
あと、外観 ＞ カスタマイズ ＞ Lightning デザイン設定 の最下部にある画像の部分の設定を確認してみてください。

Attachments:

You must be logged in to view attached files.

[DRILL LANCER]

下記状況で説明させていただきます。

• トップページの URL が https://example.com
• 「実績の投稿タイプ名（データベースに登録するために識別子）」が works_b

1. 外観 ＞ メニューと進みます。
2. 「編集するメニューを選択」の部分で Header Navigation にしているメニューを選択
3. 左側の「メニュー項目を追加」から「カスタムリンク」を選択
4. URL欄に https://example.com/works_b リンク文字列に 制作実績 を記入して 追加 をクリック
5. デモサイトのように 下部の説明を入れたい場合は画面上部の 表示オプション から 説明 を有効化
6. 画面右にある 制作実績 ののボックスの説明欄に説明を記入
7. 最後に メニューを保存 をクリック

上記のようにすればできると思います。

[DRILL LANCER]

PHP 5.6.40 は流石に古すぎるのでさくらサーバー側でもそのうちサポート対象外になると思います。
WordPress の公式でも PHP 7.3.0 以上を推奨しています。
下記記事を参考に PHP のバージョンを上げたあと、WordPress と Lightning Pro のバージョンを最新版にしてみてください。

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

P.S.
私は下記環境で試しましたが正常に反映されています。
サーバー：XAMPP 7.4.1
PHP 7.4.1
WordPress 5.3.2
Lightning Pro 3.0.4

[DRILL LANCER]

子テーマの functions.php に下記コードを追記すると全ページが１カラムになります。
テンプレートによってはサイドバーが下に回り込みます
※Lightning Pro 3.0.4 / Lightning 8.0.4 以降で有効です。

function one_column_all( $onecolumn ) {
	if ( is_front_page() || is_home() || is_archive() || is_singular() || is_search() || is_404() ) {
		$onecolumn = true;
	}
	return $onecolumn;
}
add_filter( 'lightning_is_layout_onecolumn', 'one_column_all' );

サイドバーを完全に消去したい場合は 子テーマの style.css に下記コードを追記すると可能です。

.sideSection {
	display:none;
}

[DRILL LANCER]

下記 CSS コードを変更したものを子テーマの style.css に追記すれば反映されると思います。

a {
	color: #337ab7;
}

a:hover {
	color: #337ab7;
}

a:visited {
	color: #337ab7;
}

[DRILL LANCER]

Lightningのデザインカスタマイズ設定で、H2に薄い灰色を使用していますが

上記が出力する CSS の方が class 一つ分強いので効いていないようです。

.entry-body h2 {
    line-height: 1.3;
    padding: 0.6em 4em 0.5em!important;
    background-color: white!important;
}

というようにすると解決できると思います。

[DRILL LANCER]

スキンは何をお使いですか？
私が試したところ II シリーズならどれでもOKなようでしたが・・・
下記ページの動画を参考にベースセクション設定機能を試してみてください。

【重要】Lightning Pro 3系 / Lightning 8系アップデートにおける注意点

[DRILL LANCER]

今現在、フッターウィジェットエリア2に｢VK お問い合わせ情報｣を
設定しているのですが、あまりこういった設定はしないものなのでしょうか？

今までトピックに上がってこなかった点から見るとあまりそういった使い方はされないようです。
なんとなく設置してみた→デザインが崩れた→じゃあやめよう
という感じで断念する方が多かったのかもしれませんが・・・

[DRILL LANCER]

サイドバーが必要なのか不要なのかはっきりとした回答を頂いておりませんので、
サイドバーは不要という前提で #30176 のコードを編集してみました。

.sideSection {
	display: none;
}

.mainSection-col-two {
	float: none;
	margin:0 auto;
	width: 100%;
}

@media (min-width: 992px) {
	.mainSection-col-one,
	.mainSection-col-two {
		max-width:730px;
		margin: 0 auto;
	}
}

@media (min-width: 1200px) {
	.mainSection-col-one,
	.mainSection-col-two {
		max-width:730px;
		margin: 0 auto;
	}
}

[DRILL LANCER]

右側の空白部分にはサイドバーが設置されるのですが、サイドバーは不要という解釈でよろしいでしょうか？
その場合、下記コードを適用すれば解決できると思います。

.sideSection {
	display: none;
}

.mainSection-col-two{
	float: none;
	margin:0 auto;
	width: 100%;
}

@media (min-width: 1200px){
	.mainSection-col-two{
		max-width:980px;
	}
}

[DRILL LANCER]

デザインスキン Frot Ⅱ Bootstrap4を設定すると
コピーライト部分のグレーの背景色が全幅になりません。

Fort II では下記コードを使用することで解決可能です。

.copySection {
	border-top: none;
	max-width: unset;
	background: #717071;
	padding: 20px;
}

因みに下記の違いがよくわかりません。

• Frot Ⅱ Bootstrap4
• Frot Ⅱ （Bootstrap4/footer light）表示保証外

フッターメニューとフッター部分(デフォルトだと３列表示)の背景色が黒っぽくなるか白になるかの違いがあります。

フッター部分に配置している会社情報の電話番号ボタンも位置がずれてしまいます。

「VK お問い合わせ情報」ウィジェットをサイドバーのような狭いエリアに設置するのは開発者側の想定外だったと思います。

ペールのように電話番号、問い合わせ番号を設置したい

しかし、一応下記コードでそれなりに体裁が整うと思います。

.siteFooter .sectionBox .veu_contact .contact_txt {
	float: none;
	text-align: center;
}
.siteFooter .sectionBox .veu_contact .contact_bt {
	float: none;
}

※私は開発者ではなくあくまでも利用者側の一人なので悪しからず。

[DRILL LANCER]

前回は１カラムのテンプレートを使用時に記事部分の幅を 980px にしたいという解釈でコーディングをしたので、あのようなコードになりました。

しかし、今回はサイト全体の幅を最大 980px にしたいということのようなので前回のコードは無用となります。

前回のコードを削除し、下記コードを適用することで実現可能になります。

@media (min-width: 1200px) {
	.siteHeadContainer.container .navbar-header,
	.gMenu_outer nav,
	.container{
		max-width:980px;
	}
}

前回と同じで Fort II 適用時に動作確認しました。

P.S.
この解釈が間違っているようならもっと詳しく説明をお願いします。

[投稿者]

投稿