あなたのよく使うwiki構文を教えてください。

概要:

あなたのよく使うwiki構文を教えてください。

ページ 1 / 6123456次 »

あなたのよく使うwiki構文を教えてください。

tsucchii0301 16 Oct 2015 10:58

「SCP記事を作成するには？」や「wiki構文」のページには載っていないけれど、「これ便利だよ」という構文があれば教えてください。

[[size 0%]]　[[/size]]

僕はこれをよく使います。
この構文は2行以上の改行をする際に使います。

　
　
　

こんな
　
　
　
　
風に。

Re: あなたのよく使うwiki構文を教えてください。

seafield13 16 Oct 2015 11:33

自分はタグを書くのが面倒で、

@@@@

これで空白を作ったりしますね。

こんな具合で

Re: あなたのよく使うwiki構文を教えてください。

Ikr_4185 17 Oct 2015 07:11

[[div style="border:1px solid #888;padding: 20px;"]] ほにゃらら [[/div]]はたまに使います。html感覚でスタイルが埋め込めるので便利です。
使用例→ http://ja.scp-wiki.net/ikr-4185-tale-005

それと、引用タグの入れ子も便利ですね。
> 引用
>> 入れ子

引用

入れ子

Re: あなたのよく使うwiki構文を教えてください。

yanyan1 18 Oct 2015 06:26

自分は良く折りたたみを使いますね。事案とか、実験記録とか、持っていく落ちとかを見せずに、読者本人に開けさせることで、また違った印象を与えることが出来ますから。

+ 詳細

このように、自分で開けることで内容の見え方が変わる感じです。匂わせるのに便利です。

Re: あなたのよく使うwiki構文を教えてください。

Nanimono Demonai 27 Apr 2016 11:06

二重の打ち消し線は可能です。以下のモジュールをアーティクルの任意の位置に追加することで、

[[module css]]
.reddel {
    position: relative;
}
.reddel:before {
content: ' ';
display: block;
position: absolute;
right: 0;
left: 0;
top: 40%;
bottom: 40%;
border-top: 1px solid #f00;
border-bottom: 1px solid #f00;
}
[[/module]]

[[span class="reddel"]]打ち消し線[[/span]]

とすることで、
このようになります。。

---

a.k.a. 鬼食料理長

Re: あなたのよく使うwiki構文を教えてください。

Nanimono Demonai 27 Apr 2016 11:11

以下のモジュールをアーティクルの任意の位置に追加することで、あなたのアーティクルのロゴが回転します。

開く

