[対馬 俊彦]

該当URL をシェアデバッガーで試したところ、
閲覧禁止を意味するレスポンスコード 403 が返ってきますね。

この現象について Facebook の開発者コミュニティフォーラムでも話題になってますが、
[ 未解決 ] のままです。

https://developers.facebook.com/community/threads/825654679324994/?locale=ja_JP

なんとなく、解決が難しいような…

なんとなく、放っておけば、そのうちに 403 が解消するような…

そんな気がします。← 根拠はないです。なんとなく経験的に…

[対馬 俊彦]

Lightning G3 のトップページのスライドショーのフォントサイズの CSS は以下のようになっています。

/* スライドタイトル */
.ltg-slide .ltg-slide-text-title {
    font-size: clamp(16px,3dvw,32px);
}

/* スライドテキスト */
.ltg-slide .ltg-slide-text-caption {
    font-size: clamp(12px,2dvw,18px);
}

とりあえず、
スライドタイトルの 16px
スライドテキストの 12px
の部分を書き換えればスマホ表示に反映されます。

お時間があれば、VK Blocks のスライダーブロックを使ってみるといいと思います。

https://www.vektor-inc.co.jp/service/wordpress-plugins/vk-blocks/vk-blocks-blocks/block-slider/

ちょっとだけ手間は増えますが、
Lightning 標準のスライドショーよりもできることがはるかに多いし、柔軟な設定が可能です。

[対馬 俊彦]

[ 解決済 ]
VK Blocks Pro 1.84.1.0 にアップデートして修正を確認しました。
ありがとうございます。

[対馬 俊彦]

[ 解決済 ] となりましたが、横から失礼します。

ベクトルさんがまだ修正作業中でしたら、ご容赦ください。

今回の問題の原因は、

VK Blocks Pro 1.84 にアップデートすると
ブロックの カスタム CSS に入力した > が ＆ｇｔ; に置き換わって出力されるようになった

ということなので、それを修正する必要があると思います。

カスタム CSS に

selector > p {
  font-size: 1.5em;
}

と入力すると、VK Blocks Pro 1.83 までは

.vk_custom_css_1 > p {
  font-size: 1.5em;
}

と出力されていましたが、1.84 になって出力が以下のようになりました。

.vk_custom_css_1 ＆ｇｔ; p {
  font-size: 1.5em;
}

※内容が伝わるように ＆ｇｔ; を全角文字にしてあります。

Attachments:

You must be logged in to view attached files.

[対馬 俊彦]

不要なプラグインがあれば削除してみたら解決するかもしれません。

それでも解決しないようであれば、
PHP の memory_limit を増やすやり方をサーバーの会社に問い合わせてみてください。

[対馬 俊彦]

[表示されている枚数] ＋ [1枚] 以上のスライドが必要、というのは
VK Blocks にバンドルされている JavaScript ライブラリ「Swiper」の仕様ですので、
対策はむずかしいと思います。

https://swiperjs.com/swiper-api#param-loop

以前にこのようなケースがあって、そのときは同じ3枚のスライドの組み合わせを複製して、
合計6枚にして対応しました。ページネーションは非表示にしました。

[対馬 俊彦]

一応営業用のデモサイトなので、ここに載せてよいのかどうか判断できませんので、
私のプロフィールに書いておきました。

[対馬 俊彦]

うまくいったようで、よかったです。

最初の質問に関してですが…
Evergreen のようなヘッダー透過のデザインだと、
マウスホバーでテキストが入れ替わる動きがいいカンジになりますね。
私のデモサイトでも使ってみました🥰

[対馬 俊彦]

林 有一 様、

このフォーラムは「一つの投稿内に複数の質問をしない」というルールになっています。
質問が複数あると、どこまで解決済みかわからなくなったり、他の人が検索するときに探しにくい、
という理由によるものです。

ということで、
「グローバルメニューのメニューの下線を消したい」という質問を新たに投稿していただくのがよいです。

