AFFINGER5カスタマイズ【記事パーツにボックスシャドウを付ける】

AFFINGER5で「クリップボックス」などの記事パーツに影（シャドウ）を付ける方法の紹介です。

難しい設定等は一切なし！

たった1分で影付きデザインの記事パーツに変更できます。

こんな人のお役に立てる記事です。

小豆

同じAFFINGER5で作られているブログで、ボックスに影がついているデザインを見た。
自分のブログでもやってみたいんだけど、あれってどうやるの？
簡単にできると嬉しいのだけど。

記事パーツにドロップシャドウをつける【AFFINGER5】

まずは「デフォルトのデザイン」と「ドロップシャドウ付きのデザイン」の比較から。

小豆

このデザインも全然悪くはないんだけど・・。
でも、影を付けたらもっとメリハリのあるデザインになると思う。

若干ですが、確かにドロップシャドウ付きデザインの方が、パッと見たときに目立ちますね。

小豆

オイラは影付きのデザインの方が全然好きだなぁ。
でも、なんで他のAFFINGERブログではやっている人が少ないんだろう？

アップデートで追加された機能だから、多分気づいてない人が多いんじゃないかな？

大福

ボックスシャドウの付け方【一度の設定ですべてに適用】

ボックスシャドウを付けるには、専用の設定をONにするだけ。

コードの書き換えなどの難しい操作は、一切不要です。

一度設定をONにすると、以前の記事で使用されている記事パーツにも効果が適用されます。

step
1AFFINGER5管理を開く

WordPressメニュー　→　AFFINGER5管理　→　デザイン

step
2ドロップシャドウをONに

大福

設定はたったこれだけ！
早速自分のブログで確認してみよう。

ボックスシャドウを追加できる記事パーツとデザイン一覧

設定をONにすると、以下の記事パーツにドロップシャドウが一括適用されます。

まるもじ

ミニふきだし

ステップ

ポイント

見出し付きフリーボックス

マイボックス

クリップメモ

こんな方におすすめ

まとめ：ライバルに差をつけやすいカスタマイズ

記事冒頭でも書きましたが、今回紹介したカスタマイズはあまりやっている人がいません。

数多くのAFFINGER5ブログの中で目立つには、もってこいのカスタマイズですね。

デザインが気に入った人は、ぜひ自分のブログに取り入れてみて下さい。

AFFINGER利用者向けオリジナル特典の販売

＼ AFFINGER6にも対応済み ／

AFFINGERをすでに利用しているユーザー向けの「カスタマイズ＆役立つテクニック」集です。

目的に合わせて、以下の2つを用意しました。

特典詳細ページへ移動する