対馬 俊彦
フォーラムへの返信
-
投稿
-
たしかに、Lightning に限らず、最近の WordPress テーマで作ったサイトを 4K ディスプレイのような特に大きな画面で見るとページヘッダーが大きすぎてアンバランスですよね。
私も気になっていましたが、たいていどこのサイトもそうだし、お客様から要望されたこともないので、まぁそんなものか…と思っていました。
とりあえず、以下の CSS を追加すればページヘッダーがコンテナと同じ幅になります。
.siteHeader, .page-header, .breadSection { max-width: 1140px; margin: 0 auto; }ただし、「ひと昔前」感が出てしまいます。(個人的意見？)
以下のようにメディアクエリを使って、フルHD(1920px)くらいまでは全幅で表示するのがよさそうです。
@media (min-width: 2500px) { .siteHeader, .page-header, .breadSection { max-width: 1140px; margin: 0 auto; } }横からすみません。
functions.php に以下のコードを追加すれば、
標準の投稿でページヘッダーとパンくずリストを非表示にする(出力しない)ことができます。// 投稿にページヘッダーを表示しない add_filter( 'lightning_is_page_header', function(){ if ( 'post' === get_post_type() ){ return false; } else { return true; } } ); // 投稿の前のパンくずリストを表示しない add_filter( 'lightning_is_breadcrumb', function(){ if ( 'post' === get_post_type() ){ return false; } else { return true; } } );SEO の観点からパンくずリストはあった方がよさそうですが、
以下のコードを追加して投稿の後にパンくずリストを表示できます。// 投稿の後にパンくずリストを表示する function my_show_breadcrumb(){ if ( 'post' === get_post_type() ){ VK_Breadcrumb::the_breadcrumb(); } }; add_action ( 'lightning_main_section_append', 'my_show_breadcrumb');'post'の部分を書き換えればカスタム投稿タイプでも使えます。ページヘッダーを非表示にすると、投稿のタイトルまで非表示になってしまうので
Lightning ページヘッダー設定 → 投稿 で、表示要素を 投稿タイプ名 にすれば、
ページヘッダーを非表示にしても投稿のタイトルを表示できます。Lightning Pro はカスタマイズ画面でスライドショーを繰り返さないように設定することができませんが、以下のどちらかの方法でご希望の動きにすることはできます。
1. テンプレートファイルに手を加える方法
2. VK Blocks Pro のスライダーに置き換える方法 (こちらがおすすめ)■ ■ ■ 1. テンプレートファイルに手を加える方法 ■ ■ ■
デザインスキン Origin II をお使いの前提で書きます。
このやり方はテーマのアップデートにより問題が起きる可能性があります。
問題が起きた場合は同様の作業をまた行えばよいですが、この将来的なリスクに対応できるか不安であればやめておくのが無難です。親テーマの /wp-content/themes/lightning-pro/template-parts/slide-bs4.php を子テーマの template-parts フォルダーにコピーして、このファイルの23行目を以下のように書き換えます。
子テーマを使っていなければ、直接親テーマのファイルを書き換えればよいですが、バックアップはとっておいた方がいいです。
【変更前】
<div id="top__fullcarousel" data-interval="<?php echo $interval; ?>" class="carousel slide slide-main<?php echo $effect; ?>" data-ride="carousel">【変更後】
<div id="top__fullcarousel" data-interval="<?php echo $interval; ?>" class="carousel slide slide-main<?php echo $effect; ?>" data-ride="carousel" data-wrap="false">【変更点】
オプション data-wrap=”false” を追加している。■ ■ ■ 2. VK Blocks Pro のスライダーに置き換える方法 ■ ■ ■
スライドショーを非表示にして、代わりに VK Blocks Pro のスライダーを置きます。
VK Blocks Pro のスライダーは繰り返しを する・しない の指定ができます。
添付画像をご参照ください。VK Blocks Pro のスライダーの使い方はこちら。
私のサイトでも同じ現象が起きますので、不具合だと思います。
ベクトルさんがアップデートで修正してくれると思いますが、
とりあえず以下の手順で不具合を回避できます。- 標準色の中から文字の色を選ぶ。
- カスタムカラーを指定する。
ご回答、ありがとうございます。
無料版を削除しておきます。
Pale がアップデートされて、ヘッダーの電話番号とお問い合わせボタンの部分のスタイルが以下のように変わっています。
.siteHeader_sub { float: right; display: flex; width: 70%; ※ justify-content: flex-end; ※ }アップデートにより ※ の部分が追加されています。(Pale 7.0.8 のサイトにはこの2行がありません)
以下のどれかひとつを行えば、元通りに横に並んで表示されると思います。
- CSS に
.siteHeader_sub { width: unset; }を追加する。 - CSS に
.siteHeader_sub { width: **%; }を追加する。(** の部分を調整) - ヘッダーロゴ画像を縦横比を変えて作り直す。(幅を小さくする方向で)
ご質問者のサイトの状況が以下の URL に書かれている内容とよく似ています。
【WordPress】ある日突然、ダッシュボードが「403 Forbidden」の対処法⇒.htaccessが改ざんされた可能性あるので修正する
サイトが改ざんされている可能性があるので、上記の URL を参考に確認されるとよいと思います。
下記のトピックを参考にして子テーマを作ってみてください。
スクロールしても、body タグに scrolled header_scrolled というクラスが付与されていません。
この原因を突き止めれば、解決に近づくと思います。
とりあえず、プラグインをひとつずつ無効化して確認してみたらよさそうです。
挿入アイテムの設定 → HTMLサイトマップの表示
で表示されるサイトマップのことだと理解して、その前提で回答します。サイトマップに追加したいものが多くなければ、
ベクトルさんの VK Link Target Controller をインストールすればよいと思います。ダミーの固定ページを作って、リダイレクト用 URL にサイトマップに追加したい URL を指定すればいいです。
この方法を使うと、サイト外の URL とか PDF ファイルなどもサイトマップに追加できます。
私もロリポップで運営しているサイトがあるので、試してみたところ、同じエラーが起きました。
私が試した範囲では、エラーが起きる条件は以下の3つです。
- ロリポップのハイスピードプランを使用
- カスタム投稿タイプを編集
- Outer ブロックに背景画像(モバイル)を設定
ロリポップのスタンダードプランではこのエラーが起きません。
ハイスピードプランでも固定ページであればこのエラーは起きません。
とりあえずの対策としては、WAF を無効にすればエラーが起きずに更新できます。
WAF の誤検出が原因と思われますが、ハイスピードプランはチューニングでエラーを回避できないので、そのうちにエラーが起きなくなることを期待して、毎回 WAF を無効に切り換えて作業を行うしかないと思います。
気になるのが、UI画面での背景画像（モバイル）設定の時、「背景画像背景画像 ( モバイル )」と表示される事です。
これはなにかのバグでしょうか…。私の画面もそのようになっています。
たぶん、これは単なるタイプミスで、今回のエラーとは関係なさそうです。
更新に失敗しました。返答が正しい JSON レスポンスではありません。
以前、このエラーに遭遇したことがあります。
そのときの作業メモによると、「すべてのプラグインをいったん停止して、再度有効化したらエラーが解消された」とあります。サーバーの WAF が原因で起きることもあります。
WAF の設定を見直せば解決するかもしれません。それから、私は Lightning Pro と G3 Pro Unit の同時使用はできないと思っていました。
もしかしたら、以下のどちらかで解決するかもしれません。- Lightning Pro 8.10.2 の代わりに Lightning 14.3.6 を使う。
- Lightning G3 Pro Unit を無効化する。
上付きにしたい文字が登録商標マークだけという前提で回答します。
カスタマイズ → Lightning フォント設定 でフォントを変更すればご希望の見え方になると思います。
たぶん
<sup>タグをお使いだと思いますが、そのタグは不要になります。上付き文字 について詳しくお聞かせいただく方がよさそうです。
できれば図示か例示をしていただくと回答を得られやすいと思います。私は ㎥ (立方メートル) の 3 みたいなことなのかと思いました。
ワープロで上付き文字はこのことを指すので。
でもなにか違う気もします。参考情報です。
私の G3 サイトで試してみたところ、
提示されたのと同じ CSS で「目次」が「Contents」に置き換わっています。
