Front-end Editorを使用したバナー管理

※ここでいう「バナー」はサイドバーによく設置する横長の画像に外部サイトなどへのリンクを貼ったもののことです。

Front-end Editorを使用したサイトでバナーの編集(枚数を増やしたり減らしたりバナー画像を差し替えたり・・・)をしたいという要望があり、考えた末に以下のコードで対応することにしました。

AD

ログイン時は以下のようになります

ログイン時のみURL、ALT、画像をFront-end Editorのインターフェイスで編集できるようになります。URLの入力有無をバナーの表示非表示判定に使っているので、URLを空欄にすればバナーは表示されなくなります。

上限を決めても問題ない場合(サイドバーに載せるようなバナーはそんなに大量に載せないし・・・)、簡単なコードでバナー編集機能が追加できるので使いどころもあるのではないでしょうか。
もっと複雑な管理を行う場合は、リンク集機能やカスタム投稿タイプを使用するほうがいいと思います。

AD

Share

Commentsコメント

メールアドレスは公開されません。コメントは必ずご入力ください。

HTMLタグは使用できません。ソースコードを書き込みたい場合はCodetterGistCodePenなどのご利用が便利です。

コメントはまだありません。