編集練習

「編集練習」の編集履歴(バックアップ)一覧に戻る

編集練習 - (2023/07/07 (金) 23:55:49) のソース

#contents
----
*デッドリンク一覧
#yetlist
----
*見出し
 *大見出し
 **中見出し
 ***小見出し

*大見出し
**中見出し
***小見出し
----
*wiki内リンク
 入力例[[編集練習]]
[[編集練習]]
 入力例[[表示名>編集練習]]
[[表示名>編集練習]]
 入力例[[表示名>>編集練習]]
[[表示名>>編集練習]] 新しいウィンドウで開きます
----
*タブ?練習
>> #region(参照)
>> ''項目1''
>> - 内容
>> - 適当なことをつらつら。
>> #endregion

#region(参照)
''項目1''
- 内容
- 適当なことをつらつら。

#endregion

#region(その2)
''表1''
|>|>|>|>|>|>|>|>|CENTER:文字列|
|TOP:文字列|aaa|aaa|aaa|aaa|aaa|aaa|aaa|aaa|
|~|>|RIGHT:aaa&br()aaa|aaa|aaa|aaa|aaa|BOTTOM:aaa|aaa|
|~|~|~|aaa|aaa|aaa|aaa|~|aaa|
|~|>|BGCOLOR(#FFFFFF):aaa|aaa|aaa|aaa|aaa|~|~|
|>|>|>|>|>|>|>|>|CENTER:文字列|
|TOP:文字列|aaa|aaa|aaa|aaa|aaa|aaa|aaa|aaa|
|~|>|RIGHT:aaa&br()aaa|aaa|aaa|aaa|aaa|BOTTOM:aaa|aaa|
|~|~|~|aaa|aaa|aaa|aaa|~|aaa|
|~|>|BGCOLOR(#FFFFFF):aaa|aaa|aaa|aaa|aaa|~|~|
#endregion
----
*文字入力
**文字サイズ
 &size(40){一番おおきな色かえ文字}}
 &size(30){おおきな色かえ文字

&size(40){おおきな文字}

&size(30){おおきな文字}
**文字色
 &color(red){赤}
 &color(blue){青}
 &color(#0000CD){カラーコード}
&color(red){赤}
&color(blue){青}
&color(#0000CD){カラーコード}
**文字修飾
 &b(){太文字}
&b(){太文字}
 &s(){文字}
&s(){文字}
----
**文章配置
 #right(){右寄せ}
#right(){右寄せ}
 #center(){
 中寄せ
 中寄せ
 }
#center(){
中寄せ
中寄せ
}
----
*脚注
 跳弾&footnote(防御力が攻撃力を上回った際に、受けるダメージが大幅に減る現象。)

跳弾&footnote(防御力が攻撃力を上回った際に、受けるダメージが大幅に減る現象。)

----
*表組み
 |>|>|>|>|>|>|>|>|CENTER:文字列|
 |TOP:文字列|aaa|aaa|aaa|aaa|aaa|aaa|aaa|aaa|
 |~|>|RIGHT:aaa&br()aaa|aaa|aaa|aaa|aaa|BOTTOM:aaa|aaa|
 |~|~|~|aaa|aaa|aaa|aaa|~|aaa|
 |~|>|BGCOLOR(#FFFFFF):aaa|aaa|aaa|aaa|aaa|~|~|
|>|>|>|>|>|>|>|>|CENTER:文字列|
|TOP:文字列|aaa|aaa|aaa|aaa|aaa|aaa|aaa|aaa|
|~|>|RIGHT:aaa&br()aaa|aaa|aaa|aaa|aaa|BOTTOM:aaa|aaa|
|~|~|~|aaa|aaa|aaa|aaa|~|aaa|
|~|>|BGCOLOR(#FFFFFF):aaa|aaa|aaa|aaa|aaa|~|~|
----
*アスキーアート
 #aa{
             , 'i´ヽ  ゙i'、 
             i:::ヽ,:l__,l,.ノi 
             |::::ヾ,| ∟!|ソ:| 
             |::::ヾ,|.:':|ソ:|     遅かったじゃないか・・・ 
             |::::ヾ,|::  :|ソ:| 
           /ト、_::::|::  :|;イ、 
     ,.、-  ̄/  |   ̄ ̄/ | |` ┬-、 
     /  ヽ. /    ト-` 、ノ- |  l  l  ヽ. 
   /    ∨     l   |!  |   `> |  i 
   /     |`二^>  l.  |  | <__,|  | 
 _|      |.|-<    \ i / ,イ____!/ \ 
   .|     {.|  ` - 、 ,.---ァ^! |    | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄l 
 __{   ___|└―ー/  ̄´ |ヽ |___ノ___________| 
   }/ -= ヽ__ - 'ヽ   -‐ ,r'゙   l                  | 
 __f゙// ̄ ̄     _ -'     |_____ ,. -  ̄ \___| 
   | |  -  ̄   /   |     _ | ̄ ̄ ̄ ̄ /       \  ̄|
 }

#aa{
            , 'i´ヽ  ゙i'、 
            i:::ヽ,:l__,l,.ノi 
            |::::ヾ,| ∟!|ソ:| 
            |::::ヾ,|.:':|ソ:|     遅かったじゃないか・・・ 
            |::::ヾ,|::  :|ソ:| 
          /ト、_::::|::  :|;イ、 
    ,.、-  ̄/  |   ̄ ̄/ | |` ┬-、 
    /  ヽ. /    ト-` 、ノ- |  l  l  ヽ. 
  /    ∨     l   |!  |   `> |  i 
  /     |`二^>  l.  |  | <__,|  | 
_|      |.|-<    \ i / ,イ____!/ \ 
  .|     {.|  ` - 、 ,.---ァ^! |    | ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄l 
__{   ___|└―ー/  ̄´ |ヽ |___ノ___________| 
  }/ -= ヽ__ - 'ヽ   -‐ ,r'゙   l                  | 
__f゙// ̄ ̄     _ -'     |_____ ,. -  ̄ \___| 
  | |  -  ̄   /   |     _ | ̄ ̄ ̄ ̄ /       \  ̄|
}

----
*テスト場

*大見出し(旧)

**中見出し(旧)

***小見出し(旧)

ここまで旧版の各見出し。
わずかなフォントサイズのみの違いなので、
環境によっては区切りや分類がやや分かりづらい。


#hr(height=12,color=#696969)
*大見出し(新)

#hr(height=4,color=#808080)
**中見出し(新)

***小見出し(新)

ここまで新しい見出しの仮案。
大見出しと中見出しにセットで線を付けることでページ構成の分かりやすさアップが狙い。

モバイル環境等だと文字サイズは現状で問題なく判別できるとの意見があったので、
フォントサイズはいじらず線のみで変化を付けています。

#region(過去のやりとり)

 #marquee( ,bgcolor=#696969)
 *&size(30){大見出し(新)}
 
 ----
 **&size(20){中見出し(新)}
 
 ***小見出し(新)

ここまで新しい見出しの仮案。
フォントサイズの差を強調し、さらに大見出しと中見出しに
セットで線を付けることでページ構成の分かりやすさアップが狙い。

短所としては各見出しの記述がやや長くなる点だけど、
テンプレを設置してそこからコピペして使う分にはあまり問題ない?
大見出しの線として使ってるmarqueeプラグインは
本来の用途ではなさそうなものを流用しているので、
もっといいものがあれば紹介お願いします。

-さすがにmarqueeを使うのは無理矢理すぎるので、線を引きたいならhrプラグインを使うのがよいかと。太さとか色も指定できる

↓ hrプラグインで線の色や太さを変える例
#hr(height=4,color=#ccaa00)

#endregion

#hr

見出しのフォントサイズを調整するCSS (h2 を1.5倍、h3 を約1.4倍)

#highlight(css) {{
#wikibody h2 {
  font-size: 2.4em;
}

#wikibody h3 {
  font-size: 2em;
}
}}

----