[[module css]]
#header{
    background:none;
}
#header h1 a:before{
    position: absolute;
    width: 100px;
    height: 100px;
    top: 22%;
    left:2%;
    z-index: -1;
    content: "";
    background: url(/local--files/component:theme/logo.png) 0px 0px no-repeat transparent;;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@media (max-width: 479px) {
#header h1 a:before{
    width: 56px;
    height: 56px;
    background-size: 56px 56px;
    top: 40%;
    left: -1%;
    transfzorm-origin: 28px 28px;
}
}
@media (min-width: 480px) and (max-width: 580px) { 
#header h1 a:before{
    width: 66px;
    height: 66px;
    top: 35%;
    left: -1%;
    background-size: 66px 66px; 
    transform-origin: 33px 33px;
}
}
@media (min-width: 581px) and (max-width: 767px) { 
#header h1 a:before{
    width: 78px;
    height: 78px;
    top: 30%;
    left: -1%;
    background-size: 78px 78px; 
    transform-origin: 39px 39px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
#header h1 a:before{
    top: 27%;
    width: 88px;
    height: 88px;
    background-size: 88px 88px; 
    transform-origin: 44px 44px;
}
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotateZ(0deg);}
    100% {-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes spin {
    0% {-moz-transform: rotateZ(0deg);}
    100% {-moz-transform: rotateZ(360deg);}
}
@-ms-keyframes spin {
    0% {-ms-transform: rotateZ(0deg);}
    100% {-ms-transform: rotateZ(360deg);}
}
@-o-keyframes spin {
    0% {-o-transform: rotateZ(0deg);}
    100% {-o-transform: rotateZ(360deg);}
}
@keyframes spin {
    0% {transform: rotateZ(0deg);}
    100% {transform: rotateZ(360deg);}
}
[[/module]]

---

a.k.a. 鬼食料理長

Re: あなたのよく使うwiki構文を教えてください。

Nanimono Demonai 27 Apr 2016 12:23

あなたが日本語を用いるとき、斜体字体を強調表現として使うかもしれません。しかし、伝統的な文章で用いられる圏点を利用することで、より強調することが可能になります。以下に、日本語で用いられる、様々な強調のスタイルを用意しました。

開く

以下のモジュールをあなたのアーティクルの任意の位置に記述しましょう。

[[module css]]
.kenten-b{
-webkit-text-emphasis-style: filled dot;
text-emphasis-style: filled dot;
}
.kenten-c{
-webkit-text-emphasis-style: filled circle;
text-emphasis-style: filled circle;
}
.kenten-janome{
-webkit-text-emphasis-style: filled double-circle;
text-emphasis-style: filled double-circle;
}
.kenten-t{
-webkit-text-emphasis-style: filled triangle;
text-emphasis-style: filled triangle;
}
.kenten-goma{
-webkit-text-emphasis-style: filled sesame;
text-emphasis-style: filled sesame;
}
.kenten-wb{
-webkit-text-emphasis-style: open dot;
text-emphasis-style: open dot;
}
.kenten-wc{
-webkit-text-emphasis-style: open circle;
text-emphasis-style: open circle;
}
.kenten-doublec{
-webkit-text-emphasis-style: open double-circle;
text-emphasis-style: open double-circle;
}
.kenten-wt{
-webkit-text-emphasis-style: open triangle;
text-emphasis-style: open triangle;
}
.kenten-wgoma{
-webkit-text-emphasis-style: open sesame;
text-emphasis-style: open sesame;
}
.kenten-hoshi{
-webkit-text-emphasis-style: "★";
text-emphasis-style: "★";
}
.kenten-kane{
-webkit-text-emphasis-style: "¥";
text-emphasis-style: "¥";
}

.bousen{text-decoration: overline;}

.namisen{
    text-decoration: underline;
    -webkit-text-decoration-color: red;
    -webkit-text-decoration-style:wavy;
    text-decoration-color: red;
    text-decoration-style: wavy;
}
[[/module]]

モジュールが導入されていれば、以下のように利用することができます。

[[span class="kenten-b"]]圏点を打とう[[/span]]
[[span class="kenten-c"]]圏点を打とう[[/span]]
[[span class="kenten-janome"]]圏点を打とう[[/span]]
[[span class="kenten-t"]]圏点を打とう[[/span]]
[[span class="kenten-goma"]]圏点を打とう[[/span]]
[[span class="kenten-wb"]]圏点を打とう[[/span]]
[[span class="kenten-wc"]]圏点を打とう[[/span]]
[[span class="kenten-doublec"]]圏点を打とう[[/span]]
[[span class="kenten-wt"]]圏点を打とう[[/span]]
[[span class="kenten-wgoma"]]圏点を打とう[[/span]]
[[span class="kenten-hoshi"]]圏点を打とう[[/span]]
[[span class="kenten-kane"]]それにつけても金の欲しさよ[[/span]]

[[span class="bousen"]]傍線を引こう[[/span]]
[[span class="namisen"]]波線を引こう[[/span]]

出力結果です。（Wow　強調ですね）

圏点を打とう
圏点を打とう
圏点を打とう
圏点を打とう
圏点を打とう
圏点を打とう
圏点を打とう
圏点を打とう
圏点を打とう
圏点を打とう
圏点を打とう
それにつけても金の欲しさよ

傍線を引こう
波線を引こう

---

a.k.a. 鬼食料理長

Re: あなたのよく使うwiki構文を教えてください。

k_u_m_a 27 Apr 2016 14:26

傍点進化してた…これはすごいですよ！

Re: あなたのよく使うwiki構文を教えてください。

krt_w 19 Jul 2016 14:57

 

使ったことはありませんが、ひょっとしたら使えるかもしれないヒミツの構文を紹介します。
といっても、皆さんご存知の構文の"ほんのちょっとした"応用です。

[[collapsible show=" " hide="+ 開く" folded="no" hideLocation="bottom"]]
（ここに内容）
[[/collapsible]]

これを用いることで、"あること"が起こります。詳しくは以下の「+ 開く」をクリックしてください。
ただし、機密保持の観点から、閲覧を完了した時点であなたに対して自動的に記憶処理が施され、このポストの内容も自動的に抹消されます。ご了承ください。

Re: あなたのよく使うwiki構文を教えてください。

SenkanY 19 Jul 2016 18:49

構文・・・とはまた違いますが
[collapsible show="+ 以下、気になった点" hide="- 隠す"]
[/collapsible]
などの使用頻度が高い奴はそのまま辞書登録してしまうと便利ですね。記事のテンプレートなんかもまるっと登録してあるといちいち記事作成のガイドとかからコピーする手間が省けていいですねぇ

Re: あなたのよく使うwiki構文を教えてください。

krt_w 09 Aug 2016 13:43

使ったことはありませんが、皆さんのかゆいところに手が届くかもしれない構文です。

[[span style="font-family:明朝体"]]―――[[/span]]

上記の構文を用いることで、長い横棒（ダッシュ）を途切れなく表示させることができます。ひょっとすると端末や環境によってはうまくいかないかもしれませんが……　博士とかのコメントの後の署名とかに使ったらそれっぽくなります。

――― krt_w.

Re: あなたのよく使うwiki構文を教えてください。

krt_w 29 Aug 2016 15:37

これの改良版として、気付いた瞬間メチャクチャ気持ちよくなった構文を紹介します。

--　　　--

これが

　　　

こうなります。
任意の個数の全角スペースに打ち消し線を引くことで横棒（これって正式にはなんて言うんだ）を表現できます。半角スペースだと上手く行かないようです。
非常に容易かつ環境にもたぶん左右されないので、こっちのほうがいいかもしれません。ただし、本文をコピペした時は単なる空白になります。これが問題になることは稀でしょうが。

Re: あなたのよく使うwiki構文を教えてください。

Ikr_4185 12 Aug 2016 10:16

2つほど、CSSのコンポーネントを作成しました(自己満足のために)。
本体は外部wikidotサイト(私の個人テストサイト)内においてあります。

"Alt CSS":

下記タグを置くと、ページがGoogleマテリアルデザイン風になります。

[!-- "Alt CSS" --]
[[include :sugoi-chirimenjako-pain:component:alt-css]]

また、「強制的な斜体」「回る財団マーク」が使用可能になります。

[!-- "Alt CSS": 強制的な斜体 --]
[[span class="italic"]]メイリオを強制的に斜体にする[[/span]]

[!-- "Alt CSS": 回る財団マーク --]
[[div class="spinner"]]
[[/div]]

"Anime Page Content":

下記タグを置くと、ページ読み込み時にスイーッ、ヒョッとコンテンツが入ってきます。

[!-- "Anime Page Content" --]
[[include :sugoi-chirimenjako-pain:component:anime-page-content]]

両方設置した例です。
http://ja.scp-wiki.net/ikr-4185-s-personnel-file
http://sugoi-chirimenjako-pain.wikidot.com/test-2016-08-10-css

最後の編集 12 Aug 2016 10:28 by Ikr_4185 さらに表示

ページ 1 / 6123456次 »