_修飾機能一覧

ページ内はすべてテキスト文字で記載します。

ページの最初の文字列（改行コードまでの１行目）がページタイトルになります。２行目からが本文です。本文のテキストには、修飾記号を付けることができます。

書式は、

［修飾記号列 テキスト］

半角カギ括弧　開く　

修飾記号列　(半角の記号文字です）

半角スペース　

テキスト　（文字列または画像URL ）

半角カギ括弧　閉じる

を基本とします（例外があります）。

リンク

１）内部リンク

修飾記号列なしで、ページ名をカギ括弧で囲むとリンクを張ります。リンクは青い文字に変わります。

半角＃ 空白スペース ページ名 で枠付きのボタンスタイルのリンク・タグになります。見た目が異なるだけで機能は同じです。マウスホバーで膨らむアクションが付いています。クリック（タップ）すると、ブラウザがページ遷移します。

２）外部リンク

記号列なしで、リンクタイトルと外部URL （いずれもテキスト）を半角スペースで挟むと、プロジェクトの外部のWebページをリンクで張ることができます。 外部URLのアドレスは見えません。タイトルだけが青字になって表示されます。クリック（タップ）すると、ブラウザが別タブ（新ウインドウ）を開いてページ遷移します。

外部リンクには、アンダーラインと矢印マークが付きます。

行修飾

1) ボックス・サブタイトル行

タイトル文字列をボックスで囲んで表示します。

ボックスの幅はインデントで狭くなります。

インデントがなければページ幅いっぱいの表示です。

２）引用行

行頭に半角の＞と空白があると、以下の記載が、引用文であることを示します。引用をした場合は、出どころを示すのが望ましいでしょう。

例

日本猫（にほんねこ）は、日本人に親しまれている日本産の猫で、和猫ともいう。品種としては雑種となる。

ウキペディアより

テキスト修飾

* を複数にすると個数に応じて文字が大きくなります。

* の数をレベル値と呼びます。

レベル値は、機能によって上限が異なります。

２）朱文字 　

3)下線 　

４）波線

５）斜体

６）ストライク

７）小さい文字の上・中・下付け

事例はコチラを参照してください。

８）警告表示

９）マーカーライン

１０）明朝体表記　（通常はゴシック体ですが）

11)黒文字　（明るい色の背景に重ねるために）

修飾記号の混成

＊レベル など一部の修飾子は他の修飾子と併用して、修飾を混成することが可能です。混成できない組み合わせもあります。規則は謎！

こてこてやがな！

画像修飾

１）標準画像

URLで参照される画像を張り込みます。

PNG,Jpeg,GIF,ｍｐ４フォーマットに対応しています。

画像は原画サイズに応じて自動調整されます。

縦画像と横画像で解像度（倍率）が異なります。

２）ギャラリー用画像

原画の縦横比を守りつつ、縦画像と横画像で解像度（倍率）が変わらないように規格化して表示します。

緑箱のページサイズに対して大きな画像は縮小され、小さな画像は拡大されてます。

https://gyazo.com/e09d8e66efb8e5d23f80b1b311003c9c

https://lh3.googleusercontent.com/a/ACg8ocLcBURTJMHSvMoF9Jm2olZ1Y6CAkIWW92nSZNuOVwX1AgQ=s96-c#.png

この表示では、画像エリアを行送りしません。画像の上にテキストを重ねて書くことが可能です。必要に応じて空行を入れて調整します。

３）画像の縮小（主にサムネイル表示用）

画像を縮小します。

-***　のように修飾記号列に*レベルをかけると段階的に大きくできます。

４)半透明化　モノクロ化

https://lh3.googleusercontent.com/a/ACg8ocLcBURTJMHSvMoF9Jm2olZ1Y6CAkIWW92nSZNuOVwX1AgQ=s96-c#.png

ギャラリー画像表示の修飾記号の後ろにつけることによって、

半透明画像を、ページの背景に使うことができます。

画像の上に別の画像を貼ることもできます。

記載文章をコラムのように枠付けで表示するなど、応用が効くはずです。

https://gyazo.com/aef4f4dbe5ad3ee6a4fb7d2a4e0e811e

５)バックライト

画像の周辺にぼんやりと明るいライトをかけます。

バックシャドウ効果ですが、緑箱はダークテーマ配色のページなので、反転した表現になっています。

https://lh3.googleusercontent.com/a/ACg8ocLcBURTJMHSvMoF9Jm2olZ1Y6CAkIWW92nSZNuOVwX1AgQ=s96-c#.png

６）ぼかし　Line70％対応（センシチブ）

［~ 画像URL］

画像にぼかしをかけますが、マウスホバーで解除されます。

https://lh3.googleusercontent.com/a/ACg8ocLcBURTJMHSvMoF9Jm2olZ1Y6CAkIWW92nSZNuOVwX1AgQ=s96-c#.png

7)幽霊画像

［)%( ［画像URL］］

そこに貼っていある画像がページ内では見えなくなります。

ページの先頭に位置している場合、トップページのインデックス画像としては参照され表示されます（ページ内ではないので）。　トリッキーな設定ができます。

https://lh3.googleusercontent.com/a/ACg8ocLcBURTJMHSvMoF9Jm2olZ1Y6CAkIWW92nSZNuOVwX1AgQ=s96-c#.png

↑　ここに画像が貼ってあるけど見えない！

レイアウト修飾

１）右寄せ

右寄せ配置で表示します。

2)左寄せ

左寄せ配置で表示します。

https://lh3.googleusercontent.com/a/ACg8ocLcBURTJMHSvMoF9Jm2olZ1Y6CAkIWW92nSZNuOVwX1AgQ=s96-c#.png

3)センタリング

中央配置で表示します。

この右・左・中央の位置合わせでは、記載した行の改行幅をゼロにします。結果として、次行に書かれた内容が上から重なって見えるという副作用が生じます。

４）均等割付

行内にスペース均等割りして配置します。

わたしはカモメ

［# ［画像URL］［画像URL］...］