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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

アフィリエイターのための最高のワードプレステーマ【ATLAS】ができました

アフィリエイトに特化したWordPressテーマ「ATLAS(アトラス)」が完成しました。

操作も簡単で超使いやすいです。

ランキング機能やボタン作成、記事下CTAの設置など、サイト作成の高速化&収益性を高めるための工夫を随所に備えています。

― 主な特徴 ―

  • プロ目線で見たアフィリエイトサイトに必要な機能をすべて搭載
  • 直感的に操作でき、スピーディーに収益サイトを構築できる
  • シンプルで美しいテーマデザイン

WordPress初心者でも簡単に使えるように複雑な設定を可能な限り取りのぞきました。

また、レイアウトも自由自在にアレンジできるのでWordPressでスッキリとしたデザインのブログにも使えます。

ぜひデモサイトで確かめてみてください。

※テーマインストール後、HTMLやCSS等をカスタマイズすることなくデモサイト通りに構築できる仕様にしています。

テーマの詳細を見る デモサイトを見る