HTMLマークアップ一覧

(2)  
Gamerch【ゲーマチ】は初心者でも簡単に無料で作成可能なゲーム専用Wikiです。
ゲームアプリから家庭用ゲーム機、PCなどの攻略情報やや交流掲示板などの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
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:防御|)
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"

★ページ内リンク

変換用マークアップ説明該当する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:

★RSSフィード

[[:Feed(row=3):]]RSSフィードを表示します
[[ヤフーRSS:Feed(row=3):]]タイトルを任意で指定して、
RSSフィードを表示します

★引用

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


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

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

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

★コメントアウト

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

★注釈

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


★動画

変換用マークアップ説明補足
&nicovideo(URL,iframe)ニコニコ動画の動画情報を表示します
&nicovideo(URL)ニコニコ動画のプレイヤーを表示します
&nicovideo(URL){横,縦}縦幅、横幅指定にてニコニコ動画のプレイヤーを表示します【例】&nicovideo(URL){300,200}
&nicovideo(URL){横}縦幅指定にてニコニコ動画のプレイヤーを表示します
&nicovideo(URL){,縦}横幅指定にてニコニコ動画のプレイヤーを表示します
&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(アカウント, ウィジェットID)



★ページ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その列を非表示にします

【昇順、降順にした場合の並び順について】
テーブルヘッダ行などで昇順、降順の操作をした場合にはその縦列のデータの文字列で並び替えを行います。
並び順は以下の通りになります。
・縦列に空欄、または半角数字のみが存在する場合は数字順になります。
・縦列に半角数字以外の文字が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 下部へのリンクも同時に生成されます

コメント(2)
Twitter(14)

コメント

新しい順 古い順
  • 774@Gamerch No.94872125 2016/03/23 (水) 17:05 通報
    &title(タイトル)の構文ですが 使用してもタイトルが変更できませんでした。
    載せる場所や使い方とかあるのでしょうか そこのところの詳細もあれば記述をお願い致します
    返信数 (1)
    0
    • × ゲーマチサポート◆aOoN1A0i96 No.94919237 2016/03/24 (木) 19:09 通報
      若干専門的な話になりますが
      タイトル変更の構文ですが使用した場合、切り替わるのはWEB上でのタイトルとなり
      例えば)
      〇〇.gamerch.com/キャラクターのページに
      &title(キャラクター一覧と評価リスト)と構文を入れた場合、アドレスは「〇〇.gamerch.com/キャラクター」のままですが
      Googleなどで検索された場合、「キャラクター一覧と評価リスト」となります。
      なのでタイトルが変わったかどうかはHTMLのソースを見ていただくと分かるかと思います。
      0

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

今後表示しない

名前
コメント(必須)
(300文字まで)

必ず「Gamerch ガイドライン」をご覧の上、書き込みをお願いします。
画像
sage機能

対象コメント

選択項目

詳細

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

通報完了

通報内容を送信しました

エラー

エラーが発生しました

削除しました。
 このWikiに関するツイート  閉じる
1件の新しいツイートがあります
  • 関連するツイートはありません
 古いTweetをもっと見る   閉じる
最近の更新

2016/08/26 (金) 15:36

2016/08/26 (金) 09:02

2016/08/26 (金) 09:01

2016/08/26 (金) 08:59

2016/08/26 (金) 08:57

2016/08/26 (金) 01:05

2016/08/26 (金) 00:34

2016/08/25 (木) 16:31

2016/08/25 (木) 15:06

2016/08/25 (木) 10:39

2016/08/25 (木) 08:05

2016/08/24 (水) 21:43

2016/08/24 (水) 20:49

2016/08/23 (火) 02:48

2016/08/23 (火) 02:36

2016/08/22 (月) 20:37

2016/08/22 (月) 18:13

2016/08/22 (月) 14:56

新規作成

2016/06/09 (木) 11:34

2016/03/31 (木) 17:20

2016/03/18 (金) 17:01

2016/03/18 (金) 12:01

2016/03/15 (火) 15:53

2016/03/15 (火) 11:48

2016/03/07 (月) 10:53

2016/01/04 (月) 13:52

2016/01/04 (月) 13:51

2016/01/04 (月) 13:48

Wikiランキング
白猫プロジェクトwiki【白猫攻略wiki】
ドラクエモンスターズ スーパーライト非公式wiki【DQMSL攻略】
アイマス デレステ攻略まとめwiki【アイドルマスター シンデレラガールズ スターライトステージ】
4 チェインクロニクル攻略・交流Wiki #チェンクロWiki
5 ポケモンGO攻略Wikiまとめ
6 乖離性ミリオンアーサー攻略Wikiまとめ
7 パワプロアプリ攻略Wikiまとめ【2016】
8 ジョジョの奇妙な冒険 スターダストシューターズ攻略Wiki【ジョジョSS】
9 CHUNITHM【チュウニズム】攻略wiki
10 消滅都市 攻略まとめWiki