ブログ記事内に「サムネイル画像」付きのオシャレなリンクを貼る方法【WordPress】

WordPress

よしてっく
よしてっく

訪問ありがとうございます!

ブログを構築しているうちに、お勧めしたいサイトやページを「内部リンク」「外部リンク」を貼って紹介することが多くなってくると思います。


リンクでは文字だけの「テキストリンク」がありますが、文章の途中にただ挿入した場合、あまり目立たずに読者に見過ごされてしまうこともあるかもしれません。


枠で囲ったりと装飾する手段もありますが、もっと簡単に目立つリンクを貼ることができます。

たまにサイトで「サムネイル画像」が付いたリンクを見かけることがあると思いますが、WordPressではそういったリンクを簡単に作成することができます。


  ↓こんな感じです。

ブログの記事投稿時にTwitterで自動ツイートする方法【WordPress】
こんにちは、よしてっくです。(@yoshi_tech_01) ブログの収益化を目指して日々ブログ構築をするブロガーさんは多いと思いますが、収益化していくために絶対的に必要な条件としては、まずアクセス数(PV)を伸ばすこと...


そこで今回はWordPressブログの記事内に、サムネイル画像付きのオシャレなリンクを貼る方法をご紹介します。




サムネイル画像付きのリンクを貼る



★現在のWordPressでは、特別なプラグインをインストールしなくても画像付きのリンクを貼ることができます。

※WordPressのバージョンやプラグインによって表現が違う場合がありますがご了承ください。


手順① ブログの記事投稿画面上で、「クラシックの追加」ボタンをクリックしてください。



手順② 「リンクの挿入」アイコンをクリックしてください。



手順③ 「歯車マーク」をクリックしてください。



手順④ URLのボックス内にリンクしたいURLを貼り付けて、「リンク追加」をクリックしてください。

(リンクを新しいタブで開くのチェックはお好みで。)

※ここで重要なのは、「リンク文字列」のボックスには何も入力しないことです。





手順⑤ 編集画面内では、文字列のみで表示されますが、これでOKです。

記事の編集を保存して、実際のブログページで確認してみてください。



手順⑥ 下記のようなサムネイル画像付きのリンクを設置できたと思います。

この画像には alt 属性が指定されておらず、ファイル名は 2b18993fb7d56de7153c9251f1754682.png です



まとめ

今回はWordPressブログの記事内に、サムネイル画像付きのリンクを貼る方法をご紹介しました。


テキストのみのリンクよりもアピール度が高いですので、見過ごされることも少なくなると思いますし、文字が多い記事の場合にはアクセントにもなってサイト全体の見栄えが良くなると思います。


お試しください。


よしてっく
よしてっく

最後までご覧いただきありがとうございました

>>>その他の記事一覧はコチラ

コメント