テクニカル

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

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

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

 

 


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

 

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

 

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

 

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

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

 

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

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

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

 

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

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

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

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

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

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

 

完成。

 
以上。


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

 

haigaki reports. をブックマーク

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



関連記事

  1. ノウハウ

    初心者ブロガーの僕がブログ運営に使っているおすすめのMacアプリ・iPhoneアプリまとめ

    僕はここまで初心者ブロガーとして2ヶ月間ブログを書いて来ました。今…

  2. ノウハウ

    【ブログ運営】初心者ブロガーが使っているおすすめワードプレスプラグインのまとめ。【WordPress…

    今日は僕が初心者ブロガーとして使っているプラグインをレポートします。…

  3. テクニカル

    ブログの写真の画像サイズ・画質について考えていること。変換アプリやリサイズなど。

    僕はデジタル的なことは苦手です。今日はブログで使っている写真の…

  4. ノウハウ

    ブログのトップページのデザインや記事数について考える!

    今日はブログのトップページに対する僕の考えをレポートします。&…

  5. ノウハウ

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

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

  6. テクニカル

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

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

読まれている記事

最近の記事

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

    ガルパン映画最終章第1話の感想とグッズ開封!OVA超ネタバレ!ガールズ&パンツァ…
  2. 落ちこぼれ人生

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

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

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

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