• Gamerch
  • Gamerch 入門講座/HTMLマークアップ

HTMLマークアップ一覧

(106コメント)  

タグ一覧

>
最終更新日時：
Gamerch【ゲーマチ】は初心者でも簡単に無料で作成可能なゲーム専用Wikiです。
ゲームアプリから家庭用ゲーム機、PCなどの攻略情報やや交流掲示板などのWikiが簡単に作れます！

Wikiを初めて立ち上げる方はコチラを参考に！！

その他、Gamerch機能は下記を参考にして下さい。

アップデートされた機能一覧はコチラ


下記に、基本的なマークアップ一覧を掲載しています。


■Gamerch Wiki にて現在使用可能な 構文一覧(HTMLマークアップ)

文字装飾

変換用マークアップ説明該当するHTML/CSS
#contents目次を作成します
を作成します
*見出し（大）を作成しますh3
**見出し（中）を作成しますh4
***見出し（小）を作成しますh5
&color(red){サンプル}文字色を変更しますfont-color
&color(red,black){サンプル}文字色と背景色を変更しますfont-color background-color
&bgcolor;(red){サンプル}背景色を変更しますbackground-color
&size(15){サンプル}文字を大きくしますfont-size
''サンプル''文字を強調しますb
''''''文字を斜体にします　samplefont-style: italic
%%サンプル%%文字を打ち消しますfont-style: line-through
%%%サンプル%%%文字に下線が付きますfont-style: underline
LEFT:文字を左寄せにします　
※リスト・番号付きリスト・テーブルには使用できません		align:left
CENTER:文字を中央で揃えます　
※リスト・番号付きリスト・テーブルには使用できません		align:center
RIGHT:文字を右寄せにします　
※リスト・番号付きリスト・テーブルには使用できません		align:right
-
--
---		リストを作成しますul li
+
++
+++		番号付きリストを作成しますol li
#box(){テキストを囲い込んで表示します。
改行もOK
改行もOK}		テキストの背景色を変更して囲い込み表示します。
※下記サンプル（デフォルトカラー）
#box(yellow){テキストを囲い込んで表示します。
改行もOK
改行もOK}		テキストの背景色を変更して囲い込み表示します。
※下記サンプル（カラー名指定）
#box(#a0e77c){テキストを囲い込んで表示します。
改行もOK
改行もOK}		テキスの背景色を変更して囲い込み表示します。
下記サンプル（16進数指定）

デフォルトカラー

テキストを囲い込んで表示します。
改行もOK
改行もOK

カラー名指定

背景囲い込みを表示します。
改行もOK
改行もOK

16進数指定

背景囲い込みを表示します。
改行もOK
改行もOK

テーブル（表・区切り）

変換用マークアップ説明該当するHTML/CSS
&br;
~~		改行
を
挿入します		br
#hr区切り線を挿入しますhr
|表1|表2|表3|テーブルを作成します　
table
|!テーブルヘッダ|表4|表5| ! 記号でテーブルヘッダにします　
th
|~テーブルヘッダ|表6|表7| ~ 記号で行全体をテーブルヘッダにします　
th
|縦に結合したい文字|表8|表9|
|^|表10|表11|
|^|表12|表13|
 ^ 記号でテーブルを上に縦連結します
 td rowspan
