【SANGOカスタマイズしてみた】メモボックスを色々デザインしてみる

メモボックスのカスタマイズ

この記事では
SANGOにもともとあるメモボックスをカスタマイズした方法を説明。

カスタマイズの方法

「追加CSS」「子テーマ」「FTPソフト」どれかで行います。

追加CSSについてはこちら
カスタマイズを加速させる追加CSSブログのカスタマイズを加速させる「追加CSS」の使い方

子テーマとFTPは後々記事にします。

夏だし髪を斬りに行こう!

夏だしどっか行こう!

カスタマイズいろいろ

もともとのメモボックスのデザイン

メモ
あたえることだよ!ただひとつのほんとうの喜びはあたえることだ!

薄いオレンジ色の背景にオレンジ色のアイコンですね。

ショートコード

上のショートコードをビジュアルエディタに記入するだけで、簡単に挿入できるボックス。

MENくん
このデザインを色々といじってみました

今使っている

メモ
あたえることだよ!ただひとつのほんとうの喜びはあたえることだ!
背景はメモ帳(ポストイット)のような黄色です。アイコンにもSVGを使ってスッキリとしたデザインにしています。

カラーを変更してみた

MEMO
あたえることだよ!ただひとつのほんとうの喜びはあたえることだ!

枠線にしてみた

MEMO
あたえることだよ!ただひとつのほんとうの喜びはあたえることだ!

タイトル部分を変更してみた1

MEMO
あたえることだよ!ただひとつのほんとうの喜びはあたえることだ!

タイトル部分を変更してみた2

MEMO
あたえることだよ!ただひとつのほんとうの喜びはあたえることだ!

シンプルにしてみた

MEMO
あたえることだよ!ただひとつのほんとうの喜びはあたえることだ!

 

他のボックスデザインを見に行く
ボックスを付箋風に変更【SANGOを自分でカスタマイズ】ボックスデザインを付箋みたいに変更

追加CSSのまとめ

SANGOにはメモボックス以外に注意ボックスがあります。PORIPUを導入している方は更に2つのボックスがあります。

よく使うボックスをカスタマイズするとオリジナル感がでてきますね。

MENくん
ポストイットカラーがいいよ!本当にいいよ!
くま3号
押し付けがましいわ