テクニカル

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

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

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

 

 


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

 

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

 

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

 

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

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

 

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

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

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

 

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

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

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

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

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

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

 

完成。

 
以上。


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

 

haigaki reports. をブックマーク

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



関連記事

  1. レポート

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

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

  2. テクニカル

    ワードプレス有料テーマのインストール方法。スクショ付けて説明。|WordPress

    ブログの初心者の僕が初めてこのサイトをセッティングした時の経験に基づい…

  3. レポート

    5ヶ月目のブログレポ。初心者ブロガー初めてのバズ。

    5ヶ月目の運営レポートです。初心者ブロガーやブロガー以外の方に…

  4. テクニカル

    ワードプレス|引用符htmlタグの付け方・使い方と著作権ルール|WordPress

    今日はワードプレスで引用符を使う場合のhtmlコードについてレポートし…

  5. テクニカル

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

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

読まれている記事

最近の記事

  1. 勉強効率化

    京大入試の数学対策で考えたこと・やったこと。頑張っても届かないところ。
  2. 落ちこぼれ人生

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

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

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

    女友達をごちうさ映画に連れてった。女子受けとは?非ヲタ女性目線の『ごちうさ』。
PAGE TOP