Wikiルール
レイアウトを揃えたり統一感を持たせることでページがより綺麗に見えます。
ページごとのバラつきを防ぎたいと思いますので、初めて編集に参加される方は下記事項を一読くださいませ。
なお、ここに記載の事項は必ず守らなければいけないということではありません。
編集時の注意事項
テーブ内の画像は正方形、テーブル外の画像は長方形
テーブル内の画像が横長であったりするとテーブルの余白にバラつきが生まれます。
テーブル内の画像は必ず正方形(500×500など)でトリミングしてください。
反対にテーブルの外に出す画像は長方形(150×300など)でトリミングしてください。
スマートフォンで閲覧する際に縦幅があるとスクロールがストレスに繋がります。
ファーストビューに画像を設ける
ページを開いた時に画像が最初に目に付くように画像をページの最上部に設置してください。
その際読まなくてもどんなページなのか一目で分かるような画像だとナイスです。
その後画像の下に書き出し、目次と繋げてください。
目次はページのコンテンツ量次第では設けなくてもよいです。
複雑なテーブルは控える
テーブルの形が複雑になるような使い方は控えましょう。
基本的にテーブルは Simple is best の形が望ましいです。
あまりにも複雑だと記載が面倒、作った本人にしか記載場所が分からないという事態になりかねません。
ページ最下部には関連ページへのリンクを設ける
一通り読み終わった後はそこでブラウザを閉じられることなく、次のページへ誘導できるコンテンツがあると良いでしょう。
ページ最下部にページと関連性の深いページをリンクとして設置しておくことで興味を持たれます。
外に出している画像は中央揃え
外に出している画像は「CENTER」で中央揃えにしてください。
画像サイズに関わらず左右の余白が均等になります。
目次に出したくない見出しはCSSを使う
「見出しとして大きく表示はさせたいが、目次に載せるほどではない」という時もあるでしょう。
そういう時はカスタムCSSを使用してください。
当WikiではカスタムCSSで擬似見出しの作成が可能です。
【擬似見出しの使い方】
サンプル1
#divclass(h1){
サンプル1
}
※コードを出すために括弧をわざと全角にしています。使用する際は半角を使ってください。
サンプル2
#divclass(h2){
サンプル2
}
※コードを出すために括弧をわざと全角にしています。使用する際は半角を使ってください。