テクニカル

ワードプレス|サイドバーのウィジェットに画像リンクを設置する方法。プラグイン無しで簡単|WordPress

WordPress(ワードプレス)のトップページや記事ページに画像リンクのウィジェットを設置する方法をレポートします。

完成形はこちらの右下のウィジェットです。
タイトル無しの画像のみのリンクも可能です。

 

 


ワードプレスのダッシュボードで[外観]→[ウィジェット]を選択。

 

下にある[テキスト]をトップページのウィジェット編集コーナーへドラッグ&ドロップ。

 

または、[トップページ]を選択 [ウィジェットを追加]。

 

[タイトル]に入力したタイトルはウィジェット上部に表示されます。

[タイトル]を空欄にした場合はタイトルバー無しの画像のみのリンクになります。

 

画像のコマンドは記事投稿する際に挿入するコマンドを使います。

この入力画面ではクイックタグなどは使えません。
したがって、他の記事に使いたい画像のコマンドを一度挿入してそれをここにコピペします。

以下は実際の入力例です。画像サイズは大にしています。

 

リンクと画像のセットも記事編集画面でできます。

a href=・・・の部分も打ち込まなくても記事編集画面で

[メディアを追加]で画像コマンド挿入

→コマンド部分を反転させて[link]を設定

この普段の要領でリンク先URL付きのコマンドを作れます。

これを先ほどのウィジェット(テキスト)の内容編集画面に挿入すればいいです。

 

完成。

 
以上。


僕は真剣にブログをしています。
よかったらブクマ・フォローをお願いします。

 

haigaki reports. をブックマーク

 
こんな記事も書いてます。



関連記事

  1. レポート

    アドセンス広告を貼らない本当の理由。

    今日は僕がブログに『Googleのアドセンス広告』を貼っていない理由に…

  2. レポート

    ブログを2ヶ月書きました。初心者ブロガーがアクセス数を増やす方法とは。

    2016年11月26日にスタートした当ブログも昨日1月25日で2ヶ月が…

  3. ノウハウ

    コネなしツテなしフォロワー0。新規ドメインからブログを始めて半年間。コツコツ検索流入で月間3万PV

    半年間ブログを書く上で工夫していること3つとそれぞれについてその理由を…

  4. テクニカル

    Xサーバーのサーバー・ドメインの更新方法が簡単過ぎた!1年更新で料金はいくらかかったと思う?

    このブログも公開してからもうすぐで1年が経ちます。運営インフラは『…

  5. テクニカル

    ワードプレス有料テーマの更新方法。スクショ付けて解説。

    今日はWordPressの有料テーマの更新方法についてレポートします。…

  6. レポート

    ブログ運営一週間の振り返り。超初心者ブロガーがしていること。

    2016/11/26に本ブログを公開し昨日12/2で一週間が経ちました…

読まれている記事

最近の記事

  1. レポート

    ブログのアクセス数5万PV達成とその実情。思い通りにはいかない。ブログの夏。※ブ…
  2. ごちうさ

    ごちうさ日本の聖地?喫茶店るぽ(東京清瀬)でココア飲んだ。フランスも行く??ごち…
  3. ごちうさ

    ごちうさ映画感想とグッズ開封。「ご注文はうさぎですか?? ~Dear My Si…
  4. ごちうさ

    ごちうさココアねんどろいど画像レビュー!最高のクリスマスプレゼントが届きました!…
  5. 勉強効率化

    京大入試の数学対策で考えたこと・やったこと。頑張っても届かないところ。
PAGE TOP