|>|表14|
|表15|表16|		 > 記号でテーブルを右に横結合します
詳しくはこちら		 td colspan
left:文字列(又はLEFT:文字列)セル内の文字を左寄せにしますalign:left
center:文字列(又はCENTER:文字列)セル内の文字をセンタリングにします(大文字可)align:center
right:文字列(又はRIGHT:文字列)セル内の文字を右寄せにします(大文字可)align:right
color(red):文字列セル内の文字の色を指定します(大文字可)font-color
size(30):文字列セル内の文字のサイズを指定しますfont-size
bgcolor(red):文字列セル内の背景色を指定しますbackground-color
bgcolor(#a0e77c):color(white):文字列セル内の背景色と文字色を指定しますbackground-color
font-size
|h
(例)|あ|い|う|h		 テーブル行末に h を追加することでテーブルヘッダにすることも可能です。th
|c
(例)|bgcolor(blue):|color(white):|size(30):|c		 テーブル行末に c を追加することでセルの初期設定を設定することが可能です
詳しくはこちら
CENTER:
(例)|CENTER:|c		セルの初期設定行でセルを中央寄せにできます。
RIGHT:
(例)|RIGHT:|c		セルの初期設定行でセルを右寄せにできます。
LEFT:
(例)|LEFT:|c		セルの初期設定行でセルを左寄せに設定できます。
T:100
(例)|T:100%|c		セルの初期設定行でテーブルの全体の横幅(ピクセル)を設定できます（%も利用可能）<table width="">
TS:300
(例)|TS:300|c		スマホの場合のみ、セルの初期設定行で横幅指定が300ピクセル以上の場合、テーブルに横スクロールバーを表示できます（%は利用不可）
詳しくはこちら		<table width="">
数字やパーセント　
(例)|100|250|10%|c		セルの初期設定行でそのセルがある縦列全てのセルの横幅を変更できます<td width="">
<th width="">
RES:
（例：||RES:|c）		設定した縦の列が全てスマホページにてレスポンシブル表示が可能になります。
特定の画面幅以下の場合にレスポンシブル表示状態になり、次の行にデータが表示
されるようになります。
COLSORT:
（例：|COLSORT:攻撃|COLSORT:HP|COLSORT:防御|h）		COLSORT:を記載した列の部分を並び替えすることが出来るようになります。

★画像

変換用マークアップ説明表示例該当するHTML/CSS
#ref(http://gamerch.com/images/logo.png)画像を挿入します
img
&ref(http://gamerch.com/images/logo.png)画像を挿入します
img
&ref(http://gamerch.com/images/logo.png,140)横幅を指定します
img　width=""
&ref(http://gamerch.com/images/logo.png,250,36)横幅と縦幅を指定します
※横幅に合わせて拡大・縮小を行う場合は
縦幅を省略して下さい。
img　width="" height=""
&ref(http://gamerch.com/images/logo.png,,45)縦幅のみで指定します
img　height=""
&ref(http://gamerch.com/images/logo.png,left)画像を左に表示します文字サンプル
img　align="left"
&ref(http://gamerch.com/images/logo.png,right)画像を右に表示します文字サンプル
img　align="right"
#ref_rotate(aaa.jpg,bbb.jpg,ccc.jpg){横幅,縦幅}画像をランダムに表示します
#ref(http://gamerch.com/images/logo.png,Gamerchロゴ)画像に説明文を追加します
※「,」以下が数字、left、rightでない場合は自動的にaltになります。
※ランダム表示には対応していません。		Gamerchロゴ
img　alt="Gamerchロゴ"

★リンク

変換用マークアップ説明該当するHTML/CSS
[[ページ名]]HTMLマークアップ一覧　記事名を入力するだけでそのページへのリンクが生成されますa　href=""
[[リンク名>エントリー名]]リンク名　リンク名を指定することもできます　
a　href=""
[[リンク名>>エントリー名]]リンク名　リンク名を指定することもできます　
a　href="" target="_blank"
[[リンク名>http://～]]　http://～始まるリンクが生成されます　
a　href=""
[[リンク名>>http://～]]　http://～始まるリンクが生成されます　
a　href="" target="_blank"
[[#ref(http://gamerch.com/images/logo.png)>エントリー名]]リンク名を画像にすることができます
a　href=""

★ページ内リンク

変換用マークアップ説明該当するHTML/CSS
[[リンク名>#ID名]]topへの出発点リンクを作成しますa href="#id名"
[[リンク名>ページ名#ID名]]
[[リンク名>ページ名/#ID名]]		別ページ?の出発点リンクを作成しますa href="ページ名#id名"
[[リンク名>>#ID名]]topへの出発点リンクを作成しますa href="#id名" target="_blank"
&aname(ID名)ID名の到達点を作成しますid="#top"
&aname(ID名){到達点文字列}文字列への到達点を作成します<a id="#top" name="#top" title="#top">到達点文字列</a>
support@gamerch.comメールアドレスをそのまま記述すると
メールソフトを起動するリンクを生成します
お問い合わせはsupport@gamerch.comへ		a href=mailto:


★引用

変換用マークアップ説明補足
#blockquote(){引用文を表示します。}引用文を表示します。
引用文を表示します。


変換用マークアップ説明補足
#blockquote(){引用文を表示します。
改行もOK
改行もOK}		引用文を表示します。
引用文を表示します。
改行もOK
改行もOK

変換用マークアップ説明補足
 ～～box付き引用文を表示します。(半角スペース～～)box付き引用文を表示します。
box付き引用文を表示します。改行は
~~を利用して下さい。

変換用マークアップ説明補足
>～～box付き引用文を表示します。box付き引用文を表示します。
>box付き引用文を表示します。改行は
~~を利用して下さい

★コメントアウト

変換用マークアップ説明補足
//コメントアウトされますスラッシュ2つより後の文字を行末までコメントアウトします。
（テーブルのセル内で利用した場合、セル内の末尾までコメントアウトされます）
#co(){コメントアウトされます}中括弧内がコメントアウトされます。

★注釈

変換用マークアップ説明補足
((注釈の内容))注釈を入れることができます。*1
注釈を入れることができます2。*2


★動画

変換用マークアップ説明補足
&nicovideo(URL,iframe)ニコニコ動画へのリンクとなります ※Wiki内では再生できません
&nicovideo(URL)ニコニコ動画のリンクとなります　※Wiki内では再生できません
&youtube(URL)YouTubeのプレイヤーを表示しますデフォルトのサイズが適用されます　
&youtube(URL){横,縦}縦幅、横幅指定にてYouTubeのプレイヤーを表示します【例】&youtube(URL){300,200}
&youtube(URL){横}縦幅指定にてYouTubeのプレイヤーを表示します　
&youtube(URL){,縦}横幅指定にてYouTubeのプレイヤーを表示します　
&ustream(ID,横,縦)Ustreamを表示しますUstreamボタンから簡易入力が可能です

★開閉ボックス

変換用マークアップ説明該当するHTML/CSS
[+]2015年7月27日より使用が出来なくなります。
現在使用している場合は、変更に必要ありませんが[-]と同じ仕様となります。
[-]開閉ボックス開始タグ（デフォルト：開き状態）
開始タグの後ろの文字は開閉ボックスのボタンの横に表示されます
[END]開閉ボックス閉じタグ
#region(close,文字列)2015年7月27日より使用が出来なくなります。
現在使用している場合は、変更に必要ありませんが#region(open,文字列)と同じ仕様となります。
#region()
#region(open,文字列)		開閉ボックス開始タグ（デフォルト：開き状態）。[-]と互換です。
第2引数の文字列は開閉ボックスのボタンの横に表示されます。
#endregion開閉ボックス閉じタグ

【利用方法】
[-]開閉ボックスです
この内容が開閉される内容になります。
[END]

(又は)
#region(open,開閉ボックスです)
この内容が開閉される内容になります。
#endregion

【実際の表示】
開閉ボックスです
この内容が開閉される内容になります。

補足：クッキーにて10（2015年7月27日から100）個までの開閉を記憶します。

★metaタグ関連

変換用マークアップ説明利用例
&meta_keywords()ヘッダーのmetaタグのkeywordsを
書き換えます。「,」で区切って指定します。		【例】&meta_keywords(gamerch,ゲーム攻略,wiki)
&meta_description()ヘッダーのmetaタグのdescriptionを
書き換えます。		【例】&meta_description(ゲーム攻略WIKIならgamerch！)


★その他

ページ名（見出し）変更構文とタイトルタグ変更構文についてはコチラを参考にしてください。
⇒ページ名（見出し）変更構文とタイトルタグ変更構文について

ページ名（見出し）変更構文説明利用例
&entry_title(タイトル)アドレスを変更せずページ名（見出し）を変更可能です【例】&entry_title(【最新リセマラ ランキング)

タイトルタグ変更構文説明利用例
&title(タイトル)アドレスを変更せずタイトル名を変更可能です【例】&title(【ゲーム名】〇月〇日付リセマラ ランキング)

変換用マークアップ説明利用例
#ig_link(トップページ)ページ自動リンクを無効にしますトップページ・ページ名でリンクさせたくない
トップページ・ページ名でリンクさせたくない


★ツイッター タイムライン表示

特定のアカウントのタイムラインを表示することが出来ます（現在twitter管理画面よりウィジェットの作成をしなくても表示可能になっております）
以下の構文の「対象のアカウント」部分を変更してご使用ください

#tw_timeline(対象のアカウント,)



★ページURLを表示

変換用マークアップ説明表示例
&this_url()ページURLを表示https://howto.gamerch.com
&this_url(link)ページURLをリンクテキストで表示https://howto.gamerch.com


★テキストボックス内に文字列を表示

変換用マークアップ説明表示例
&copy()テキストボックス内に文字列を表示
&copy(&this_url())テキストボックス内にページURLを表示
※この構文を使った場合、テキストボックスをクリックすると文字列が全選択されます。


★独自class id 付与

変換用マークアップ説明利用例
#divclass(クラス名){
}		<div class="クラス名">を表示#divclass(original_css_class){
}
#divid(id名){
}		<div id="id名">を表示#divid(original_css_id){
}

★ページインクルード

別のページを表示することができます。カード画像、共通項目を読み込む際に便利です。

#include(インクルード サンプル)・・・・h見出し有り（ページ名が見出しとして表示されます）

インクルード サンプル




#include(インクルード サンプル,)・・・・h見出し無し



#include(インクルード サンプル,***)・・・・h3見出し（*~***が選択可能）

インクルード サンプル



WikiDBマークアップ機能

WikiDBに登録してある情報を一覧にして表示します。

変換用マークアップ説明具体的な利用例
#wikidb_select(テンプレート名){|項目名1|項目名2|項目名3|}WikiDBの一覧を表示します#wikidb_select(アイテム){|ページ名|image|レアリティ|コスト|属性/兵種/タイプなど|}

また、WikiDBは条件を指定して一部だけ表示することも可能です。以下のマークアップを活用して特定の関連性のある情報だけを表示したり出来ます。
利用するには項目名のすぐ後ろに以下のマークアップを追記するだけで利用可能です。

条件指定用マークアップ説明補足
:>(1など)その列で指定した値より大きい値のみ表示します（より大きい）未満、以下と組み合わせても利用出来ます
:>=(1など)その列で指定した値を含め大きい値のみ表示します（以上）未満、以下と組み合わせても利用出来ます
:<(1など)その列で指定した値より大きい値のみ表示します（より小さい、未満）より大きい、以上と組み合わせても利用出来ます
:<=(1など)その列で指定した値を含め大きい値のみ表示します（以下）より大きい、以上と組み合わせても利用出来ます
:=(1など)指定した値と同じデータがある場合だけ表示します
:in(1,2,3などコンマ区切り)指定した値のどれかと同じデータがある場合だけ表示します
:asc
:desc		表示を昇順、降順にします値が入っていない場合、一番下に表示されます。
一つのテーブル内で1列のみ利用できます。
:hideその列を非表示にします
:!=(SSRなど)指定した値と異なる値を表示します
:>(1など):<(100など)指定した値と値の間を表示します:>=,:<=とすることで以上、以下の値になります

【昇順、降順にした場合の並び順について】
テーブルヘッダ行などで昇順、降順の操作をした場合にはその縦列のデータの文字列で並び替えを行います。
並び順は以下の通りになります。
・縦列に空欄、または半角数字のみが存在する場合は数字順になります。
・縦列に半角数字以外の文字が1つでもが存在する場合は辞書順（Unicode順）になります。

【具体的な利用例】
▽条件
　・レアリティが★3以上を抽出し、列は非表示にする
　・コストが10以上で降順表示
　・属性/兵種/タイプ　が　戦士と魔法使いのみ

▽マークアップ
　#wikidb_select(アイテム){|ページ名|image|レアリティ:>=(★3):hide|コスト:>(100):desc;|属性/兵種/タイプなど:in(戦士,魔法使い)|}


【表・区切り】
WikiDBでも、テーブル表の設定行を書くことができます。

▽マークアップ
#wikidb_select(キャラクター){|TS:500|100|LEFT|c,|ページ名|image|レアリティ_1|コスト_1|属性/兵種/タイプなど|}

上記のように、まず設定行を書き、「|c,」に続けてテーブルを書くと設定行が反映されます。
設定行とデータ行を「|c,」で区切って判別しています。
その後ろにデータ行を書いてください。
(設定行は省略可能です)

また、設定行を使用する場合でhide:を使用する場合は、設定行の該当の列は空にするか、0を指定してください。

▽マークアップ
#wikidb_select(キャラクター){|TS:500|100||c,|ページ名|image|レアリティ_1:hide|コスト_1|属性/兵種/タイプなど|}
#wikidb_select(キャラクター){|TS:500|100|0|c,|ページ名|image|レアリティ_1:hide|コスト_1|属性/兵種/タイプなど|}


投票マークアップ機能

投票ページにおけるスコアと投稿されているコメントを表示します。


条件指定用マークアップ説明補足
#vote(ランキング名)表示しているページの指定したランキング内でのスコアを表示します

【表示例】※下記は画像になります


*1 入れた順番に番号が振られ、Wiki下部に注釈の内容が表示されます
*2 下部へのリンクも同時に生成されます
コメント(106)

コメント

  • 774@Gamerch No.105600937 2021/08/10 (火) 19:07 通報
    副管理者以上の権限ってどうやって昇格申請して昇格すればいいですか
    0
  • ねこざき No.105462610 2021/04/23 (金) 10:32 通報
    wiki構文をそのままページに表示させたいときはどうすればいいですか？
    0
  • rarafy No.105402519 2021/03/05 (金) 00:05 通報
    旧wikiで、Twitterタイムラインの埋め込み、RSSフィードが読み込めなくなっているほか、SNSからのリンクが見られなくなっているようです。
    仕様変更ですか？
    返信数 (3)
    0
  • 774@Gamerch No.104648670 2020/02/29 (土) 12:09 通報
    URL指定での画像表示で、URLに#が含めれているURLは画像のURLとして認識されないのでしょうか？
    #が入っているURLか.画像拡張子で終わっていないURLのどちらかが使用できると助かります。
    返信数 (1)
    0
    • × └ Gamerchサポート No.104705881 2020/03/25 (水) 13:00 通報
      コメントありがとうございます。
      認識されない場合は#の末尾を消してお試しください
      引き続きGamerchをよろしくお願いいたします
      0
  • 774@Gamerch No.104462758 2019/11/26 (火) 14:30 通報
    新Wikiでは
    ～～box付き引用文を表示します。(半角スペース～～)
    >～～box付き引用文を表示します。
    は使えなくなったんでしょうか？
    返信数 (1)
    0
    • × └ Gamerchサポート◆rfiYrD9mT6 No.104467629 2019/11/29 (金) 10:45 通報
      コメントありがとうございます。
      新システムの方では
      #box(){
      }
      こちらの構文をご利用下さい。また直接手書きにしなくても編集パレットからお選びいただけます。
      0
  • 774@Gamerch No.104236361 2019/09/28 (土) 00:30 通報
    Twitchの埋め込みは出来ないのでしょうか
    返信数 (2)
    0
    • × └ Gamerchサポート◆rfiYrD9mT6 No.104252117 2019/10/07 (月) 11:03 通報
      コメントありがとうございます
      現在はTwitchの埋め込み機能はございませんが、ご希望者が多い場合は検討いたします。
      0
      • × └ 774@Gamerch No.104265007 2019/10/14 (月) 00:01 通報
        いつもGamerchを使わせていただいて、ありがとうございます。
        Eスポーツの普及のためにも、日本の皆さんの準備ができた時には、よろしくお願いします。
        埋め込みのツイートなんですが
        つぶやきの内容によって（おそらく画像のツイートです）をiPadで見た時に
        埋め込みツイッター部分だけが
        横に大きくフレームから出てしまうことがあります。
        0
  • RediaWIN No.104097837 2019/07/26 (金) 15:05 通報
    WikiDBを使って表示する際に、結合＆改行をして表示をしたいのですが可能でしょうか？（結合はいいとしても改行はしたいです）
    例）|キャラ名|初期ステータス値|
    　　|^結合 |maxステータス値|
    返信数 (1)
    0
    • × └ Gamerchサポート◆rfiYrD9mT6 No.104105888 2019/07/29 (月) 10:13 通報
      コメントありがとうございます。
      テーブル内の改行は上記に書いてあります通り、&br;
      または~~で可能です。
      0
  • komodo No.103702450 2019/02/18 (月) 10:29 通報
    Twitterタイムラインだけでなく、単体ツイートの埋め込みをやりたいのですが、既存の機能でできないなら実装して欲しいです
    0
  • 774@Gamerch No.103011674 2018/09/06 (木) 21:13 通報
    テーブルのセル内にイメージを埋め込む場合に幅のサイズ指定が無視されているようなのですがバグだと思いますので修正願います。
    |#ref(XXXXXXX.jpg,20,10)|←20が無視される
    あとセル内にイメージを埋め込むと直後自動で改行されてしまうのですがこれも同様にバグだと思いますので修正願います。
    返信数 (1)
    0
    • × └ Gamerchサポート◆rfiYrD9mT6 No.103051945 2018/09/18 (火) 10:08 通報
      コメントありがとうございます
      この件につきましては調査いたします
      引き続きGamerchをよろしくお願いいたします
      0
  • Lucifel No.102952793 2018/08/22 (水) 19:10 通報
    wikiDBの抽出に関してなのですが、抽出したデータの数を表示できるようにしてほしいです。
    いちいち抽出したデータを数えて何個あるかを手作業で書くのは非常に大変です。
    たとえば、レアリティ☆5を抽出したら、レアリティ☆5が全部で何個あるのかを構文で抽出できるようにしてください。
    返信数 (1)
    1
    • × └ Gamerchサポート◆rfiYrD9mT6 No.102968501 2018/08/27 (月) 11:55 通報
      貴重なご意見ありがとうございます。
      開発と協議しまして機能を検討させていただきます。
      2
goodランキングへ

削除すると元に戻すことは出来ません。
よろしいですか？

今後表示しない

名前
コメント（必須）
(300文字まで)
必ず「Gamerch ガイドライン」をご覧の上、書き込みをお願いします。
画像
sage機能

対象コメント

選択項目

詳細

※上記の内容はWiki管理者へ通報されます。

通報完了

通報内容を送信しました

エラー

エラーが発生しました

削除しました。

このページをシェアしよう！

メニュー  

Gamerch会員特典

基本マークアップ

Wikiの基本編集・新規機能

その他

人気Wikiの作り方講座

Gamerchサポート

左サイドメニューの編集

サイト内ランキング
運営への要望
DBを使ってみよう！
スマホから編集してみよう！
4 【第4回】荒らしの効果的な対策
5 アンケートを使ってみよう！
6 編集してみよう！
7 掲示板を使ってみよう！
8 装飾してみよう！
9 マイページを使ってみよう！
10 AMPページの説明
最近の更新

2022/07/11 (月) 08:13

2022/05/24 (火) 14:37

2022/04/10 (日) 17:58

2022/02/27 (日) 13:16

2022/02/27 (日) 13:14

2022/01/24 (月) 03:45

2021/12/26 (日) 11:26

2021/12/19 (日) 18:11

2021/12/14 (火) 21:57

2021/12/02 (木) 23:37

2021/11/07 (日) 08:09

2021/10/15 (金) 02:45

2021/08/30 (月) 21:19

2021/08/10 (火) 19:07

2021/04/23 (金) 10:32

2021/04/12 (月) 16:36

2021/04/12 (月) 16:35

2021/04/12 (月) 16:33

2021/03/05 (金) 00:05

2020/12/27 (日) 06:36

更新履歴一覧へ
編集履歴のみ一覧へ
新規作成

2017/12/21 (木) 16:52

2017/09/12 (火) 16:01

2017/07/28 (金) 17:42

2017/06/05 (月) 18:52

2017/02/06 (月) 16:13

2016/10/13 (木) 17:08

2016/10/13 (木) 15:35

2016/10/11 (火) 18:46

2016/10/05 (水) 09:32

2016/06/09 (木) 11:34

新規作成履歴一覧へ
注目記事
【サンブレイク】最新アップデート（アプデ）情報まとめ【モンハンライズ】 モンハンサンブレイク攻略Wiki
【ポケカ】白熱のアルカナの当たりカードと値段【ポケモンカード】 ポケカ（ポケモンカード）攻略Wiki
【幻塔】リセマラ当たりランキング【Tower of Fantasy】 幻塔（Tower of Fantasy）攻略Wiki
【ハガモバ】リセマラ当たりランキング【ハガレンアプリ】 鋼の錬金術師MOBILE攻略Wiki
【Apex】シーズン14はいつから？パッチノート内容まとめ【エーペックス】 Apex Legends攻略Wiki【エーペックス レジェンズ】
ページ編集 トップへ
コメント 106