[say img=”https://kitsunepublishing.com/wp-content/uploads/2017/12/prof.jpg” name=”イズミケイタ”]ワタシの愛用してるSANGO＆PORIPUのショートコード一覧だ。SANGO＆PORIPUにはたくさんのナイスなデザインの装飾があるけど実際使うのは限られていくハズ。
そしてよく忘れてしまう。なので一覧にして残しておく。[/say]
まずはたくさん試してお気に入りを見つけよう。そして自分専用のアドクイックを作るといい。
いらないのはドンドン削除しましょう。詳しくは公式の記事をどうぞ。
目次
ボックス他
色はCSSで変えてあるコードもある。
BOX28（タブ付きグレー枠）
このボックスは関連記事に使ってる。テキストリンクでね。SANGOの内部リンクだと上下のスペースが気になるからボックス内には配置しない。
SANGOの関連記事を使う場合
PORIPUの一言を使うことにした。
関連記事
[kanren id=”33″]
[kanren id=”3225″]
[kanren id=”3124″]
PORIPU関連記事（グレー／アイコン付き）
テキストリンクが複数の場合はこのリストボックスを使うことにした。
タイトルバー付き（box33）
このタイプもよく使う。パラグラフが長くなった時用かな。ボックス内にリストを使うこともできる。
[box class=”box33″ title=”SANGOまとめ”]
- たくさん見出しがあると混乱する
- なので最後に復習をかねてまとめる
- 最悪まとめだけ読めば大丈夫ってね
[/box]
リスト
箇条書きはテキストの横に余白が出来て目線の流れが下に向かい可読率が高まる。積極的に使っていきたい。
リスト（アクセントカラー）
基本のリストのカラーを絶賛迷い中。メインカラーかアクセントカラーか。うーむ。
[list class=”ol-circle li-accentbdr acc-bc-before”]
- アクセント
- カラー
- いつもはメイン
[/list]
指さしリスト
これスキ。よく使う。短めの記事でリストが1つの時使うかな。
[list class=”li-yubi li-mainbdr main-c-before”]
- 指さされたら自然と注目するよね
- 10個くらい指が並んだら嫌かも
- 少なめがいいね
[/list]
肉球リスト
可愛くてよく使う。結構目立つし。
[list class=”li-niku li-mainbdr main-c-before”]
- よくないすか？
- かわいい
- アリだと思います
[/list]
円形番号（メインカラー）
やっぱり数字で説明するとわかりやすくなる。よく使う。
[list class=”ol-circle li-mainbdr main-bc-before”]
- 完成までの道筋が決まってるならいい
- 説明にはもってこい
- 持ち物リストにも最適
[/list]
ボタン
アフィリエイトやってるわけではないからあんまりボタン自体使わない。それでも気に入ってるデザインはあるから紹介します。
リップル付きエフェクトボタン（赤）
[btn href=”https://kitsunepublishing.com/category/manga/manga-column/” class=”raised red-bc strong rippler rippler-default”]目指せ連載！ボウリング漫画への道[/btn]
シンプルな枠ボタン
[btn href=”https://kitsunepublishing.com/category/manga/1p-copy/” class=”flat2″]1P模写[/btn]
赤と黄のグラデーションボタン
[btn href=”https://kitsunepublishing.com/32/item1/” class=”grad2″]ボクの愛用品[/btn]
見出し
見出しもたくさんデザインあるけど使うのは２，３個。
下線
なんだかんだでよく使う
先頭の文字だけ大きく
好きでよく使う。
センター線伸ばし
使いづらい。好きなんだけど。
肉球見出し
カワイイ。この見出しを選択すると色が肉球にあわせて薄くなるのもまたいい。
メモBOX
メモBOXは割と使う。使いやすい。色はCSSでカスタマイズしてあるのもある。
[memo title=”MEMO”]補足説明にはこれ[/memo]
[alert title=”注意”]要注意ポイントの追記や念押しにはコレ[/alert]
[note title=”タイトル”]本の感想はこれにしようかな。[/note]
[note title=”習得への情熱”]
すなわち、初心者でも一歩一歩進むことことで漸次的に能力を増大させ、ついには達人になることだって可能だという感覚を持っている傾向がある。
[/note]
本のタイトルと引用文に使えるかも。どうですかね？
その他
SANGOは機能がどんどん追加されて、ブログの表現力もアップする。
ちゃんと使えればな！最近はアプデに更新が追い付かない。忘れないうちにメモメモ。
タイムライン
まだ使ってないんですよー。HOW TOや解説にいいハズ。
[timeline] [tl label=’手順1′ title=’お気に入りのコードを見つける’] まずは使ってみること [/tl] [tl label=’手順2′ title=’アドクイックタグ’] プラグインを追加 [/tl] [tl label=’手順3′ title=’アドクイックタグ編集 ‘] しっかり漏れなく入力だ[/tl] [tl label=’手順4′ title=’削除’] いらないコードは削除した方がつかいやすくなるぞ [/tl] [tl label=’手順5′ title=’気持ちよく記事を書ける’] おほほー。自分好みに手に馴染んで記事を書くのがまた楽しくなった！ [/tl] [/timeline]
[say img=”https://kitsunepublishing.com/wp-content/uploads/2017/12/prof.jpg” name=”イズミケイタ”]ふむふむ。なるほど。書く手順はわかった。近いうちにつかうべし。[/say]
評価BOX
商品紹介にすごく使える。見やすいしね。
[rate title=”オートミールの評価”] [value 4.5]味[/value] [value 5]量[/value] [value 5]味付けのしやすさ[/value] [value 4.5 end]総合評価[/value] [/rate]
[tensen]
点線区切りもよく使う。ただ、横線の区切りは使うと離脱が高まるというハナシもある。
[say img=”https://kitsunepublishing.com/wp-content/uploads/2017/12/prof.jpg” name=”イズミケイタ”]SANGO＆PORIPUの愛用ショートコード一覧。うん。作ってよかった。これからも新しいお気に入りのショートコードが出てきたら追記していこう。随時更新だ。[/say]