テクニカル

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

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

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

 

 


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

 

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

 

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

 

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

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

 

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

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

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

 

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

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

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

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

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

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

 

完成。

 
以上。


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

 

haigaki reports. をブックマーク

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



関連記事

  1. ノウハウ

    グーグルアナリティクスの『平均ページ滞在時間』の見方。初心者必見。

    今日は僕がアナリティクスで普段よく見ているセクション『平均ページ滞在時…

  2. テクニカル

    ブログ画像のウォーターマークの入れ方やリサイズ。Macアプリ『Th-MakerX』の使い方。

    ブログで使う写真にはウォーターマークを入れることが多いです。ウォー…

  3. ノウハウ

    ブロガー歴3ヶ月、僕の記事作成手順。ブログの書き方をくどくどと紹介します。

    今日は僕の現在の記事作成手順についてレポートします。記事自体の…

  4. テクニカル

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

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

  5. ノウハウ

    ブログの記事は何割完成した時点でアップしていますか?

    ブログの記事は何%完成した時点で投稿していますか?今日は記事を…

読まれている記事

最近の記事

  1. 勉強効率化

    京大入試の数学対策で考えたこと・やったこと。頑張っても届かないところ。
  2. ごちうさ

    ごちうさ日本の聖地?喫茶店るぽ(東京清瀬)でココア飲んだ。フランスも行く??ごち…
  3. その他のアニメ・漫画

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

    ブログのアクセス数5万PV達成とその実情。思い通りにはいかない。ブログの夏。※ブ…
  5. ごちうさ

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