あふぃり〜ちどっとこむ

アフィリエイトを始めるための準備と注意点(備忘録)

リンク付き画像を簡単設置〜Image Widget〜

      2015/08/07


Image Widget-3-2-2-2-2

 

 

サイドバーなどにリンク付きの画像を設置したい時ってありますねぃ

例えばサイドバーにプロフ画像を設置して、画像をクリックすると詳細へ飛べるとか

重要記事へ飛べる画像を設置したいなどなど………..

 

方法を二通り備忘録〜〜

 

 

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

★1. テキストで設置する

★2. ワードプレスプラグイン “Image Widget” を使う

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

 

 

 

★1. テキストでリンク付き画像を設置する

 

基本的にhtmlやcssの知識はサイトを運営して行く上で最低限は必要なのでしょう

その最低限の1つだと思うのでこのくらいは知っておいた方がいいかなと…………

 

 

テキストで書くとこんな感じ
リンク付き画像テキスト表示 のコピー※①が飛ばしたいリンク先URL、※②が画像ファイル名、※③はその画像にタイトル、説明文を付ける場合書く

※①、※②は、サイトにメディアとしてアップロードしたときのURLとファイル名
ワードプレスメディアにアップした場合は下図のように表示される
画像URL,ファイル名
 

      ☟

 

 

ワードプレスだとメディアアップロード画面で確認可能
メディアアップロード画面

 

 

 

そしてこれをはめて記事本文に保存や、サイドバーウィジェットのテキストタブを表示させたい位置のサイドバーに
ドラッグしテキストを保存する

リンク付き画像テキスト表示 のコピー

 これでテキストが間違ってなければ表示され、画像をクリックするとリンク先へ飛べます

 

 

 

 

 

★2. ワードプレスプラグイン “Image Widget” を使う

 

★1を理解し、自力でも処理出来るようになった上で、もっとさっさと素早く楽にふぉいふぉいやりたいのでプラグインを私は使いたい

ワードプレスは便利なプラグイン満載ですからもちろんこれについてもある

それが  ” Image Widget ”  

 

まずワードプレスダッシュボードプラグイン新規検索から検索して、
インストール、有効化

それだけで、ウィジェット設置ページに画像ウィジェットタブが表示されるようになる

 

 

ダッシュボード>外観>ウィジェットと開き

外観>ウィジェット

 

 

 

画像ウィジェットを表示したい場所へドラッグし、

ウィジェット>画像ウィジェットをドラッグ-3-2-2-2-2

 

 

 

 

画像ウィジェットにリンク先URLを記入、画像を選択、大きさも調整可能
最後保存をクリック

リンクやサイズ等設定-2

 

 

それだけでO.K!

 

 

どちらかというとやはりプラグインの方が楽

作業効率を上げるためにはこういった作業も自動に近い状態で出来る方が断然いい感じ

 

めでたし めでたし.,,,,,

 

 

以上 あふぃり〜ち備忘録でした

ではよいプラグインライフをば!

 

"サーバー契約・ASP登録・ドメイン取得” の
注意点や選び方をまとめてみましたので
こちらもチェックしてみて下さい☆
★レンタルサーバー選び方
注意点
はこちら

★登録必須ASPの内容
ピックアップ
はこちら
★独自ドメイン取得
注意点
はこちら

 

 - Wordpress プラグインについて, css・html について , , ,

スポンサーリンク



スポンサーリンク



Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

2 + 8 =

  関連記事

子テーマの超簡単な作成の仕方!

    ☆ テーマの編集についての注意点   *W …

リンク切れ対策〜Broken Link Checker使い方〜

    サイト運営では サイトの最適化も大切だったりする 一 …

画像圧縮でサイト軽量化

    画像はテキストに比べて圧倒的に重い なのでサイトに画 …

WordPress Related Posts 関連記事表示プラグイン!

関連記事表示プラグインWordPress Related Postsがすんごいカスタマイズ自由で完全管理できちゃう!設定の仕方備忘録です。

ASP商品リンクを横に並べて貼る

   アマゾンとか楽天とかのASP商品広告リンクを横に並べて表示させた …

Word Press便利プラグイン一覧と注意点

  ☆ Word Pressプラグインをインストール&有効化する時の注 …

タグを記憶させておけるWPプラグン AddQuicktag

  記事を書く時毎回使うタグってありますよね それを毎回書いてると面倒 …

Better Delete Revision(ワードプレスで溜まったリビジョンを削除するプラグイン)

    溜まったリビジョンは削除した方がよい   …

記事内にソースコードを表示させるプラグイン Crayon Syntax Highlighter

  サイトで記事を書いていると、CSS ,HTML, などのコードを書 …

ワードプレスのウィジェット管理画面に追加できるウィジェットがない!?

ワードプレスのウィジェット管理画面の項目がほとんどなくて白くなってて何やらおかしい!?解決備忘録