【WordPress】「サムネイル画像付きリンク」の作成方法をわかりやすく解説!【ブログ】

WordPress

みなさんこんにちは!おさかなです!

今回は「「サムネイル画像付きリンク」の作成方法」について、書いていこうと思います!

それでは、レッツゴー!!!!!

想定読者
・「サムネイル画像付きのリンク」の作り方がわからない方
・できれば、プラグインなどは使用しないでリンクを「簡単」に作りたい方
・WordPress、ブログ初心者の方

「サムネイル画像付きリンク」を作りたい!

 

【Site Guard】「ブロックした悪意あるログイン試行」に対する対策方法【WordPress】
【WordPress】を使用しているときに「ブロックした悪意あるログイン試行」というものが出てきました。ブログ初心者の人は焦ってしまうかもしれませんが「Site Guard」で対策する方法をご紹介!「おさかなび-osakanav-」では、「デジタル時代を楽しむためのミニ知識」をご紹介しています!ゆるいイラストが目印!

↑これとか…!

 

 

↑こんな感じのリンクを作りたい!

という方に向けて、「サムネイル画像付きリンクの作成方法」をご紹介していきます…!

※今回ご紹介する方法は、「WordPress(ワードプレス)」を使用していることを前提としています。

「サムネイル画像付きリンク」の作り方!

まず、WordPressの「ダッシュボード」に「ログイン」して、「投稿」>「新規追加」を選択してください。

すると、このような記事を作成する画面が表示されたと思います!

ここまでは共通ですが、ここからは「ラベルなし」「ラベルあり」に分けて解説していきます!

「ラベルなし」リンク

ラベルなし」リンクでは、まずリンクを挿入したいところへ「カーソル」を置きます。

次に、メニューのところから「リンクの挿入」をクリックします。

すると、こんな感じで「入力ボックス」が出てくるので、ここにURLを貼り付けて「Enter」を押します。

このように、リンクが青色になっていればOKです!

これで完成です…!(やったあ…!)

※記事の編集画面では、URLのまま表示されていますが「プレビュー」や「投稿した記事」の状態ではきちんと反映されているので、安心してください…!

 

実際に反映された状態は、こんな感じ↓

【WordPress】ソースコードを挿入できる「Crayon Syntax Highlighter」の始め方を解説!
【WordPress】記事内にソースコードを追加することができる、プラグイン「Crayon Syntax Highlighter」の始め方・使い方をわかりやすく解説!ITに関わる全ての人におすすめ!「おさかなび-osakanav-」では、「デジタル時代を楽しむためのミニ知識」をご紹介しています!ゆるいイラストが目印!

「ラベルあり」リンク

ラベルあり」リンクでは、まずメニューのところにある「スタイル」をクリックします!

すると、このようにたくさんの項目が表示されるので、一番下にある「囲みブログカートラベル」の中から好きな項目を選択してください!

おさかなは今回「関連記事」という項目を選択しました…!

すると、このような感じで「灰色のボックスが表示」されるのが確認できると思います!

この「灰色のボックス」の中に表示させたいページの「URL」を貼り付けます…!

これで完成です…!(すごい…!)

※記事の編集画面では、URLのまま表示されていますが「プレビュー」や「投稿した記事」の状態ではきちんと反映されているので、安心してください…!

 

実際に反映された状態は、こんな感じ↓

 

 

無事に完了です…!おつかれさまでした…!☕

感想・まとめ

今回は「「サムネイル画像付きリンク」の作成方法」について、書いていきました…!

いかがだったでしょうか?

WordPressの操作は初心者の方にとっては難しく感じてしまうと思いますが、1つずつ丁寧に慣れていけば大丈夫です!(おさかなも最初は挫折しました…💦)

「画像付きリンク」を取り入れるだけで、ブログの見栄えがかなり良くなると思うので是非!チャレンジしてみてください…!
(一緒にがんばりましょう~!)

それでは今回はこの辺で!

ここまで読んでくださり、ありがとうございました!

おさかなでした!

【おさかなび-osakanav-】では、この記事の感想!おさかなへの応援メッセージ!おさかなに聞きたい事、質問!記事にしてほしい内容!などを大募集中!

「氏名」「メールアドレス」「内容」の3点をご記入の上「osakana1699@gmail.com」までご応募ください!

タイトルとURLをコピーしました