対馬 俊彦
フォーラムへの返信
-
投稿者投稿
-
まず原因特定が先ですけど
・プラグインをひとつずつ無効化してみる
・ブラウザのキャッシュを削除する
などが一般的な作業ですが、デベロッパーツールのコンソールからなにか情報が得られるかもしれません。参考ページ:https://kt-life.net/error-g-preview/
参考情報です。
Lightning G3βバージョン: 14.0.9
Lightning G3 Pro Unit バージョン 0.1.4同じ環境ですが、
カードブロックのカードアイテムの画像に WebP 画像を設定できています。カードブロックを作り直す
プラグインを停止する
のようなことをすれば原因が絞り込めるかもしれません。-
この返信は3年、 10ヶ月前に
対馬 俊彦が編集しました。
私の Katawara サイトでも同じ現象になっていますが、
[カスタマイズ] ⇒ [Katawara CSS最適化(高速化)設定] で
[Tree shaking 有効化設定] を [何もしない] にすれば、
矢印が白くなり、『・・・』が表示されます。ということで…
ベクトル開発スタッフの方が修正してくれるのを待つか、
上記の設定変更をするかのどちらかになります。アップデートのbreadcrumb.phpの変更も考えると対馬様の方法に変更しておいた方がいいですね・・・
サイト制作を請け負う側からすると、手離れがよいというのはたいへん大事なことで、
テンプレートを書き換えることにはどうしても消極的になってしまいます。もしご自身のサイトであれば、手離れのことは気にしなくてよいので、
テンプレートを書き換える方が
・わかりやすいし
・テーマの動作が理解できるし
・いじくり倒すのが好きな人にはたまらないし
・アップデートでトラブったときには勉強になるし(経験あり)・・・といいこともありますよ。いつもお世話になっています。
FAQ ブロックのように【1】の部分を太字にしていただくのがよいと思います。
また、開いたときに【2】の部分にレスポンシブスペーサーひとつ分くらいのマージンを持たせると見やすくなるように感じます。先日はこのように書きましたが、意見を方向修正させていただきます。
アコーディオンブロックに「背景なし」以外のスタイルを設定すると、
それだけでとても見やすくなります。その後、アコーディオンブロックを使っていて、
「背景なし」以外のどれかをデフォルトにするのがいいと思うようになりました。「背景なし」は見出しの「装飾無し」のような位置付けで、
スタイルをカスタマイズしたい人向けに今のまま残しておけば、
デフォルトのまま使うことが多い初心者にも、
カスタマイズしたい人にもうれしい仕様になると思います。-
この返信は3年、 10ヶ月前に
対馬 俊彦が編集しました。
子テーマに .js ファイル (JavaScript) を組み込む必要がありますが、
以下のプログラムで書き換える方法もあります。jQuery(function($){ $("#panHome > a > span").html('<i class="fa fa-home"></i> ホーム'); });
よく見ると、一瞬だけ「HOME」と表示されますので、その点においては美しくないですが、
テーマのアップデートの影響を受けにくいのがこのやり方のメリットです。昔からこうだったのか?
はい、そうだと思います。
私が数年前に Lightning Pro で作ったサイトもこのくらい空いています。もしかしたら、見え方の違いの原因はサイドバーの有無かもしれません。
サイドバーがあれば、「お問い合わせ情報」ブロックの幅が狭くなりますから、
真ん中の空白はかなり小さくなります。Lightning Proバージョン: 8.9.5
Lightning Skin Paleバージョン: 8.1.2上記と同じ環境のサイトで試しましたが、
以下の CSS だけでモバイル端末で段落の下マージンをゼロにできています。p { margin-bottom: 0em; }
p タグに対してこの CSS よりも強い指定をしているものが別にあるのではないかと思います。
例えば、プラグインを追加したとか…。
JPNSTYLE 8.1.1 にアップデートして下部の余白が修正されたことを確認いたしました。
パンくずエリアの件について、承知いたしました。
どうもありがとうございました。
以下の CSS を追加すればできると思います。
■孫メニューを右に開く CSS の例
⇒ https://lightning.uonuma-js.com/menu-open-right/@media (min-width: 992px) { .gMenu>li:hover>.sub-menu { overflow: visible; } .vk-menu-acc ul.sub-menu ul.acc-child-open, .vk-menu-acc ul.sub-menu ul.acc-child-close { position: absolute; left: 100%; top: 0px; width: 240px; background-color: #191919; } }
■孫メニューを2列で表示する CSS の例
⇒ https://lightning.uonuma-js.com/menu-2-columns/@media (min-width: 992px) { .gMenu>li:hover>.sub-menu { overflow: visible; } .vk-menu-acc ul.sub-menu ul.acc-child-open, .vk-menu-acc ul.sub-menu ul.acc-child-close { position: absolute; left: -50%; width: 480px; } .vk-menu-acc ul.sub-menu ul.acc-child-open li, .vk-menu-acc ul.sub-menu ul.acc-child-close li { width: 240px; float: left; background-color: #333333; } .vk-menu-acc ul.sub-menu ul.acc-child-open li a, .vk-menu-acc ul.sub-menu ul.acc-child-close li a { border-right: 1px solid rgba(255,255,255,.15); } }
メニュー項目の数が多い場合は、以下のブロックのどれかを使って固定ページを作った方が見やすくなるかもしれません。
・子ページリスト
・選択投稿リスト
・カードSlide rest time = スライドが静止している時間
Slide transition time = 次のスライドに切り替わる動作の時間
です。参考情報として、自動再生のパラメータの設定を先ほどの書き込みに追記しました。
マウスポインターで画像をつかむと停止しますが
Slide rest timeの設定時間が来ても動き出しませんこれはスライドショーを動かしている Swiper というプログラムのデフォルト仕様で、正常な動作です。
デフォルトと書いたのは、自動再生を継続することも可能ということです。
https://www.webdesignleaves.com/pr/plugins/swiper_js.html より抜粋
パラメータ:disableOnInteraction
デフォルト:true
説明:
ユーザが操作したら自動再生をストップさせる設定です。
false を指定すると操作があっても自動再生を継続します。私はこのデフォルトのままでよいと思いますが、要望が多ければベクトルさんが検討してくださるかもしれません。
-
この返信は3年、 10ヶ月前に
対馬 俊彦が編集しました。
-
この返信は3年、 10ヶ月前に
-
投稿者投稿