「この記事を書いた人」ブロック(Ver.2)

アフィンガー６(AFFINGER6)で使うことができる当サイトオリジナルの組み立て済みブロックテンプレートを作りました。「この記事を書いた人」ブロックです。

当サイトでAFFINGERを購入していただいた方にこのブロックをお配りします。ぜひ活用してください。

完成図

「この記事を書いた人」ブロックの紹介

アフィンガーにも「この記事を書いた人」機能は備わっています。が！ちょっと自分のアレンジを加えたいと思いました。その結果出来上がったのがこれです。

カラムブロックをベースに左右のバランスを調整。アバター画像を右に大きく配置しています。

背景も変更可能！

背景は斜線、グリッド、ドットも使えます(基本は白です)。

レスポンシブ対応！

３種類のデバイス(PC、タブレット、スマホ)でもきちんと表示されるようにデザイン(CSS)を調整しました。

ちなみにAFFINGERにもともとある「この記事を書いた人」機能はこんな感じです。