Making MediaWiki Mobile Friendly/ja

ウィキペディアを含めたメディアウィキのページについて、モバイル版表示の拡張機能 を介して表示する際の問題点と、その解決策を説明します. HTMLタグのインラインでのCSSスタイル の使用が共通した原因となっており、解決策と共に挙げていきます. Known pages that exhibit the problem will eventually be linked to from this page. Any help you can give fixing these problems would be much appreciated.

本文書はウォッチリストに入っていますから、もしモバイル版で正しく表示されていないものを見つけたら、ここに記録できます. そうすればコミュニティはどう解決するかについて合意することができ、影響されているページの一覧を挙げ皆で修正することもできます.

2カラム・レイアウト


問題: 一部のページ（主にポータル）には、モバイル版でうまく表示されていない2カラムレイアウトが使われています.

原因: 以下のようなインライン・スタイルが原因になっている傾向があります.

解決策: インライン・スタイルを、一般的な2カラム・レイアウトのクラスに置き換えます. スタイルシートを使えば、小さなスクリーンに対応するルールを記載することができます. ([//en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&oldid=499525120 英語版ウィキペディアのcommon.css]に記述されたクラス: portal-column-left-wide, portal-column-left, portal-column-right, portal-column-right-narrow)

例: [//en.wikipedia.org/w/index.php?title=Portal:Missouri&diff=prev&oldid=495624262 Portal:Missouri]

この問題の影響が出ているページのリスト:

Use of column-count


Problem: Certain pages have reference/note pages that appear squashed on mobile

Cause: These pages make use of the column-count css property.

Resolution: We should introduce a class in the affected wiki's MediaWiki:Common.css that provides this column-count property rather than placing it in an inline style ([//en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_14#Column-count_usage_across_Wikipedia see here]). We should then cleanup articles to use this class instead (e.g. column-count:4; is replaced by use of class .column-count-4).
 * Is not making use of column-width instead of column-count a better solution? See also: MediaWiki talk:Common.css/Archive 14#Column-count usage across Wikipedia.

TheDJ (talk) 20:51, 5 June 2012 (UTC)

Examples: N/A

この問題の影響が出ているページのリスト:

Template for broken style
Please copy this section to record a new problem above.

insert image here

Problem: Explain the image above outlining what the problem is

Cause: Explain what styling is causing this problem.

Resolution: Describe a resolution to the problem

Examples: link to a fix in the diff

この問題の影響が出ているページのリスト: This should link to a list of articles that are effected by the problem. Lists can be generated by downloading a dump of latest articles and grepping for pattern