美しいホームページは、レスポンシブ対応でありながら、程良い間と整列がキチンと成されているかが重要だと思っています。今回、ページトップに掲載するテキスト形式の『お知らせ欄』の『中央表示』で手こずったので、次回の為にメモ致します。目的違いになってしまうと申し訳無いので、予め、やりたかったことの条件を記載しておきます。WordPressで作るサイトのトップページのヘッダー直下に、テキスト形式で『お知らせ欄』を設けたい。横幅はいくらでも伸びるタイプのテーマである。テキストの左側を揃えたいので、センタリングは使えない。センター表示のメニューの下に配置する為、極真ん中を目指したい。テーマは、isotype『MAJESTIC+』です。通常表示これぐらいが理想です。日付のスタート地点が揃っているので、お知らせテキストの文字数に左右されるのは仕方ない為、掲載時の文字数に配慮するようにして行きます。横幅広げて表示ヘッダー画像が横長追従型で、いくらでも伸びてしまいます。それでも、ちゃんと付いて来てくれました。逆に狭くした場合も、ギリギリまで保ってくれました。観覧される状態だと思います。両サイドのマージンも自然で、程良い改行具合いです。気になるとすれば、日付が下段になっていることでしょうか。頑張れば何とかなりそうですが。横表示テキスト文字数に次第ですが、良い感じに収まっています。iPadであれば、違和感無いでしょう。横幅をイジると、どんどんズレてしまいます。これでは、気持ち悪いです。縦表示PC表示で真ん中表示を意識し過ぎて、マージンで押さえ込もうとした結果です。これこそがレスポンシブの難しいところで、他の表示は良いのに、スマホの縦表示だけダメなことって結構あるんですよね。テーブルを使う結局は『テーブル』が便利で、枠を非表示にしたら叶いました。日付は『0』を入力するルールにすれば、文字数を揃えることが出来るのと『右寄せ』にすることで、テキストとの距離を近く表示出来ます。--></div>また、4行目の『width:』の値を『100%』にし、7行目以降と、12行目以降の幅を調整しました。ここの値次第では上手く表示されないので、繰り返しあらゆる環境を想定して試しました。ちなみに固定ページなど、横幅が決まっているページへの掲載はテーブルへのセンタリングが効いたので簡単に表示出来ましたが、トップページではダメでした。これは、テーマが持つ強制力で解除も可能ですが、恐らく別の部分に問題が出そうなので、これぐらいにしておきます。レスポンシブauthorcommentメールアドレスが公開されることはありません。...WordPressWordPress:『Affinger5』記事一覧サムネイル画像を整えるブログトップページの最新記事一覧に、サムネイル画像が美しく配置されていると嬉しですよね。...WordPressWordPress:追加CSSで要素の非表示(isotype)ウィジェットやテーマのオリジナルオプションで、非表示にしたいボタン等が表示されてしまうことがあります。...WordPressWordPress:『HTML』の一部をコメントアウトするコードワードプレスでショップなどのホームページを作成することは、もはや現在の主流となっています。...WordPressAFFINGER5:『ブログカードプラグイン』の注意点WordPressのテーマは『AFFINGER5』を使用しています。