フォーラム:サイト全体の見た目・外装について

フォーラム:メインページ > サイト全体の見た目・外装について 常設

サイト全体の見た目・外装について話し合うためのフォーラムです。

関連しそうな項目

• エンペディアの見た目をもっと変えていこうキャンペーン
• 特別:ガジェット
• 個人設定（表示） / 個人設定（ガジェット）

2024年2月のメンテナンス以後の表示について

レスポンシブモード

• 個人設定（表示） の「レスポンシブモードを有効にする」にチェックを入れても、スマホでの見栄えが何も変わっていない気がするのは私だけでしょうか？（補足：外装は「レガシー ベクター (2010年版)」、ガジェットは「モバイルでの文字サイズ調整：ON」「モバイルビューもどき：OFF」で閲覧しています。）― BadEditor 2024-02-18T17:04:26 (JST)
• 同じく。気づいてないだけで何か変化してるのかなと一旦オフにしてみましたが、特に変化は見られませんでした。普段はPCで編集するので無問題(モウマンタイ)なのですが。--WxYuki (▶話す・/▶投稿記録) 2024-02-18T17:40:47 (JST)
  • 情報 rxy さんの粋な計らいにより「レスポンシブモードを有効にする」のチェックボックスは消滅しました。というわけで今後、これの ON/OFF に頭を悩ませる必要はなくなりました。（全員強制 OFF になっています。）― BadEditor 2024-03-11T21:47:31 (JST)

ガジェット「モバイルビューもどき」をデフォルトでONにする提案

特別:個人設定#mw-prefsection-gadgets にあるガジェット「モバイルビューもどき」について、デフォルトを「ON」にすることを提案します。

＜前提＞

• エンペディアに「モバイルビュー」を導入することは３年前に合意が得られているのですがが、相変わらずrxyさんが不足しているため、未だ対応はなされていません。
• サーバー管理者の rxy さんじゃなくてもそれっぽく直せる方法として、ガジェットの「モバイルビューもどき」があります。今回はそれを ON にする提案です。
  • もちろん、このガジェットを使っても「完璧な」見た目にはなりません。「モバイルビューもどき」には、それはそれで不自然な点があります。が、今のスマホの見え方よりは遥かにマシになると私は感じました（特に文字の大きさのばらつきが無くなる点に価値を感じています）。具体的にどう変わるかは、みなさんがスマホで 特別:個人設定#mw-prefsection-gadgets のチェックボックスを ON にしたり OFF にしたりして、その目で確かめてください。
• "デフォルトを「ON」とする" というのは、つまり、登録していないIPユーザーは必ずその見え方になるということです。「モバイルビューもどき」が気に入らない登録ユーザーは、特別:個人設定から OFF にすることができます。（追記）ただし、ON のものをわざわざ OFF にするのは、あえて強い言い方をすれば「自己責任」です。表示が崩れていたとしても、対応の優先度は低くなります。

いかがでしょうか。ご意見お待ちしております。-- BadEditor 2024-08-02T21:54:33 (JST) 追記-- BadEditor 2024-08-18T19:04:39 (JST)

---

• 良いと思います。スマホ読者が逃げる可能性もありますしね。--こけ. (トーク) 2024-08-02T22:03:33 (JST)

• 【＠かにふとんさん】 何かご意見あればよろしくお願いします🙇-- BadEditor 2024-08-05T15:31:32 (JST)
  • 「モバイルでの文字サイズ調整」→強制ON
  • 「モバイルビューもどき」→デフォルトON、可変可能
  • を提案します。「文字の大きさのばらつきが無くなる」は強制適用して、その見た目をモバイルビューに近づけるかどうかは閲覧者にゆだねるという方向性。--かにふとん (トーク) 2024-08-05T15:34:37 (JST)

ご返信ありがとうございます。で、「モバイルでの文字サイズ調整」だけ ON だと、いかんせん文字が小さすぎる感じが拭えないんですよね。この小ささでは、ほとんどの初見ユーザーがそっ閉じするように思えてなりません。というわけで、「モバイルビューもどき」の ON をやはり推します。-- BadEditor 2024-08-05T22:02:50 (JST)

