テクニカル

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

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

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

 

 


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

 

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

 

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

 

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

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

 

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

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

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

 

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

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

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

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

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

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

 

完成。

 
以上。


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

 

haigaki reports. をブックマーク

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



関連記事

  1. ノウハウ

    雑記ブログのアクセスアップには広告塔になる記事を作る。

    雑記ブログにおけるアクセスアップのための‘考え方’を1つレポートします…

  2. テクニカル

    ブログのドメインの決め方について。はいレポ!の場合。

    はい!始まりました haigaki reports. 第255枚目!…

  3. レポート

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

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

  4. テクニカル

    ブログ記事のURL(パーマリンク)の決め方について。

    今日はブログのパーマリンクの決め方についてレポートします。パーマリ…

  5. テクニカル

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

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

  6. ノウハウ

    ブログ運営報告をすることのメリット7つ

    僕はマメに運営報告やブログ関係の記事を書いていますが、単純に「他の人が…

読まれている記事

最近の記事

  1. ラブライブ!

    アルター高坂穂乃果フィギュアレビュー。太もも太い??それがええんや。
  2. その他のアニメ・漫画

    ガルパン映画最終章第1話の感想とグッズ開封!OVA超ネタバレ!ガールズ&パンツァ…
  3. コラム

    SETIとは!もしも地球外知的生命体からのコンタクトを受け取ったらどうするべきか…
  4. 勉強効率化

    京大受験の合格体験記と感想。ブログで初めて話します。苦しかった。
  5. ノウハウ

    コネなしツテなしフォロワー0。新規ドメインからブログを始めて半年間。コツコツ検索…
PAGE TOP