Redmineをしばらく使わなくなりそうなので、忘れないようにWiki制作で大活躍！
よく使う記法についてまとめました！
RedmineのWikiでよくつかう記法
RedmineのWikiは独自の記法があるので覚えておきましょう！
見出し
h1.
ページ名
h2.
大見出し
h3.
小見出し
この3つで十分。
目次
{{toc}}
そのページの構成がひと目でわかります。
画像
!{width:640px}image.jpg!
画像のサイズは固定にします。
よく使うので単語登録。
並列に画像を複数並べる
||!{width:640px}image.jpg!||!{width:640px}image.jpg!||
画像を2つ並べて、比較したい時に。
水平線
---
一旦、仕切りたい時に。
リンク
"Redmine.JP":http://redmine.jp/
リポジトリのリンク
revisions/000001/trunk
revisionsとリビジョン番号の部分のパスを削除すると常に最新のデータになります。
テーブル
Wikiのテーブルに色を付ける方法
table{background:#F5F5F5}.
{background:#666666}. |_. %{color:white}親フォルダ%|_. %{color:white}子フォルダ%|_. %{color:white}備考% |_. %{color:white}発注%|_. %{color:white}制作%|
|/4=. TEST |=.A |. -|/2=. - |/2=. -|
|=.B |. - |
|=.C |. - |=. - |=. -|
|=.D |. - |=. - |=. -|引用
bq.
折りたたむ
長文を隠したい時に
{{collapse
あいうえお
}}赤文字
%{color:red}赤文字%
蛍光ペン
%{background-color: #ffff00}蛍光ペン%
蛍光ペン風の強調表示
箇条書き項目
2集類使い分けて、箇条書きの項目をみやすくする
<b>タグ
*
<strong>タグ
**
画像のサイズ指定と並べ方
Wikiに添付した画像は、ファイル名だけで本文に出せます。
そのままだと元のサイズで出るので、幅を指定して揃えるのが基本です。
| やりたいこと | 書き方 |
|---|---|
| 添付した画像を表示する | !image.png! |
| 幅を指定する | !{width:640px}image.png! |
| 親の幅いっぱいに広げる | !{width: 100%}image.png! |
| 右に回り込ませる | !>image.png! |
| altとタイトルを付ける | !image.png(説明文)! |
| 画像にリンクを付ける | !image.png!:https://example.com |
| 横に並べる | ||!{width:320px}a.png!||!{width:320px}b.png!|| |
幅の指定はCSSと同じ書き方なので、pxでも%でも通ります。
width: 100%にすると、置いた場所の幅に合わせて伸び縮みします。
クリックで拡大できるサムネイルにする
一覧に小さく並べて、必要な人だけ拡大して見てもらいたい場合があります。
その場合はサムネイルのマクロを使います。
| 書き方 | 内容 |
|---|---|
{{thumbnail(image.png)}} | サムネイルで表示する。既定の大きさは200ピクセル |
{{thumbnail(image.png, size=300, title=説明)}} | 大きさとタイトルを指定する |
サムネイルはクリックすると元の画像が開きます。
手順書のように画像が多いページでは、縦に長くならずに済みます。
ページをまたいで使うマクロ
ページが増えてくると、同じ内容を何度も書くことになります。
Redmineには、それを避けるためのマクロがあります。
| 書き方 | 内容 |
|---|---|
{{include(ページ名)}} | 別のWikiページの内容をそのまま読み込む |
{{include(プロジェクト名:ページ名)}} | 別プロジェクトのページを読み込む |
{{child_pages}} | そのページの子ページを一覧にする |
{{child_pages(ページ名, parent=1)}} | 指定したページの子を、親へのリンク付きで一覧にする |
共通の注意事項を1ページにまとめて、各ページから読み込む使い方が便利です。
直すときも、読み込み元の1ページだけ直せば済みます。
※ 記法とマクロは、Redmine公式Wikiの「RedmineTextFormattingTextile」で2026年9月19日に確認しました。
仕事が捗るほかのツールは、まとめからご覧いただけます。
この記事で紹介しているコードは、GitHubのMOTOKI-LLC/cg-method-codeにもまとめています。
仕事で使うWebサービスの記事は、ほかにもあります。
