【SANGOカスタマイズしてみた】ボックス29のデザインを変更してみる

カスタマイズでのおねがい

カスタマイズはバックアップをした上で、自己責任でお願いします。

ポイント
自分以外の人間になりたいと願いながら、人生を送るのは耐え難いって
この記事では
SANGOにもともとあるBOX29をカスタマイズした方法を説明。

カスタマイズの方法

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

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

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

カスタマイズいろいろ

もともとのBOX29のデザイン

すっきりとした電球アイコンを使った黄色のデザインです。

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

MENくん

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

色を変えてみた

ポイント
自分以外の人間になりたいと願いながら、人生を送るのは耐え難いって

角を丸くしてみた

ポイント
自分以外の人間になりたいと願いながら、人生を送るのは耐え難いって

アイコンを変更してみた

ポイント
自分以外の人間になりたいと願いながら、人生を送るのは耐え難いって

アイコンの背景を円形にしてみた

ポイント
自分以外の人間になりたいと願いながら、人生を送るのは耐え難いって

アイコンの背景を四角にしてみた

ポイント
自分以外の人間になりたいと願いながら、人生を送るのは耐え難いって

中央揃えにしてみた(スマホのみ)

ポイント
自分以外の人間になりたいと願いながら、人生を送るのは耐え難いって

SVGを使ってみた 採用

ポイント
自分以外の人間になりたいと願いながら、人生を送るのは耐え難いって
MENくん

SVG画像だとシャキッとしてるね

SVGの綺麗さを見に行く
SVG画像を使って美しいイラストを挿入しよう

追加CSSのまとめ

SANGOにはもともとたくさんのBOXがあります。

それぞれを自分なりにアレンジしてみるのもいいかもしれませんね。

MENくん

全部SVG画像にしちょおうかな♪

くま3号

ボックスの原型が無くなるぞ