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

概要:

【復刻】あなたのよく使うwiki構文を教えてください http://scp-jp.wikidot.com/forum/t-1411758/wiki

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

R74 15 Oct 2022 14:43

http://scp-jp.wikidot.com/forum/t-1411758/wiki
皆さんはこのスレッドをご存じでしょうか．ちょうど7年前に構文関連のスレッドが建てられました．そこでは，Boyu12さんのcolmodや7happy7さんのツールボックスなど，いまもなおずっと語り継がれている構文が多数紹介されています．

前のスレッドから7年たってしまいましたし，今はEN，CNでも構文の開発は盛んにおこなわれています(自観測上)．コンポーネント，テーマ，他にもNative WikiSyntaxなどよく使う構文･他の人に紹介したい構文を書いていってもらえればと思います．

---

Technical Moderator of SCP-JP

最後の編集 16 Oct 2022 05:21 by R74 さらに表示

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

winter key 15 Oct 2022 15:44

シンタックスに載っている初歩的なものですが、よく使うので一応ここに置いておきますね。

箇条書きやテーブルを使用している行に半角スペースを入れ、“_”を置くと次の行の文頭が前の行と揃います。

• あいうえお
  かきくけこ

1. さしすせそ
   たちつてと

---

また、

[# 偽リンク]

偽リンク

+ 開く
こうすると偽物のリンクや折り畳みが作れます。

---

あと結構有用そうなものをば。

[[a style="color:#2b2b2b" href="URL"]]リンク名[[/a]]

これを使うとリンク色を変えることができます。

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

OY2010 16 Oct 2022 00:53

簡単な構文ですが紹介させていただきます。

[[*user ユーザー名]]

これを使ってユーザー名を以下のように表示したりできます。

OY2010

他に以下の構文を使ってハイパーリンクを使ったりします。
例

[http://scp-jp.wikidot.com/ SCP財団]

そうすると以下のように表示されます。

SCP財団

---

If you want to contact me, please contact me using private message.

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

MikuKaneko 16 Oct 2022 02:28

皆さん、Wikidotの標準機能には折り畳み式リストなるものが存在するのをご存知ですか? これは単純ですが拡張性がとても高く、Boyu12さんのcolmodもこれを使用しています。

基本編

まずは、単純な例をここに示します。

• テキスト
  • テキスト
• テキスト
  • テキスト
    • テキスト

+ コードを表示

[[div class="foldable-list-container"]]
* テキスト
 * テキスト
* テキスト
 * テキスト
  * テキスト
[[/div]]

いつも使用しているリストを、[[div class="foldable-list-container"]]で囲むだけです。簡単ですね。

まだこれだけではとても役に立つとは言えませんが、これでも記事には使えるかもしれません。

応用編

注: ここから先は説明量を減らすためにHTMLとCSSの知識がある前提で話しています。ご了承下さい。

では、まずは以下の例をご覧下さい。

• テキスト

+ コードを表示

[[ul]]
    [[li class="folded"]]
        [[div_ class="foldable-list-container"]]
            [# テキスト]
        [[/div]]
    [[/li]]
[[/ul]]

はい。見た目は何も変わっていませんね。ですが、Devtool等でli.foldedを見て頂くと、classがli.unfoldedと交互に変化しているのがわかると思います。

これを利用することで、iframeを使用しなくても簡単にCSSだけで複雑な折り畳みを作ることが出来ます。

では、その活用例を示します。フォーラムでModuleは使用できないので、もとからSigma-9にCSSが含まれているcolmodのclassを使用させて頂いています。

• + 例を表示
  - 非表示 (押してみて下さい)

  何とテキストが変化し、増えました!
  

  
  

+ コードを表示

[[div_ class="colmod-block"]]
    [[ul]]
        [[li class="folded colmod-content"]]
            [[div_ class="foldable-list-container colmod-link-top"]]
                [[collapsible show="+ 例を表示" hide="+ 例を表示 (もう一回!)"]]
                [[/collapsible]]
            [[/div]]
            [[div_ class="colmod-content foldable-list-container"]]
                [[collapsible show="- 非表示 (押してみて下さい)" hide="じゃじゃーん"]]
                    何とテキストが変化し、増えました!
                [[/collapsible]]
            [[/div]]
        [[/li]]
    [[/ul]]
[[/div]]

このように、この折りたたみリストと他の構文の合わせ技によって色々な事が可能です。是非活用してみて下さい。

---

参考: https://scpwiki.com/exploiting-foldable-list-containers

最後の編集 16 Oct 2022 13:42 by MikuKaneko さらに表示

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

pcysl 16 Oct 2022 03:26

たまに次のように装飾を重ねた上で長い文章になることがありませんか？

[[=]]
> __//**,,##orange|目立たせたい文##,,**//__
(複数行)
> __//**,,##orange|目立たせたい文##,,**//__
[[/=]]

このような場合は以下のようにすると大変中身がスッキリして編集しやすくなります。

[[div class="blockquote" style="text-align: center; text-decoration: underline; font-style: italic; font-weight: bold; font-size: smaller; color: orange;"]]
目立たせたい文
(複数行)
目立たせたい文
[[/div]]

__下線__	text-decoration: underline;
//斜体//	font-style: italic;
**太字**	font-weight: bold;
,,下付き文字,,	font-size: smaller;
##orange|色##	color: orange;
[[=]] 中央寄せ	text-align: center;
[[>]] 右寄せ	text-align: right;
[[<]] 左寄せ	text-align: left;
> 引用	[[div class="blockquote"]]

構文とCSSの関係を理解するとミスの原因になる構文の繰り返し入力を減らせます。

最後の編集 16 Oct 2022 03:39 by pcysl さらに表示

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

Tark_IOL 16 Oct 2022 03:41

一つ目、テキストの周囲にいいかんじの箱を用意してくれる構文です。線幅や色、背景色、箱の幅などを任意で変更可能。いいかんじにパラグラフをまとめたり、フォーマットキメラするときに便利です。
width, border, pxなどのワードについては是非ネット上にたくさんあるCSSについての情報を調べていただいて…。

いいかんじの本文

+ コード

[[div style="display: inline-block; color: black; border: solid 1px #888888; background:#ffffff; overflow: hidden; width: 95%; padding: 5px 15px; margin: 0px 0px 0px; clear: both;"]]

いいかんじの本文

[[/div]]

二つめ、Mishary さん作、シラバス再現構文です。自身のプリチャード学院講義シリーズで使用しています。が、フォーラムではCSSモジュールが使えないので、実際の記事のURLとコードの紹介にとどめますね…。

http://scp-jp.wikidot.com/prichard-hs-outline-of-veil-history

+ コード

[[module CSS]]
.heading {
border: none;
border-left: solid 6px #dd4a53;
border-bottom: dashed 2px #ddd;
margin: auto;
padding: 1px 10px;
font-size:130%;
}
.heading p {
line-height: 50%;
}

.ut-table{
border:none;
width: 100%;
}

.t-head5{
background-color: #dd4a53;
color: #fff;
padding: 3px;
text-align: center;
width: 5%;
}
.t-head15{
background-color: #dd4a53;
color: #fff;
padding: 3px;
text-align: center;
width: 15%;
}
.t-head20{
background-color: #dd4a53;
color: #fff;
padding: 3px;
text-align: center;
width: 20%;
}
.t-head25{
background-color: #dd4a53;
color: #fff;
padding: 3px;
text-align: center;
width: 25%;
}
.t-head35{
background-color: #dd4a53;
color: #fff;
padding: 3px;
text-align: center;
width: 35%;
}
.t-head55{
background-color: #dd4a53;
color: #fff;
padding: 3px;
text-align: center;
width: 55%;
}

.t-cont{
background-color:#ffffff;
color:#3d3d3d;
padding: 3px;
}
.t-contc{
background-color:#ffffff;
color:#3d3d3d;
padding: 3px;
text-align: center;
}
.t-contr{
background-color:#ffffff;
color:#3d3d3d;
padding: 3px;
text-align: right;
}

.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em {
border-radius: 1px;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
border-color: #333;
border-bottom: none;
background-color: #eee;
color:#000;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
background: none;
color:#fff;
}
.yui-navset .yui-nav .selected a em {
background-color:#fff;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background: unset;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border: none;
border-radius: 5px;
background: #dd4a53;
padding: 5px 3px 0px 3px;
margin: 0px 3px 0px 3px;
}
.yui-navset .yui-content {
background-color: transparent;
border: none;
}
[[/module]]

シラバス／Syllabus

基本情報／Basic Information

開講科目名 ／Course	{$course}
講義コード ／Course Code	{$cc}
開講所属 ／Course Offered by	{$offered}
開講区分 ／semester offered	{$semester}
セキュリティクリアランスレベル ／Security clearance levels	{$offered}
使用言語 ／Languages	{$Languages}
単位数 ／Credits	{$credits}
学年 ／Year	{$year}
他学部履修 ／Aviavle to students in other facultes	{$aviavle}
備考 ／Notes	{$notes}
主担当教員 ／Main Instructor	{$maininstructor}
教室 ／Classroom	{$classroom}

詳細情報／Detailed Information

講議題目 ／Subtitle	{$subtitle}
授業の目標、概要 ／Course Objectives／Overview	{$overview}
授業のキーワード ／Keywords	日本語用 ／Japanese {$japanese} 英語用 ／English {$english}
教科書 ／Textbook	{$textbook}
参考書 ／Reference	{$reference}
履修上の注意 ／Notes on Taking the Course	{$ntc}
関連ホームページ ／Course-Related Websites	{$websites}
その他 ／Others	{$others}
メールアドレス ／e-mail address	{$mail}