アトラスの使い方

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

この番外編シリーズではやや上級者向けというかマニアックな設定の解説をしております。

今回は「ウィジェットタイトルを画像で表示したい」という、需要があるのかないのかわからないくらいマニアックな内容をお伝えします。

アトラスは結構マニアックな設定もできるように配慮して作っているので、実は画像専用のウィジェットを用意しています。

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

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

普通は「サイドバー(標準)」というところにウィジェットを配置していきます。
このウィジェットエリアは画像対応していません。

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

サイドバー(標準)よりもサイドバー(画像専用)が優先してサイドバーに表示されるようになっています。

もし標準に戻したいときは、サイドバー(画像専用)のウィジェットをからっぽにすると戻ります。

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

実際にサイドバーのタイトルに画像をいれてウィジェットを作ってみましょう。

あらかじめ管理画面の「メディア」でタイトルに設定したい画像をアップロードしておきます。

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

このとき画像名をコピーしておくとスムーズです。

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

実際に設定した様子を載せておきます。

 

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

ABOUT ME
赤石カズヤ
赤石カズヤ
WEBコンテンツ制作・開発をしながらのんびり活動中。常識に縛られず、ビジネスの仕組み化を常に意識。気が向いたときにWordPressのカスタマイズのことを発信してみたり。
新次元のWordPressテーマ【JIN】をリリース!

アフィリエイターで有名なひつじさん(@hituji_1234)とコラボし、史上最高とも呼べるWordPressテーマ【JIN】を開発しました!

開発期間は11ヶ月と非常に長くかかりました。
【使う人】【見る人】それぞれの立場にたって、何度も何度もブラッシュアップを重ねたためです。

その結果、デザイン性・使い勝手・SEOの3つがとてつもないレベルで融合したテーマになりました!
ひつじさんと2人で特設サイトを作りましたので詳しくはそちらでどうぞ!

JIN特設サイトデモ一覧