• まさにその「そっ閉じを避ける」ためにデフォルトONを提案しました。ただ、viewportをdevice-widthに固定しちゃうとどうしても都合の悪い記事は多々あるので、必要な時だけ無効化できるようにする避難ハッチは設けておく必要があります。一方でDisableTextSizeAdjustの強制適用は賛否あると思いますが、意図せぬ文字サイズバラバラ問題は解消できますし、デザイン考慮時の場合分けを1つでも減らすにはこれしかないかと。--かにふとん (トーク) 2024-08-06T21:15:29 (JST)
  • ぼくの目が節穴でした、すいません。「もどき」のデフォルトONに賛成なんですね。了解しました。たしかに「モバイルでの文字サイズ調整」→強制ON もやった方がよさそうですね。-- BadEditor 2024-08-06T21:45:42 (JST)

異論がなければ実行しちゃいますけど、いいでしょうか。まぁ、いつまでも意見募集してても埒が明かないので、一旦変更してみてフィードバックをもらったほうが早いかもしれませんね。-- BadEditor 2024-08-18T19:04:39 (JST)

---

• 報告 ガジェット「モバイルビューもどき」をデフォルトでONにしました。ご感想あればコメントください。-- BadEditor 2024-08-31T22:11:02 (JST)
  • 早速ですが、私のiPhoneだと左ページ(最近の更新とか)が下部に移動してしまい。見にくくなってしまっています。--かちゅう (トーク) 2024-08-31T22:19:51 (JST)
    • このガジェットは、意図的にレイアウトを組み替えています。幅を広くして見やすくするためです。-- BadEditor 2024-08-31T22:29:18 (JST)
    • ありがとうございます。では仕様として見させていただきますね。--かちゅう (トーク) 2024-08-31T23:31:20 (JST)

.sp-full-widthのせいかわからないけど・・・

東のとんどんとかのページで、本文とインフォボックスがパソコンから見た際に重なってしまうんですよね。これって.sp-full-widthのせいですかね？--こけ. (トーク) 2024-12-09T15:41:52 (JST)

ご連絡ありがとうございます。

「.sp-full-width」は、スマホで見たとき（より正確にいうと、スマホぐらいブラウザの横幅を狭くしたとき）の見た目に影響を与えるクラスです（「sp」は「SmartPhone」の略記）。そのため、パソコンの大きな画面で見たときの崩れは「.sp-full-width」とは関係ありません。

画像サイズが260pxを越えると崩れてしまうようなので、ひとまずこのように直しました。

....ただ、大きな数値を入れると毎回崩れるのも不便な話であり、根本的には「テンプレート:基礎情報 人物」を直す必要がありそうです。直しかたはいくつか思いつきますが、少々面倒な部分があるため、暇ができたときに対応したいと思います。（他の人が直してもいいよ！　→　直したい他の人向けのメモ： 引数「ファイルサイズ」の値が 260 以上か以下かで分岐すればよいと思うのですが、この引数には「300」と書かれる場合も「300px」と書かれる場合もあるのが少々面倒なところ。条件文ではなく、CSS でうまいこと制限をかける手もあるかもしれない。）-- BadEditor 2024-12-09T16:02:33 (JST)

ありがとうございます。--こけ. (トーク) 2024-12-09T17:32:40 (JST)

「モバイルビューもどき」ガジェットをオンにしている際、広告を閉じることができない場合がある

端末はiPhone15で、OSは最新の18.1.1を使用しています。Safari, Google Chrome などなど、どのブラウザを使用してもこのバグが発生します。

確認している限りで2パターンあります

• ページ内の適当なリンクをタップした際に表示されるデカ広告を閉じることができない
  • →ページ移動時に表示される広告のバツボタンが高確率で画面外にはみ出てしまうため
• サイドバーの「リンク制御」をタップしたときに広告を閉じることができない
  • →チェックマークと画面上部の広告を閉じるボタンが重なってしまい、広告を閉じるボタンを押してもチェックマークに判定が行ってしまうため

--2025年 (トーク) 2024-12-09T16:18:21 (JST)