アトラスの使い方

ウィジェットタイトルに画像を設定したい

島国日本

この番外編シリーズではやや上級者向けというかマニアックな設定の解説をしております。
今回は「ウィジェットタイトルを画像で表示したい」という、需要があるのかないのかわからないくらいマニアックな内容をお伝えします。アトラスは結構マニアックな設定もできるように配慮して作っているので、実は画像専用のウィジェットを用意しています。

画像専用ウィジェットとは?

まずは「外観」>「ウィジェット」へ進みます。
2つのウィジェットエリアがあるのがわかると思います。

普通は「サイドバー(標準)」というところにウィジェットを配置していきます。
このウィジェットエリアは画像対応していません。今回使用するのは「サイドバー(画像専用)」のウィジェットエリアです。画像専用というだけに、このウィジェットエリアに配置したウィジェットのタイトルにテキストを入力しても表示されません。

サイドバー(標準)よりもサイドバー(画像専用)が優先してサイドバーに表示されるようになっています。
もし標準に戻したいときは、サイドバー(画像専用)のウィジェットをからっぽにすると戻ります。

サイドバー(画像専用)に画像を配置する方法

実際にサイドバーのタイトルに画像をいれてウィジェットを作ってみましょう。
あらかじめ管理画面の「メディア」でタイトルに設定したい画像をアップロードしておきます。

設定する画像サイズは、横幅500pxぐらいで作るとキレイに表示されます。

このとき画像名をコピーしておくとスムーズです。
あとはサイドバー(画像専用)のウィジェットエリアのタイトルに画像名を貼り付けるだけでOKです。
画像幅は自動でウィジェットの横幅に合わせて調整されます。

ATLASマニュアル一覧にもどる

ABOUT ME
赤石
赤石
WEBアプリ企画・開発、WordPressテーマ開発が主な事業。ハワイ(特にマウイ島)とか自然の多いところでゆっくりと過ごすと至高の幸せを感じる。毎日妻と一緒に過ごせるのがめっちゃ幸せ。麻雀と難易度高めの協力プレイができるゲーム大好き。
新次元のWordPressテーマ【JIN】をリリース!


アフィリエイターで有名なひつじさん(@hituji_1234)とコラボし、史上最高とも呼べるWordPressテーマ【JIN】を開発しました!
開発期間は11ヶ月と非常に長くかかりました。
【使う人】【見る人】それぞれの立場にたって、何度も何度もブラッシュアップを重ねたためです。
その結果、デザイン性・使い勝手・SEOの3つがとてつもないレベルで融合したテーマになりました!
ひつじさんと2人で特設サイトを作りましたので詳しくはそちらでどうぞ!

JIN特設サイトデモ一覧