瀬戸内ことり
フォーラムへの返信
-
投稿者投稿
-
すでに実施していう範疇である
ソースを見る限り、少なくとも以下2点は実施されていないように思いますが、いかがでしょうか。
一度サイトスピードの専門家に相談されてみてはいかがでしょうか。
そこまでスピードにこだわりを持っておられるのでしたら、ブロックパターンを利用なさらず、ご自身でコンテンツの中身にも工夫されるとよいと思います。ただ、どうやら聴き入れていただける (&見直しをかけられる) 意思が感じられないため、以降コメントを控えます。
また、トップページでも Contact Form 7 関連の CSS・JS が読み込まれているように思います。
ベクトルさんがご用意くださっている「Contact Form 7 アセットファイル最適化」をご確認ください。
横から失礼します。
ご自身でできることもまだあるのではないかと思います。
パッと思いつくものでは、
スライダーをやめる、
アニメーションをやめる、
WebP画像を使用する、
スマホ用の画像 (ダウンロードされたものをそのままお使いなのでしたら、幅が748pxあります。スマホならもっと小さくても問題ありません) をリサイズする、など。
また、PSIは計測した機器や場所にも依存しますし、多くの方が誤解されています。ページスピードの専門家の方がお書きになった以下の記事が勉強になりますので、ぜひ読んでみてください。
石川さん、ありがとうございます。
横から失礼します。
VK All in One Expansion Unit をお使いのようなので、そちらへ記述されるのがよいかもしれません。失礼しました。
サイドバーのみカテゴリラベルを非表示にするなら👇こちらを。.sub-section .vk_post_imgOuter_singleTermLabel { display: none; }
石川さんがおっしゃっている
一つ親のブロックから設定変更してください。
というのはこういうこと(添付画像)ではないかと思いますー。
【 ↑ に追記というか訂正】
失礼しました。白枠ごと真ん中配置の画像が添付されていましたねー。
なので、私の添付画像のようにして右余白を調整してみてください。Attachments:
You must be logged in to view attached files.解決してよかったですー。
ブロックパターンそのままお使いになっているものと思い、手元で再現して(該当ページのコードを読まずに) 回答していたため、参考にならなかったと思います。お力になれず残念。
最初に手札をすべて出していただくと (記入されたコードをすべてご共有いただくと) 解決が早いかもしれません。
おつかれさまでした。
フォントサイズに関しては、H2に指定して変わったのではありませんでした。
失礼いたしました💦
私の試した環境でタイトル:明朝を選択しておりました。この当該領域だけ、元のオリジナルのサイズに変更することはできますか?
☝️ H2 のテキストサイズを変更したいという理解で合っていますか?
であれば、CSS を書かずとも、右サイドバーの「スタイル」→「タイポグラフィ」でサイズ調整できますよ。
👇️
こちら (#110310)ご覧いただいているでしょうか?文字の大きさを調整されてはいかがでしょうか。文字を小さくすると、それに追従するように背景の白の左余白が大きくなります。
五月雨式にすみません。
添付いただいている画像を拝見して気になったことがあります。スクショのタイミングで、このブロックパターンを利用されたページを「1カラム」にされていましたか?
添付画像には両端に余白があるようなので、「2カラム」になっていたのではないかなと思ったのです。2カラムになっていると、テキストと背景画像のバランスが見本 ( https://patterns.vektor-inc.co.jp/vk-patterns/14482/ ) どおりに行かないかもしれません。
(いま拝見したところ、1カラムになっていることが確認できました。)
もう1つ方法があるとしたら、字間を狭めることでしょうか。
モバイルの表示のヒーローエリアの表示。パソコンと同じように、子どもたちの画像がしっかりと見えて、その前面でのセリフ領域(「子どもがピアノをあきらめない社会を」と「一人ひとりの明日に、希望を照らす光を」)が適切な大きさであること。
添付画像
⇒ 下側のテキストと背景はブロックパターンそのまま。
⇒ 上側は背景色を #ffffffad にし、字間を以下のコードで少し狭めています。selector { letter-spacing: -2px; }
Attachments:
You must be logged in to view attached files. -
投稿者投稿