テクニカル

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

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

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

 

 


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

 

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

 

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

 

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

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

 

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

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

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

 

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

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

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

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

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

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

 

完成。

 
以上。


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

 

haigaki reports. をブックマーク

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



関連記事

  1. テクニカル

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

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

  2. レポート

    6月毎日ブログ更新中!経過報告。

    毎日更新している今の心境を、ログとして残しておくためにもツラツラと書き…

  3. レポート

    ブログ運営一週間の振り返り。超初心者ブロガーがしていること。

    2016/11/26に本ブログを公開し昨日12/2で一週間が経ちました…

  4. レポート

    8ヶ月目のブログレポート。PVや最近のアクセスアップの方法など。

    昨日でブログ運営8ヶ月が経ちました。本日7月26日から9ヶ月目に突…

  5. ノウハウ

    ブログを書くコツ。自然と記事が書ける3つのシチュエーション。

    僕はここまで約5ヶ月間ブログを運営してきました。たったの5ヶ月…

  6. ノウハウ

    ブログ運営報告をすることのメリット7つ

    僕はマメに運営報告やブログ関係の記事を書いていますが、単純に「他の人が…

読まれている記事

最近の記事

  1. 塾関係

    京大塾講師が教える個別指導塾の効果的な利用方法6つ
  2. コラム

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

    進学校で落ちこぼれた時の話。部活への逃避と転校の危機、不合格と嫉妬。
  4. レポート

    ブログのアクセス数5万PV達成とその実情。思い通りにはいかない。ブログの夏。※ブ…
  5. 勉強効率化

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