2012
10/31

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

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

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

ADs

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

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

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

ADs

Post Comments

メールアドレスが公開されることはありません。

Comments

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