対馬 俊彦
フォーラムへの返信
-
投稿
-
いまお使いの Lightning Pro は第2世代の Lightning で、
第3世代の Lightning 用の Lightning G3 Pro Unit と組み合わせて使うことはできません。現在の Lightning Pro のまま使い続けるのであれば、
Lightning G3 Pro Unit は不要ですので、削除するといいです。第3世代に移行するかどうかを考える場合、以下のページが参考になります。
THE THOR の以下の CSS が優先されているために起きている現象です。
.content ul li { padding-left: 1.7rem; }以下のような CSS を書けば調整できます。
.content ul.vkfs__input-wrap li { padding-left: 2.5rem; }スクリーンショットを見たところ、
THE THOR の CSS が VK Filter Search Pro の CSS より優先されていることが原因のように思います。有料テーマと有料プラグインの組み合わせなので、具体的に回答できる人が限られます。
可能であれば、フォームを設置してあるページの URL を提示していただくとよいです。
ご自身で追加したコードが原因のようです。
コンテンツの中に以下のような HTML が複数個所に貼り付けられています。
<style> html, body, h1, h2, p, ul, li, div { flex: none; margin: 0; padding: 0; box-sizing: border-box; } body { overflow-x: hidden; } .photo_light { padding: 0 2% 0 0; flex: 1; min-width: 0; } .photo_explanation{ padding:0; width:90%; } （以下略）この部分を見直せば表示不具合が解決すると思います。
空の段落ブロックがあるのが原因です。
その段落ブロックを削除すればうまくいくと思います。私の Lightning サイトでは提示した CSS で解決しました。
可能であれば、そのページの URL を共有してもらえばなにかわかるかもしれません。
アニメーションブロックの直下のグループブロックの カスタム CSS に以下のコードを書けば、
Firefox でも中央に配置されます。selector { display: flex; }添付画像をご参照ください。
> これは「VK Filter Search」ではなく、「VK Filter Search Pro」の機能なのでしょうか？
Lightning G3 Pro Unit の機能を使ってレイアウトを変更できます。
カスタマイズ → Lightning アーカイブページ設定 → カスタム投稿タイプを指定 で 表示タイプ を変更すればレイアウトが変わります。
> それとも、コード等を書かないと実現できないのでしょうか？
管理費・礼金・築年数の部分を出力するには、カスタムフィールドを追加してコードを書く必要があります。
【参考ページ】https://github.com/vektor-inc/lightning-g3-lesson-real-estate/blob/main/readme.md
ウィジェット間のマージンは画像ブロックや段落ブロックの selector ではコントロールできません。
↑
ウィジェットは画像ブロックや段落ブロックの親要素なのでいちばんかんたんなのは、
画像（ブロック）
段落（ブロック）
段落（ブロック）をグループ化することです。
グループ化することにより単一のウィジェットになるので、
ウィジェット間のマージンが適用されなくなります。トップページ以外のページはこのやり方でリンクを変更できますが、
トップページのリンクを編集画面で変更することはできません。そもそも、トップページのリンクの変更ってできないはず（と思ってました）。
以下、追記です。
サーバーのファイルを直接編集すれば、
https://with-produce.co.jp/article/ → https://with-produce.co.jp/blog/
のような自動切り替えを設定できそうな気がしますが、
まだインストールしたばかりのサイトなので、インストールし直すのが確実だし、かんたんです。スクリーンショットから判断すると、トップページのリンクを編集しようとしていますが、
トップページのリンクは変更できません。article 以外のフォルダーに WordPress をインストールし直す必要があると思います。
横から失礼します。
グローバルナビの「買いたい方」から辿って見つけたのですが、
製品情報 ガス器具
https://bridge-chubou.com/archives/product-cat/gas
のページ下部のページ送りの 2 をクリックすると、
https://bridge-chubou.com/archives/product-cat/gas/page/2
が正しく表示されますが、製品情報 その他厨房機器
https://bridge-chubou.com/archives/product-cat/etc
のページ下部のページ送りの 2 をクリックすると、
https://bridge-chubou.com/archives/product-cat/etc/page/2
でエラーが起きています。私は原因の想像がつきません。
横から失礼します。
コンテンツを書き換えると保存できる・できないの結果が変わる、
というのは、経験的に WAF が影響している可能性が高いです。WAF の無効化を試したとのことですが、
ロリポップのスタンダードプランは無効化が反映されるまでに
時間がかかることがあります。WAF が原因かどうかをかんたんに調べるには、
ロリポップのユーザー専用ページで WAF が検知したログを表示すればいいです。保存できなかった時刻にログがなければ、原因が WAF でないと判断できます。
外してたらすみません。
以下のトピックをご覧ください。
もしかしたら、1列目が縦表示にならないようにしたい、ということなのかな？
だとすると、
<th>車体価格</th>を以下のように書き換えればいいです。
<th style="white-space: nowrap;">車体価格</th>この書き換えは、文字数が最も多い見出しセル th のうちのひとつだけ行えばいいです。