【以下、追記です】

新たに投稿していただくのがよい、と書きましたが、
以下のトピックに答えがありますので、質問は不要です。

Lightning G3 でヘッダーナビの下線を消したい

[対馬 俊彦]

> var(–ujs_menu_height)などが何処に定義してあるのかも判らない状態ですが

先頭の :root { } のところで定義してあります。

var(–ujs_menu_height) → 62px
var(–ujs_text_height) → 20px
に置き換わって計算(calc)されます。

グローバルナビの高さやフォントサイズなどをカスタマイズしてある場合に対応しやすいようにこういうやり方をしていますが、特にいじっていなければ 62px / 20px のままの設定でいけると思います。

[対馬 俊彦]

このページに書かれている機能が使えそうです。

VK All in One Expansion Unit 9.88.0.0 で特定の固定ページをページリストから除外する機能を追加しました。

[対馬 俊彦]

興味があったので、CSS でカスタマイズしてみました。

以下の CSS を追加すれば、マウスホバーで文字が英語から日本語に切り替わります。
タブレットなどのモバイル端末はカスタマイズが適用されず、日英併記のままです。

Evergreen サイトだとこのままでいけると思います。

Evergreen 以外でも使えるようにしたつもりですが、確認が十分じゃないかもしれません。
ここ、こうするといいよ…ってご意見があればお願いします。

@media (min-width: 992px) {

  :root {
    --ujs_menu_height: 62px; /* 実際のグローバルナビの高さをここに入れてください */
    --ujs_text_height: 20px;
  }

  .device-pc .global-nav-list>li>a {
    position: relative;
    overflow: hidden;
    padding-top: calc( var(--ujs_menu_height)  / 2 );
    padding-bottom: calc( var(--ujs_menu_height)  / 2 );
    min-width: 100px; /* 必要に応じて書き換えてください（メニューの文字数が多い場合） */
  }
  .device-pc .global-nav-list>li .global-nav-name {
    height: var(--ujs_text_height);
    position: absolute;
    top: calc( ( var(--ujs_menu_height) - var(--ujs_text_height) )  / 2  + var(--ujs_text_height));
    opacity: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
  }
  .device-pc .global-nav-list>li .global-nav-description {
    font-size: 14px;
    height: var(--ujs_text_height);
    padding: 0;
    opacity: 1;
    position: absolute;
    top: calc( ( var(--ujs_menu_height) - var(--ujs_text_height) )  / 2 );
    opacity: 1;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    transition: all .5s;
  }
  .device-pc .global-nav-list>li>a:hover .global-nav-name {
    top: calc( ( var(--ujs_menu_height) - var(--ujs_text_height) )  / 2 );
    opacity: 1;
  }
  .device-pc .global-nav-list>li>a:hover .global-nav-description {
    top: calc( ( var(--ujs_menu_height) - var(--ujs_text_height) )  / 2  - var(--ujs_text_height));
    opacity: 0;
  }

}

CSS の追加方法がわからない場合は以下のページが参考になります。

できる！CSSカスタマイズ

[対馬 俊彦]

石川 様、

VK Blocks Pro 1.83.0.0 にアップデートして、
タブブロックの先頭の Tab Item の複製で起きていた現象が解消されていることを確認しました。

ありがとうございます。

[対馬 俊彦]

> 念のためURL部分のみをブラウザに貼り付けてみると、

私が昨日これを行ったら「ページが見つかりません」と表示されたので、
URL が違うのかと思ったのですが…

ソースコードが表示されるなら合ってますね。

iemiru-cms のサービスを提供している会社に問い合わせれば、
なにかわかるかもしれません。

[対馬 俊彦]

WordPressで外部のURLのJavaScriptコードを読み込ませるには何か特別な設定があるのでしょうか。

特別な設定はないはず…。

該当URL で <script src= で指定されている .js ファイルが存在しないみたいです。

期待通りリストが表示される（２）と同じ URL になっていますか？

[投稿者]

投稿