SUGI
フォーラムへの返信
-
投稿
-
Y.INABA 様
遅くまでありがとうございました。
国の機関のサイトなので、外部委託だと思いますし、いろいろ駆使され作成されたものなのでしょう。これで諦めがつきました、気分も晴れました、本当にありがとうございました。
Y.INABA 様
ご親切にどうもありがとうございます。
一つ目の確認についてですが、こちらに別回線はないので、Wifiから4Gに切り替えてiphoneとipadで確かめたのですが、今までと変わらず、私のサイトはヘッダーが少し下に動き、海上保安庁のサイトは固定されていました。
二つ目の確認についてですが、iphoneとipadともにiOS26.4.2で最新バージョンでした。
三つ目の確認についてですが、WordPressをログアウトしてからMicrosoft EdgeとGoogle Chromeの両方で確かめたのですが、画面を狭めた状態でマウスを上下に早めにスクロールした場合、私のサイトも海上保安庁のサイトはヘッダーは固定されたままでした。
四つ目についてですが、iphoneの画面をスクリーンショットした画像です。先でご覧いただいたパターンライブラリからの「ヘッダー_お問い合わせ_スクロール時に追従」の画面です。これは親指を上から下へスワイプし、ヘッダーに行き着いたところの箇所になりますが、そのヘッダーが画面の１／３ぐらいまで下がった状態で撮ったものです。
他に気になる事があれば、何なりとおっしゃってください。
Y.INABA 様
私のテストページをご覧いただき、本当にありがとうございます。
Y.INABA 様の iPhoneのSafariではヘッダーがぶれていなかったのですね。そうすると私のSafariに問題があるか、それにしても海上保安庁のホームページのヘッダーは全くぶれずにヘッダー固定されているのを見ると、自分のサイトに問題があるとも思いますし、ますます不明に陥ります。
Y.INABA 様からの確認の件ですが、Safariに広告をブロックする類の拡張機能は入っていませんでした。また、Chromeでは（一番上にURLが表示される為、少しぶれますが）ヘッダーは固定されていました。
Y.INABA 様
またまた、ありがとうございます。
返信#121528では、私が全文を読まず、CSS追加だけで済むと思った勘違いです、お手間を取らせて申し訳ありませんでした。ただ、２と３を追加しても結果は変わらずでした。
返信#121562で、Y.INABA様が「ヘッダー_お問い合わせ_スクロール時に追従」で私の意図通りになりそうな挙動の確認が出来てらっしゃることが不思議です。ひょっとしたら、私の iphone でそのような現象なのでしょうか？テストとして使っているページをお教え致します。WordPressアンインストール後なので中身のないサイトなのですが、一応、ウイルスチェックをしてご覧いただければ幸いです。
Y.INABA 様
ご回答ありがとうございます。
確認事項の [解決済] ヘッダーとグローバルメニューの固定については、CSSを追加することは試してみましたが、変化はありませんでした。
パターンライブラリから「ヘッダー_お問い合わせ_スクロール時に追従」については、WordPressをアンインストール後、X-T9テーマをインストールしてから上記パターンを貼り付けたのですが、こちらも思っていたとおりの結果はでませんでした。
固定表示については、元々フルサイトインストーラーから、X-T9 ビジネス版を加工していたのですが、そのヘッダー部分を固定表示にしてみたのですが、こちらも変化ありませんでした。
私自身も情報を集めてみますが、他のご教授もございましたら宜しくお願い申し上げます。
残念ながら、リンクを挿入するとフォントが元の字体（デフォルトのフォント）に戻ることが分かりました。解消方法として正しいのか、偶然なのか不明ですが、
ブロックのカスタムCSSに下記を入力します。
.wp-site-blocks ul,
.wp-site-blocks ol,
.wp-site-blocks li
{ font-family:”新ゴ B” !important; }次に該当箇所のリンク有のテキストを左クリックし、リンクを編集を左クリック（選択）し、リンクの編集において追加CSSクラスに下記を入力します。
.wp-site-blocks ul,
.wp-site-blocks ol,
.wp-site-blocks li
{ font-family:”新ゴ B” !important; }その後、該当箇所のリンク有りのテキストを左クリックし、太字を適用させます。編集する画面での見た目は太文字となりますが、アップロードをしてページを見てみると、また、元に戻りXサーバーの提供フォントで表示されました。
面倒な作業となりますので、本当に良いか疑問がありますが、他の解消方法の情報があれば、どなたでも結構ですので、ご教授願いたいと思います。Y.INABA 様
ありがとうございました、ご助言のとおりに追加CSSによる設定をし、無事、Xサーバー提供のフォントをリストに使うことが出来ました。心から感謝申し上げます。シンプルなCSSの記述だったのも嬉しく思っております。
この間、対馬俊彦 様にもご協力いただき、ありがとうございました。Y.INABA 様のご質問についてお答えいたします。
私の表現がややこしくて申し訳ありません、リストボックスとは固定ページでプラスの記号をクリックすると
ブロック・パターン・メディアなどのパーツ類が表示されますが、その中のブロックの中にある『リスト』のことを
さしています。CSSですが、カスタムCSSで該当のセレクタに font-family で指定した場合、Xサーバーのプラグイン内でフォントの
設定変更をしたときは、リストの箇所のカスタムCSSも全て入力変更しなければならないことになるので、追加CSSで
リスト全体に指定した方が良いとは思うのですが、数年経つと、ある箇所のフォントをCSSで指定したことを忘れそう
なので、例えばフォントを指定するCSSの他に何かないのか？ と思っておりました。モデレーター：うなこ様、キーマスター：石川様
仕事の繁忙期だったので、お返事や指示に対応が出来ず大変申し訳ありませんでした。
色々調査をしていただいたり、仕様の変更までしていただいたりと驚きました。
本当にありがとうございます。さらに使い勝手が良くなりとても感謝しております。対馬 俊彦 様
気に留めといていただいて感謝申し上げます。
ご助言により、プラグインはすべて削除し、iPhone SE の Safari と Chrome と Microsoft Edge の３つの
ブラウザで表示してみたのですが、結果は変わらず、
● ブロックが１つだけのテキストならフォントは小さいままで、ブロック２つのテキストならフォントが大きく表示される
● テキストの行間をタイポグラフィで変更すると、フォントは大きく表示されず、小さいまま
というような現象でした。※ この場合、フォントが大きく表示される方が、他のブロックと同一となり、統一感のあるサイト表示になります。
★ その為、フォントが小さいままであれば、大小のフォントが混ざり合ったようなサイトとなり、見にくくなります。簡単なテキストの入力だけでも、スマホの横画面ではフォントの大きさが異なるということがわかりました。
ブロックが１つだけのテキストならフォントは大きく表示されず、ブロック２つのテキストならフォントが大きく表示されるという結果でした。
ただ残念なことに、主に利用させていただいているX-T9やLightningでは、上記のようなフォントサイズのばらつきが出る結果となりましたが、エックスサーバーのXWRITEはスマホの縦画面でも横画面でもフォントサイズにばらつきなく表示できている結果については少し希望が減りました。対馬 俊彦 様
ありがとうございました、CSSを追加したら、行間が狭まるような事象はなくなりました。面倒な作業が減ってとても助かりました。
ただ、対馬さんのスマホの縦画面と横画面のフォントの変化は無かったんですか、簡単なサイトで調べてみたのですが、
この２つの内、テスト１サイトはリストボックスの下にテキストを置いたもので、この場合、スマホの横画面でもリストボックスの文字は大きく表示（サイト全体の文字がきれいに揃った状態で表示）され、良かったのですが、
下のテスト２サイトの方はリストボックスの下は何もブロックを挿入しないものでつくったのですが、この場合、リストボックスの文字は大きくなりませんでした。私のスマホはiPhone SE (第3世代)でディスプレイが1,334×750ピクセルで上記のような結果となったのですが、ipadの方は縦・横画面で見てもサイト全体の文字が揃った状態できれいに表示されていたので、これは機種や画面ごとに違いがでてくるかもしれませんね、引き続き打開策を研究したいと思います。
