【動画】ワードプレス・サイドバーに自作のバナーを設置する方法
当サイトで掲載されている商品には、一部プロモーション及び広告が含まれます。
ワードプレスを使って、サイドバーに自作のバナーを設置する方法について解説していきます。サイトデザインの向上と、ユーザーさんに読んで欲しい記事を自分で選べるメリットもあります。
自作のバナーの作成方法と、サイドバーへの設置方法
無料の画像キャプチャー・画像加工ソフト
動画で使用していたソフトは”FastStone Capture” というソフトです。簡単に画像キャプチャーができ、そのまま加工もできるので、とてもスピーディーに作業を進める事ができます。
フォトショップのような本格的な加工はできませんが、文字を入れたり、簡単に図形を配置する程度なら十分だと思います。
▶公式:FastStone Capture ダウンロードページ
Windowsではなく、Macを使っているなら「Skitch」というフリーソフトが便利。矢印や図形の注釈等も描きやすく、直感的に使う事ができます。
▶公式:Skitch ダウンロードページ
リンク画像と、リンクテキストのタグ
サイドバーに自作バナーを設置する時の参考コードです。「テキストウィジェット」をサイドバーに配置し、コピペして貼り付けてください。
<a href=リンク先URL>
<img src=”画像URL” width=”200” height=”” alt=”画像名” title=”画像タイトル” /></a>
<br>
<a href=”リンク先URL“>リンクコメント</a></span>
動画を参考に緑色部分は、自分のサイトに合った内容に変更して下さい。
同じカテゴリ「 WordPress 」内のおすすめ記事
- ワードプレス・投稿記事に画像を貼り付ける方法
- 【ワードプレス・プラグイン】Broken Link Checkerの設定方法
- トレンドアフィリエイトで良く使うWordPressの操作方法
- ワードプレス・グローバルナビゲーションの設定方法
- 【ワードプレス・プラグイン】Ultimate TinyMCEの設定方法
- 【ワードプレス・プラグイン】Jetpackの設定方法
- 【ワードプレス・プラグイン】Related Posts by Zemantaの設定方法
- 【動画】ワードプレスのおすすめping送信先と設定方法
- 【ワードプレス・プラグイン】Akismetの設定方法
- ワードプレス・動画を貼る方法とおすすめの動画の見せ方