「記事作成テンプレ」の編集履歴（バックアップ）一覧はこちら
「記事作成テンプレ」(2018/12/11 (火) 19:34:09) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
#contents()
*基本形
&b(){れい}とは、例である。
#contents()
*概要
初出：[[リンク名>URL]]
*関連リンク
[[リンク名>URL]]
*コメント欄
#comment_num2()
これをコピペして、パパパッと調整して、終わり！
※もちろん、これに必ずしも準拠する必要はない。
*解説
&b(){てすと}
文字を強調する。
----
#contents()
目次を設置。
----
初出：[[リンク名>URL]]
その用語が初めて使われたスレ。分からないなら不明で良い。
----
#comment_num2()
コメント欄を設置。
----
*高等テク
#region(クリックして展開)
#endregion
文章を折り畳む。文がクッソ長くなったときや、ネタバレを隠したい時に使う。
#region(クリックして展開)
どうも(o'ω'n）
#endregion
----
&font(b,200%){おんJ}
&font(b,50%){おんJ}
文字の大きさを調整する。
&font(b,200%){おんJ}
&font(b,50%){おんJ}
----
&color(red){★NEW}
&color(red){★アク禁：>>1}
&color(orange){★アク禁解除：>>1}
色を付ける。極めて重大な発言の強調などに。
&color(red){★NEW}
&color(red){★アク禁：>>1}
&color(orange){★アク禁解除：>>1}
----
174 ：名無しさん＠おーぷん ：2016/03/23(水)13:25:47 &bgcolor(yellow){ID:4Ig} ×
背景色を付ける。IDの強調などに。
174 ：名無しさん＠おーぷん ：2016/03/23(水)13:25:47 &bgcolor(yellow){ID:4Ig} ×
イデオン見ろや！！！！！！！！！！！
----
&s(){おんJ}
取り消し線。
&s(){おんJ}
----
#asciiart(){
／＾）-―-(＼
_r┘ + ノﾚ'ヽ‐└ ､
| r‐'ゝﾊ,ﾟ oﾟﾉi|ｰ ､ |
レ' と) 電)つ リ
く/__ｌ|
甘甘
}
AAが崩れなくなる。
#asciiart(){
／＾）-―-(＼
_r┘ + ノﾚ'ヽ‐└ ､
| r‐'ゝﾊ,ﾟ oﾟﾉi|ｰ ､ |
レ' と) 電)つ リ
く/__ｌ|
甘甘
}
----
おんJ&br()と&br()なんJ
文を改行する
おんJ
と
なんJ
----
#right(){さとる}
右に表示する
#right(){さとる}
----
#center(){おんJ}
中央に表示する
#center(){おんJ}
----
#recent(5)
更新されたページの一覧表示
#recent(5)
----
#ls
下層ページの一覧を一列に表示
ここは下層ページがないため#lsと入力しても何も表示されない
----
*さらなるテクニック
**動画(youtube・ニコニコ動画)
#video(動画のURL)
と入力することで、動画を貼り付けることが出来る
また動画のURLはYoutubeやニコニコののURLを指定する
＝＞https://www.youtube.com/
＝＞https://www.nicovideo.jp/
たとえば、#video(https://youtube.com/watch?v=kTV1CcS53JQ)と入力すると以下のように表示される
#video(https://youtube.com/watch?v=kTV1CcS53JQ)
**コメント
#comment()
と入力すると、コメントフォームが作成される
複数のフォームがあった場合、フォーム毎にコメントが記載される
**ニュース
#gnews(キーワード limit=表示件数) or #news(キーワード)
と入力することでキーワードに関連したニュース一覧を表示することが出来る。
このプラグインは、1ページにつき3つまで設置できる。4つ以上設置する事はできない
-limitで表示件数を設定できる(5～100件まで指定)
&color(red){注意}：
limit=(半角数字)で記載しなければ動作しないようになっている
limitに5未満の値を設定した場合、limit=5として動作する。
limitに101以上の値を設定した場合、limit=100として動作する。
記述例）
#gnews(政治)
#gnews(経済limit=10)
#gnews(国際limit=100)
----
----
>その他：[[プラグイン一覧>>https://www1.atwiki.jp/guide/pages/264.html]]
atwikiで使える構文が全部書いてある。一度は目を通しておくべし。
----
*記事が出来たら
出来れば
-タグを付ける
記事にあったタグを付ける。
タグ入力ボックスの上の『このWIKIのタグ一覧はこちら』もしくは右メニューのタグクラウドから既存タグが確認出来る。
合ったのが無ければ新しくタグを作るのもよし。
-用語一覧に追加する
用語一覧ページに記事へのリンクを追加する。
キャラクターの場合は『キャラまとめ』にも追加しておくこと。
-おまかせ表示に追加する
最上部のツールバーから『編集』→『メニューを編集』
記事タイトルがクッソ書かれている場所の中(見ればわかる)に,で区切って入れる。
*コメントページが出来たら
コメントページはコメントが初めて投稿された際、自動で作成される。
しかし、更新履歴から直接コメントページにアクセスすると、元の記事へのリンクが無いため、[[スマホ勢]]にとっては少々面倒である。
閲覧時の不便を無くすため、以下の構文をコメントページの&bold(){一番上部}に書き込んで頂きたい。
&topicpath(top=トップ)
この構文を導入することで、↓のようなリンクが表示される。
&topicpath(top=トップ)
※記事の投稿後、コメントページを自分で作って予め構文を導入しても良い。
「コメント欄」→「すべてのコメントを見る」で作成することが可能。
*画像について
-画像横並べ
&ref(http://i.imgur.com/JzoTz29t.png) &ref(http://i.imgur.com/JzoTz29t.png)
&refを用いると、画像を横並べに出来る。
&ref(http://i.imgur.com/JzoTz29t.png) &ref(http://i.imgur.com/JzoTz29t.png)
-画像のリサイズ（汎用）
&ref(http://i.imgur.com/JzoTz29.png,width=400,height=250)
画像が大きい場合、width=,height=の数字の部分を弄ってサイズ調整できる。
&ref(http://i.imgur.com/JzoTz29.png,width=400,height=250)
----
-画像のリサイズ（imgur）
#image(http://i.imgur.com/syq7Ccr.jpg)
上記のようにimgurの画像URLをそのまま記述した場合、
スマホブラウザでは画像全体が画面内に収まるようリサイズしてくれるが、PCブラウザだとフルサイズで表示される。
そのため、画面に収まりきらずに見切れてしまうことが多々ある。
「.jpg（末尾の拡張子）」の前に特定の文字を入れるだけで、imgur側でリサイズした画像が表示されるので便利である。
#image(http://i.imgur.com/syq7Ccrl.jpg)
#image(http://i.imgur.com/syq7Ccrl.jpg)
l…縦横長い方が640になるよう縮小する。ページトップ絵用。
#image(http://i.imgur.com/syq7Ccrm.jpg)
#image(http://i.imgur.com/syq7Ccrm.jpg)
m…縦横長い方が320になるよう縮小する。お絵描き機能で出力される画像とだいたい同じサイズ。
#image(http://i.imgur.com/syq7Ccrt.jpg)
#image(http://i.imgur.com/syq7Ccrt.jpg)
t…縦横長い方が160になるよう縮小する。文中の挿絵などに使えそう。
#contents()
*基本形
&b(){れい}とは、例である。
#contents()
*概要
初出：[[リンク名>URL]]
*関連リンク
[[リンク名>URL]]
*コメント欄
#comment_num2()
これをコピペして、パパパッと調整して、終わり！
※もちろん、これに必ずしも準拠する必要はない。
*解説
&b(){てすと}
文字を強調する。
----
#contents()
目次を設置。
----
初出：[[リンク名>URL]]
その用語が初めて使われたスレ。分からないなら不明で良い。
----
#comment_num2()
コメント欄を設置。
----
*高等テク
#region(クリックして展開)
#endregion
文章を折り畳む。文がクッソ長くなったときや、ネタバレを隠したい時に使う。
#region(クリックして展開)
どうも(o'ω'n）
#endregion
----
&font(b,200%){おんJ}
&font(b,50%){おんJ}
文字の大きさを調整する。
&font(b,200%){おんJ}
&font(b,50%){おんJ}
----
&color(red){★NEW}
&color(red){★アク禁：>>1}
&color(orange){★アク禁解除：>>1}
色を付ける。極めて重大な発言の強調などに。
&color(red){★NEW}
&color(red){★アク禁：>>1}
&color(orange){★アク禁解除：>>1}
----
174 ：名無しさん＠おーぷん ：2016/03/23(水)13:25:47 &bgcolor(yellow){ID:4Ig} ×
背景色を付ける。IDの強調などに。
174 ：名無しさん＠おーぷん ：2016/03/23(水)13:25:47 &bgcolor(yellow){ID:4Ig} ×
イデオン見ろや！！！！！！！！！！！
----
&s(){おんJ}
取り消し線。
&s(){おんJ}
----
#asciiart(){
／＾）-―-(＼
_r┘ + ノﾚ'ヽ‐└ ､
| r‐'ゝﾊ,ﾟ oﾟﾉi|ｰ ､ |
レ' と) 電)つ リ
く/__ｌ|
甘甘
}
AAが崩れなくなる。
#asciiart(){
／＾）-―-(＼
_r┘ + ノﾚ'ヽ‐└ ､
| r‐'ゝﾊ,ﾟ oﾟﾉi|ｰ ､ |
レ' と) 電)つ リ
く/__ｌ|
甘甘
}
----
おんJ&br()と&br()なんJ
文を改行する
おんJ
と
なんJ
----
#right(){さとる}
右に表示する
#right(){さとる}
----
#center(){おんJ}
中央に表示する
#center(){おんJ}
----
#recent(5)
更新されたページの一覧表示
#recent(5)
----
#ls
下層ページの一覧を一列に表示
ここは下層ページがないため#lsと入力しても何も表示されない
----
*さらなるテクニック
**動画(youtube・ニコニコ動画)
#video(動画のURL)
と入力することで、動画を貼り付けることが出来る
また動画のURLはYoutubeやニコニコののURLを指定する
＝＞https://www.youtube.com/
＝＞https://www.nicovideo.jp/
たとえば、#video(https://youtube.com/watch?v=kTV1CcS53JQ)と入力すると以下のように表示される
#video(https://youtube.com/watch?v=kTV1CcS53JQ)
**コメント
#comment()
と入力すると、コメントフォームが作成される
複数のフォームがあった場合、フォーム毎にコメントが記載される
**ニュース
#gnews(キーワード limit=表示件数) or #news(キーワード)
と入力することでキーワードに関連したニュース一覧を表示することが出来る。
このプラグインは、1ページにつき3つまで設置できる。4つ以上設置する事はできない
-limitで表示件数を設定できる(5～100件まで指定)
&color(red){注意}：
limit=(半角数字)で記載しなければ動作しないようになっている
limitに5未満の値を設定した場合、limit=5として動作する。
limitに101以上の値を設定した場合、limit=100として動作する。
記述例）
#gnews(政治)
#gnews(経済limit=10)
#gnews(国際limit=100)
----
>その他：[[プラグイン一覧>>https://www1.atwiki.jp/guide/pages/264.html]]
atwikiで使える構文が全部書いてある。一度は目を通しておくべし。
----
*記事が出来たら
出来れば
-タグを付ける
記事にあったタグを付ける。
タグ入力ボックスの上の『このWIKIのタグ一覧はこちら』もしくは右メニューのタグクラウドから既存タグが確認出来る。
合ったのが無ければ新しくタグを作るのもよし。
-用語一覧に追加する
用語一覧ページに記事へのリンクを追加する。
キャラクターの場合は『キャラまとめ』にも追加しておくこと。
-おまかせ表示に追加する
最上部のツールバーから『編集』→『メニューを編集』
記事タイトルがクッソ書かれている場所の中(見ればわかる)に,で区切って入れる。
*コメントページが出来たら
コメントページはコメントが初めて投稿された際、自動で作成される。
しかし、更新履歴から直接コメントページにアクセスすると、元の記事へのリンクが無いため、[[スマホ勢]]にとっては少々面倒である。
閲覧時の不便を無くすため、以下の構文をコメントページの&bold(){一番上部}に書き込んで頂きたい。
&topicpath(top=トップ)
この構文を導入することで、↓のようなリンクが表示される。
&topicpath(top=トップ)
※記事の投稿後、コメントページを自分で作って予め構文を導入しても良い。
「コメント欄」→「すべてのコメントを見る」で作成することが可能。
*画像について
-画像横並べ
&ref(http://i.imgur.com/JzoTz29t.png) &ref(http://i.imgur.com/JzoTz29t.png)
&refを用いると、画像を横並べに出来る。
&ref(http://i.imgur.com/JzoTz29t.png) &ref(http://i.imgur.com/JzoTz29t.png)
-画像のリサイズ（汎用）
&ref(http://i.imgur.com/JzoTz29.png,width=400,height=250)
画像が大きい場合、width=,height=の数字の部分を弄ってサイズ調整できる。
&ref(http://i.imgur.com/JzoTz29.png,width=400,height=250)
----
-画像のリサイズ（imgur）
#image(http://i.imgur.com/syq7Ccr.jpg)
上記のようにimgurの画像URLをそのまま記述した場合、
スマホブラウザでは画像全体が画面内に収まるようリサイズしてくれるが、PCブラウザだとフルサイズで表示される。
そのため、画面に収まりきらずに見切れてしまうことが多々ある。
「.jpg（末尾の拡張子）」の前に特定の文字を入れるだけで、imgur側でリサイズした画像が表示されるので便利である。
#image(http://i.imgur.com/syq7Ccrl.jpg)
#image(http://i.imgur.com/syq7Ccrl.jpg)
l…縦横長い方が640になるよう縮小する。ページトップ絵用。
#image(http://i.imgur.com/syq7Ccrm.jpg)
#image(http://i.imgur.com/syq7Ccrm.jpg)
m…縦横長い方が320になるよう縮小する。お絵描き機能で出力される画像とだいたい同じサイズ。
#image(http://i.imgur.com/syq7Ccrt.jpg)
#image(http://i.imgur.com/syq7Ccrt.jpg)
t…縦横長い方が160になるよう縮小する。文中の挿絵などに使えそう。
