この番外編シリーズではやや上級者向けというかマニアックな設定の解説をしております。
今回は「ウィジェットタイトルを画像で表示したい」という、需要があるのかないのかわからないくらいマニアックな内容をお伝えします。アトラスは結構マニアックな設定もできるように配慮して作っているので、実は画像専用のウィジェットを用意しています。
画像専用ウィジェットとは?
まずは「外観」>「ウィジェット」へ進みます。
2つのウィジェットエリアがあるのがわかると思います。
普通は「サイドバー(標準)」というところにウィジェットを配置していきます。
このウィジェットエリアは画像対応していません。今回使用するのは「サイドバー(画像専用)」のウィジェットエリアです。画像専用というだけに、このウィジェットエリアに配置したウィジェットのタイトルにテキストを入力しても表示されません。
もし標準に戻したいときは、サイドバー(画像専用)のウィジェットをからっぽにすると戻ります。
サイドバー(画像専用)に画像を配置する方法
実際にサイドバーのタイトルに画像をいれてウィジェットを作ってみましょう。
あらかじめ管理画面の「メディア」でタイトルに設定したい画像をアップロードしておきます。
このとき画像名をコピーしておくとスムーズです。
あとはサイドバー(画像専用)のウィジェットエリアのタイトルに画像名を貼り付けるだけでOKです。
画像幅は自動でウィジェットの横幅に合わせて調整されます。
アフィリエイターで有名なひつじさん(@hituji_1234)とコラボし、史上最高とも呼べるWordPressテーマ【JIN】を開発しました!
開発期間は11ヶ月と非常に長くかかりました。
【使う人】【見る人】それぞれの立場にたって、何度も何度もブラッシュアップを重ねたためです。
その結果、デザイン性・使い勝手・SEOの3つがとてつもないレベルで融合したテーマになりました!
ひつじさんと2人で特設サイトを作りましたので詳しくはそちらでどうぞ!