テクニカル

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

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

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

 

 


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

 

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

 

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

 

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

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

 

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

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

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

 

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

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

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

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

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

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

 

完成。

 
以上。


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

 

haigaki reports. をブックマーク

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



関連記事

  1. レポート

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

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

  2. ノウハウ

    ブログ超初心者がブログ開設前にやるべきこと

    ブログ初心者がブログを始める前にやるべきことをレポートします。…

  3. レポート

    7ヶ月目レポート。

    ブログ運営7ヶ月目についてレポートします。(目…

  4. テクニカル

    簡単!ブログカードリンクを作る方法。ワードプレスプラグイン「Pz-LinkCard」の使い方。

    ブログカードやカードリンクと呼ばれるカード形式の記事紹介リンクを作るこ…

  5. テクニカル

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

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

  6. レポート

    200記事書きました。オススメ記事紹介。

    先月末に書いた記事でこのブログの記事数が200記事になりました。2…

読まれている記事

最近の記事

  1. その他のアニメ・漫画

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

    アルター高坂穂乃果フィギュアレビュー。太もも太い??それがええんや。
  3. ごちうさ

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

    京大受験の合格体験記と感想。ブログで初めて話します。苦しかった。
  5. 落ちこぼれ人生

    進学校で落ちこぼれた時の話。部活への逃避と転校の危機、不合格と嫉妬。
PAGE TOP