|
ガイドライン のバックアップ(No.4)
ガイドライン
|
| 記法 | 表示 |
| テキスト | 太字 |
| テキスト | 斜体 |
| テキスト | テキスト |
| テキスト | 背景色付きセル(テーブル内のみ) |
* 大見出し(H1) ** 中見出し(H2) *** 小見出し(H3)
H4より下の見出しはありません。
見出しにアンカーIDを付ける場合は以下の形式。
* 見出し [#anchor_id]
意味のあるアンカーIDにしたほうが、
後々、ページ内リンクを作る際に便利です。
[[ページ名]] 内部リンク [[表示テキスト>ページ名]] 別名で内部リンク [[表示テキスト>https://...]] 外部リンク
|列1|列2|列3| |データ|データ|データ|
ヘッダー行(背景色付き)にするには `h` を末尾に付ける。
|列1|列2|列3|h
列幅・配置の指定は `c` 行で行う。
|LEFT:200|CENTER:|RIGHT:|c
セルの結合は `>` で右隣と、`~` で下と結合できる。
#region(ここをクリック) 折りたたむ内容 #endregion
#pre{{
ここにコードや整形済みテキスト

⚠️ 注意:手順を守らないと別の画像が上書きされるバグがあります。
このwikiでは、編集画面のプレビューからattachrefを保存せずに画像をアップロードしようとすると、
そのページの1番目に添付されている画像が上書きされるという不具合が確認されています。
必ず以下のいずれかの手順でアップロードしてください。
パーセンテージの部分は実際の画像表示を確認して、
適宜調整してください。
複数の画像をまとめてアップロードしたい時に便利です
&attachref(./ファイル名.jpg,nolink); 標準サイズで表示 &attachref(./ファイル名.jpg,nolink,50%); 50%で表示 &attachref(./ファイル名.jpg,nolink,320x100); ピクセル指定で表示 ブラウザの画像表示の仕様上、 100%や50%、25%のような4の倍数で指定すると、クッキリハッキリ画像が表示されます。 画像を制作する場合、1280px x 720px が一番編集しやすく、使い勝手が良いです。
`nolink` を付けると画像クリック時のリンクを無効化できる。
省略すると画像が別タブで開く。
バナー画像をクリックしたら該当ページに飛ぶ、という使い方。
ウォーフェアのゲームモード一覧やオススメ記事バナーで使っている形式。
[[&attachref(ファイル名.jpg,nolink,640x160);>リンク先ページ名]] [[&attachref(ファイル名.jpg,nolink,640x160);>https://外部URL]]
具体例
[[&attachref(map_cracked.jpg,nolink,320x100);>焦土]] [[&attachref(bnr_f45a.jpg,nolink,440x250);>F-45A戦闘機]]
| 記法 | 用途 |
| `&attachref(...,nolink,50%)` | そのページに添付した画像を表示するだけ(リンクにできない) |
| `&attachref(...,nolink,50%)>リンク先ページ名` | 画像をリンクにしたい時はこちらを使う |
`nolink` は画像単体クリック時の別タブ展開を防ぐためのオプション。
リンク先への遷移はそのまま機能するので、バナーリンクには必ず付けておくこと。
見出しのアンカーIDは、PukiWikiの編集画面でページを新規作成した際に
自動生成される8文字のランダム文字列を使うのが慣習。
手動で付ける場合は `[#わかりやすい名前]` でも問題ない。
とりあえず自動生成で原稿作っといて、
他ページからリンク貼りそうな見出しだけ、
意味のあるアンカー名に整理するのが良いと思います。スピード優先。
以下は筆者のマイルールなので、
必ずしも守る必要はありません。
ただ、ある程度の規則性があった方が、
後々、整理する際に楽になります。
画像を差し替える際は`ファイル名_rev数字.jpg`(例: `bnr_f-45a_rev2.jpg`)のように書くと、
後で差し戻したり、プレビュー画面で比較検討するのがやりやすいです。
このWikiは、700KBまでの画像がアップロード可能ですが、
700KBギリギリに収めるのではなく、可能な限り、ファイルサイズを圧縮してください。
ページの読み込み速度に直結します。
以下のサイトで圧縮するのがオススメです。業務でもよく使われます。
Google社が開発した画像圧縮サービス「Squoosh」
* ページタイトル [#anchor] #youtube(https://www.youtube.com/watch?v=XXXXXX); ↑ページを説明する動画。出来るだけ、あった方が望ましいです。 画像よりも、動画がページ上部にあるほうが、SEO対策の観点で有利です。 &attachref(,nolink,50%); ↑ページを説明する画像。出来るだけ、あった方が望ましいです。 ユーザーは文章を一文字も読まない前提で、画像で説明するのがWEBサイトの基本です。 一言でページ内容を説明するデスクリプション。3行以内、120文字以内が基本。 SEO対策の観点から、書いたほうがいいです。 Googleとかの検索順位が上がります。 ** セクション名 [#section] 内容 結論をなるべく一番上に書いてください。 記事全文を読んでほしい気持ちはよく分かりますが、 多くのWEBサイトで、ユーザーは1スクロールもせずに離脱します。 あなたが一番伝えたいことは、スクロールしなくても見えるようにしましょう。 ** 関連ページ [#related] [[ウォーフェア]] | [[関連ページ名]] * コメント [#comment] #pcomment(,reply,20,)
|BGCOLOR(#555):COLOR(white):|200|200|c ||''列1''|''列2''|h |行1|データ|データ| |行2|データ|データ|
コメントはありません。 Comments/ガイドライン?