このサンプルのいくつかのポイント部分を紹介致します。
ポイント紹介
ヘッダー画像
![](https://affinger.com/monster-g/wp-content/uploads/2021/08/2021-08-21_09h56_28-1024x505.png)
ヘッダー画像はカスタマイザーの「ヘッダー画像」で表示したい画像を2枚以上設定します。
![](https://affinger.com/monster-g/wp-content/uploads/2021/08/2021-08-21_10h04_21.png)
テーマ管理の「ヘッダー」>”記事スライドショー設定”で上図のように設定します。
サムネイル画像
![](https://affinger.com/monster-g/wp-content/uploads/2021/08/2021-08-21_09h57_55-1024x546.png)
上図のようなポラロイド風のサムネイル画像はテーマ管理の「全体設定」>”サムネイル画像設定”で下図のように設定しています。
![](https://affinger.com/monster-g/wp-content/uploads/2021/08/2021-08-21_10h01_47.png)
見出しタグの背景画像
![](https://affinger.com/monster-g/wp-content/uploads/2021/08/2021-08-21_09h57_07.png)
h3タグのひよこの画像はカスタマイザーの見出しタグ設定にて上図のように設定しています。
スマホのフッターリンク
![](https://affinger.com/monster-g/wp-content/uploads/2021/08/2021-08-19_21h49_11-1024x500.png)
スマホで表示されるフッター部の画像は透過の画像素材を用意の上、「マイブロック」機能で#wrapper
へリンクしたものを作成します。
生成されるショートコードをウィジェットの「広告・スマホフッターに固定」に「00_STINGERカスタムHTML」を設置して以下のように記載します。
![](https://affinger.com/monster-g/wp-content/uploads/2021/08/2021-08-19_21h50_20.png)
バナーみたいなボタン
バナーみたいな ボタン
こんなバナー風のボタンやデザインも作れちゃう
![](https://affinger.com/monster-g/wp-content/uploads/2021/08/2021-08-21_13h44_36-1024x369.png)
サイドバーに設置しているバナーみたいなボタンはマイブロックで「AFFINGER: バナー風ボックス」で作成しています。