ポケモン構築記事用テンプレート
こんな感じのパーティ一覧表を書く方法。
以下のHTMLコードを適当に書き換えて使う。ただのHTMLなので、ほとんどのブログサービスで問題なく使えるはず。
PGL公式のQRパーティ画像＋別にテキストで実数値を書いておく、という形式の方がお手軽＆一覧性に優れている気がするけれど、個別解説も一緒に盛り込めるという点で差別化出来る。かもしれない。
必要に応じて見だし部分をなくしたり、1匹だけ取り上げて解説すると言った形にもできる。
<!--テーブル部分 ここから--> <table> <!--見出し部分 ここから--> <tr> <th rowspan="3" style="text-align: center;">ポケモン</th> <th style="text-align: center;">わざ1</th> <th style="text-align: center;">わざ2</th> <th style="text-align: center;">わざ3</th> <th style="text-align: center;">わざ4</th> <th style="text-align: center;">もちもの</th> </tr> <tr> <th colspan="4" style="text-align: center;">実数値（努力値）</th> <th>とくせい</th> </tr> <tr> <th colspan="5" style="text-align: center;">備考</th> </tr> <!--見出し部分 ここまで--> <!--ポケモン1匹分 ここから--> <tr> <td style="text-align: center;">ポケモン名</td> <td style="text-align: center;">わざ1</td> <td style="text-align: center;">わざ2</td> <td style="text-align: center;">わざ3</td> <td style="text-align: center;">わざ4</td> <td style="text-align: center;">もちもの</td> </tr> <tr> <td rowspan="2" style="text-align: center;">画像URL</td> <td colspan="4" style="text-align: center;">"せいかく：実数値（努力値）" の形式</td> <td style="text-align: center;">とくせい</td> </tr> <tr> <td colspan="5"> 個別解説を書く。左揃えになっている。<br>改行したい場合は、<br>を書くと次の行に移る。 </td> </tr> <!--ポケモン1匹分 ここまで ※最後のポケモンの場合--> <!--次のポケモンに続く場合、見やすくするため1行分の空白を挿入したい。そのため以下の1行を追加する。--> <tr><td colspan="6" style="background-color: #f0f1f2;"></td></tr> <!--ポケモン1匹分 ここまで ※下に続く場合--> <!--ポケモン1匹分 ここから--> <tr> <td style="text-align: center;">ポケモン名</td> <td style="text-align: center;">わざ1</td> <td style="text-align: center;">わざ2</td> <td style="text-align: center;">わざ3</td> <td style="text-align: center;">わざ4</td> <td style="text-align: center;">もちもの</td> </tr> <tr> <td rowspan="2" style="text-align: center;">画像URL</td> <td colspan="4" style="text-align: center;">"せいかく：実数値（努力値）" の形式</td> <td style="text-align: center;">とくせい</td> </tr> <tr> <td colspan="5"> 個別解説を書く。左揃えになっている。<br>改行したい場合は、<br>を書くと次の行に移る。 </td> </tr> <!--ポケモン1匹分 ここまで ※最後のポケモンの場合--> <!--次のポケモンに続く場合、見やすくするため1行分の空白を挿入したい。そのため以下の1行を追加する。--> <tr><td colspan="6" style="background-color: #f0f1f2;"></td></tr> <!--ポケモン1匹分 ここまで ※下に続く場合--> <!--ポケモン1匹分 ここから--> <tr> <td style="text-align: center;">ポケモン名</td> <td style="text-align: center;">わざ1</td> <td style="text-align: center;">わざ2</td> <td style="text-align: center;">わざ3</td> <td style="text-align: center;">わざ4</td> <td style="text-align: center;">もちもの</td> </tr> <tr> <td rowspan="2" style="text-align: center;">画像URL</td> <td colspan="4" style="text-align: center;">"せいかく：実数値（努力値）" の形式</td> <td style="text-align: center;">とくせい</td> </tr> <tr> <td colspan="5"> 個別解説を書く。左揃えになっている。<br>改行したい場合は、<br>を書くと次の行に移る。 </td> </tr> <!--ポケモン1匹分 ここまで ※最後のポケモンの場合--> <!--次のポケモンに続く場合、見やすくするため1行分の空白を挿入したい。そのため以下の1行を追加する。--> <tr><td colspan="6" style="background-color: #f0f1f2;"></td></tr> <!--ポケモン1匹分 ここまで ※下に続く場合--> <!--ポケモン1匹分 ここから--> <tr> <td style="text-align: center;">ポケモン名</td> <td style="text-align: center;">わざ1</td> <td style="text-align: center;">わざ2</td> <td style="text-align: center;">わざ3</td> <td style="text-align: center;">わざ4</td> <td style="text-align: center;">もちもの</td> </tr> <tr> <td rowspan="2" style="text-align: center;">画像URL</td> <td colspan="4" style="text-align: center;">"せいかく：実数値（努力値）" の形式</td> <td style="text-align: center;">とくせい</td> </tr> <tr> <td colspan="5"> 個別解説を書く。左揃えになっている。<br>改行したい場合は、<br>を書くと次の行に移る。 </td> </tr> <!--ポケモン1匹分 ここまで ※最後のポケモンの場合--> <!--次のポケモンに続く場合、見やすくするため1行分の空白を挿入したい。そのため以下の1行を追加する。--> <tr><td colspan="6" style="background-color: #f0f1f2;"></td></tr> <!--ポケモン1匹分 ここまで ※下に続く場合--> <!--ポケモン1匹分 ここから--> <tr> <td style="text-align: center;">ポケモン名</td> <td style="text-align: center;">わざ1</td> <td style="text-align: center;">わざ2</td> <td style="text-align: center;">わざ3</td> <td style="text-align: center;">わざ4</td> <td style="text-align: center;">もちもの</td> </tr> <tr> <td rowspan="2" style="text-align: center;">画像URL</td> <td colspan="4" style="text-align: center;">"せいかく：実数値（努力値）" の形式</td> <td style="text-align: center;">とくせい</td> </tr> <tr> <td colspan="5"> 個別解説を書く。左揃えになっている。<br>改行したい場合は、<br>を書くと次の行に移る。 </td> </tr> <!--ポケモン1匹分 ここまで ※最後のポケモンの場合--> <!--次のポケモンに続く場合、見やすくするため1行分の空白を挿入したい。そのため以下の1行を追加する。--> <tr><td colspan="6" style="background-color: #f0f1f2;"></td></tr> <!--ポケモン1匹分 ここまで ※下に続く場合--> <!--ポケモン1匹分 ここから--> <tr> <td style="text-align: center;">ポケモン名</td> <td style="text-align: center;">わざ1</td> <td style="text-align: center;">わざ2</td> <td style="text-align: center;">わざ3</td> <td style="text-align: center;">わざ4</td> <td style="text-align: center;">もちもの</td> </tr> <tr> <td rowspan="2" style="text-align: center;">画像URL</td> <td colspan="4" style="text-align: center;">"せいかく：実数値（努力値）" の形式</td> <td style="text-align: center;">とくせい</td> </tr> <tr> <td colspan="5"> 個別解説を書く。左揃えになっている。<br>改行したい場合は、<br>を書くと次の行に移る。 </td> </tr> <!--ポケモン1匹分 ここまで ※最後のポケモンの場合--> <!--以下、編集禁止--> </table> <!--テーブル部分 ここまで-->
出力
| ポケモン | わざ1 | わざ2 | わざ3 | わざ4 | もちもの |
|---|---|---|---|---|---|
| 実数値（努力値） | とくせい | ||||
| 備考 | |||||
| ポケモン名 | わざ1 | わざ2 | わざ3 | わざ4 | もちもの |
| 画像URL | "せいかく：実数値（努力値）" の形式 | とくせい | |||
|
個別解説を書く。左揃えになっている。 改行したい場合は、<br>を書くと次の行に移る。 |
|||||
| ポケモン名 | わざ1 | わざ2 | わざ3 | わざ4 | もちもの |
| 画像URL | "せいかく：実数値（努力値）" の形式 | とくせい | |||
|
個別解説を書く。左揃えになっている。 改行したい場合は、<br>を書くと次の行に移る。 |
|||||
| ポケモン名 | わざ1 | わざ2 | わざ3 | わざ4 | もちもの |
| 画像URL | "せいかく：実数値（努力値）" の形式 | とくせい | |||
|
個別解説を書く。左揃えになっている。 改行したい場合は、<br>を書くと次の行に移る。 |
|||||
| ポケモン名 | わざ1 | わざ2 | わざ3 | わざ4 | もちもの |
| 画像URL | "せいかく：実数値（努力値）" | とくせい | |||
|
個別解説を書く。左揃えになっている。 改行したい場合は、<br>を書くと次の行に移る。 |
|||||
| ポケモン名 | わざ1 | わざ2 | わざ3 | わざ4 | もちもの |
| 画像URL | "せいかく：実数値（努力値）" | とくせい | |||
|
個別解説を書く。左揃えになっている。 改行したい場合は、<br>を書くと次の行に移る。 |
|||||
| ポケモン名 | わざ1 | わざ2 | わざ3 | わざ4 | もちもの |
| 画像URL | "せいかく：実数値（努力値）" の形式 | とくせい | |||
|
個別解説を書く。左揃えになっている。 改行したい場合は、<br>を書くと次の行に移る。 |
|||||
