テクニカル

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

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

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

 

 


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

 

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

 

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

 

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

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

 

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

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

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

 

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

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

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

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

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

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

 

完成。

 
以上。


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

 

haigaki reports. をブックマーク

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



関連記事

  1. レポート

    初心者ブロガーの4ヶ月目。

    今日は先月度4ヶ月目の運営状況についてレポートします。できるだけブ…

  2. レポート

    ブログ10ヶ月目のアクセス数など!

    こんばんは!今は9月29日(記事投稿日の前日)の夜10時。…

  3. レポート

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

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

  4. テクニカル

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

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

  5. テクニカル

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

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

  6. テクニカル

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

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

読まれている記事

最近の記事

  1. コラム

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

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

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

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

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