テクニカル

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

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

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

 

 


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

 

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

 

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

 

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

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

 

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

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

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

 

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

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

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

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

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

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

 

完成。

 
以上。


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

 

haigaki reports. をブックマーク

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



関連記事

  1. ノウハウ

    記事を予約投稿することのメリット。

    今日はブログ更新を休みがちな方の参考にしてほしい記事です。サボり癖…

  2. レポート

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

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

  3. テクニカル

    ワードプレスでアンダーラインの引き方(タグ)。WordPressで下線を入れる方法。

    WordPress(ワードプレス)で文章にアンダーラインを引く方法につ…

  4. ノウハウ

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

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

  5. レポート

    ニートのブログ、3ヶ月目のアクセス数など。

    昨日でこのブログを公開してから3ヶ月が経過しました。今日はこの3ヶ…

読まれている記事

最近の記事

  1. コラム

    落ちこぼれから挽回して大学受験で逆転するために。生徒・保護者への提案。
  2. レポート

    ブログのアクセス数5万PV達成とその実情。思い通りにはいかない。ブログの夏。※ブ…
  3. コラム

    【天の川】ドレイクの方程式とは。地球外知的生命体が存在する可能性【銀河系】
  4. 勉強効率化

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

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