[瀬戸内ことり]

すでに実施していう範疇である

ソースを見る限り、少なくとも以下２点は実施されていないように思いますが、いかがでしょうか。

• Contact Form 7 アセットファイル最適化
• CDNを利用する

一度サイトスピードの専門家に相談されてみてはいかがでしょうか。
そこまでスピードにこだわりを持っておられるのでしたら、ブロックパターンを利用なさらず、ご自身でコンテンツの中身にも工夫されるとよいと思います。

ただ、どうやら聴き入れていただける (＆見直しをかけられる) 意思が感じられないため、以降コメントを控えます。

[瀬戸内ことり]

また、トップページでも Contact Form 7 関連の CSS・JS が読み込まれているように思います。

ベクトルさんがご用意くださっている「Contact Form 7 アセットファイル最適化」をご確認ください。

[瀬戸内ことり]

まだありますかねー。

サーバー側での設定を見直す、
CDNを利用する、

私が思いつくのはこれくらいです。

[瀬戸内ことり]

横から失礼します。

ご自身でできることもまだあるのではないかと思います。

パッと思いつくものでは、

スライダーをやめる、
アニメーションをやめる、
WebP画像を使用する、
スマホ用の画像 (ダウンロードされたものをそのままお使いなのでしたら、幅が748pxあります。スマホならもっと小さくても問題ありません) をリサイズする、

など。

また、PSIは計測した機器や場所にも依存しますし、多くの方が誤解されています。ページスピードの専門家の方がお書きになった以下の記事が勉強になりますので、ぜひ読んでみてください。

https://qiita.com/skillsharejp/items/acc51ec062af43aa84c0

[瀬戸内ことり]

石川さん、ありがとうございます。

横から失礼します。
VK All in One Expansion Unit をお使いのようなので、そちらへ記述されるのがよいかもしれません。

[瀬戸内ことり]

失礼しました。
サイドバーのみカテゴリラベルを非表示にするなら👇こちらを。

.sub-section .vk_post_imgOuter_singleTermLabel {
    display: none;
}

[瀬戸内ことり]

こちらのコードをお試しください。

.vk_post_imgOuter_singleTermLabel {
    display: none;
}

[瀬戸内ことり]

石川さんがおっしゃっている

一つ親のブロックから設定変更してください。

というのはこういうこと(添付画像)ではないかと思いますー。

【 ↑ に追記というか訂正】
失礼しました。白枠ごと真ん中配置の画像が添付されていましたねー。
なので、私の添付画像のようにして右余白を調整してみてください。

Attachments:

You must be logged in to view attached files.

[瀬戸内ことり]

ブラウザのキャッシュクリアはお試しになりましたか？

[瀬戸内ことり]

プラグイン VK All in One Expansion Unit でエラーが出ているようです。

最新版にアップデートされていますか？

[瀬戸内ことり]

解決してよかったですー。

ブロックパターンそのままお使いになっているものと思い、手元で再現して(該当ページのコードを読まずに) 回答していたため、参考にならなかったと思います。お力になれず残念。

最初に手札をすべて出していただくと (記入されたコードをすべてご共有いただくと) 解決が早いかもしれません。

おつかれさまでした。

[瀬戸内ことり]

フォントサイズに関しては、H2に指定して変わったのではありませんでした。

失礼いたしました💦
私の試した環境でタイトル：明朝を選択しておりました。

この当該領域だけ、元のオリジナルのサイズに変更することはできますか？

☝️ H2 のテキストサイズを変更したいという理解で合っていますか？

であれば、CSS を書かずとも、右サイドバーの「スタイル」→「タイポグラフィ」でサイズ調整できますよ。

👇️
こちら (#110310)ご覧いただいているでしょうか？

文字の大きさを調整されてはいかがでしょうか。文字を小さくすると、それに追従するように背景の白の左余白が大きくなります。

[瀬戸内ことり]

五月雨式にすみません。
添付いただいている画像を拝見して気になったことがあります。

スクショのタイミングで、このブロックパターンを利用されたページを「１カラム」にされていましたか？
添付画像には両端に余白があるようなので、「２カラム」になっていたのではないかなと思ったのです。

２カラムになっていると、テキストと背景画像のバランスが見本 ( https://patterns.vektor-inc.co.jp/vk-patterns/14482/ ) どおりに行かないかもしれません。

(いま拝見したところ、１カラムになっていることが確認できました。)

[瀬戸内ことり]

※ すみません、補足です。Safari ではなく Chrome で作業しています。Safari では確認しておりません。

[瀬戸内ことり]

もう１つ方法があるとしたら、字間を狭めることでしょうか。

モバイルの表示のヒーローエリアの表示。パソコンと同じように、子どもたちの画像がしっかりと見えて、その前面でのセリフ領域（「子どもがピアノをあきらめない社会を」と「一人ひとりの明日に、希望を照らす光を」）が適切な大きさであること。

添付画像
⇒ 下側のテキストと背景はブロックパターンそのまま。
⇒ 上側は背景色を #ffffffad にし、字間を以下のコードで少し狭めています。

selector {
  letter-spacing: -2px;
}

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