@tarVolcanoメガネ男子のtarが書くブログです。tychay私のブログ記事の最後に、関連する記事が表示されているのはご存知でしょうか?実はこれ、「LinkWithin」という関連記事を簡単に表示するブログパーツ(ウィジェットといいます)を使っているんです。関連記事を表示するウィジェットにはこれ以外にもあるのですが、「LinkWithin」は、設置が簡単で、表示が軽快というところが気にいってます。いうことで、今回は「LinkWithin」を紹介していきます。ブログに関連記事を簡単に表示させたいあなたっ!是非試してみてくださいね^^スポンサーリンク準備は簡単!まずはこちらのサイトにアクセスします。Thumbnails下記のスクショを参考にして必要事項を記入しましょう。ここでメールアドレスが必要になりますが、登録してもメールが送られてくることはありませんでした。Widget」をクリックすると、ソースコードが表示されれます。ブログへの設置も簡単!ソースコードは以下スクショのような感じで表示されているので、ソースコード自体はテキストファイルなどにコピー&ペーストして保存しておくと良いでしょう。スクショのコメントにある通り、ソースコードはブログ設定の「デザイン」ー「記事下」の欄に貼付けるだけで、あっという間に関連記事が表示されるようになります。」を参考にテスト用のブログを用意して試してみることをオススメします。貼付け場所をスクショで示しておきますね。簡単なカスタマイズを紹介ソースコードを貼付けるだけでも十分使えるのですが、カスタマイズ出来る部分があるので、こちらも紹介しますね。class="linkwithin_div"></div>というタグを追加すれば、その場所に関連記事を表示させることが出来ます。記事下にシェアボタンや広告などを表示させていて、その表示順にこだわりたい場合は、このタグを使って表示場所を細かく指定することが出来ますね。text:」は表示したい見出しテキストを入れます)を追加します。日本語の見出しが使えるので、読み手にわかりやすい見出しを使うと良いですね。Questionsに記載されています。3.LinkWithinをスマフォでもちゃんと表示したいブログ設定の「デザイン」ー「記事下」のHTMLコードは「スマートフォン版にも表示する」にチェックが入っていれば、スマフォでもLinkWithinを表示させることができるのですが、LinkWithinの幅がスマフォ画面からはみ出るので、同じ記事下の欄に以下のコードを追加すると、回り込んではみ出ずに表示できるようになります。!important;}</style>設定すると、スマフォではこんな感じで表示されます。あとがきせっかく訪れてくれたかたも、一つの記事だけ読んだら帰ってしまうことが多いので、関連する別の記事も自動で表示されていれば、あわせて読んでもらえるかも知れませんよね。手軽に導入できて軽快なLinkWithinは、とてもありがたいブログパーツです。関連記事を表示するパーツを未導入なら、一度試してみては如何でしょう。ちなみに、記事を書くスキルが高いかたのブログをみると、記事内に関連する記事をさりげなく埋め込むことができるようです。00:30LinkWithinは手軽にブログの関連記事が表示できるのでオススメ!Tweet関連記事2014-05-22ブログデザインを考える:1行の字数とWEB幅すこしづつではありますが、ブログのデザインを変えています。※公開後にタイトルと本文の一部を修正...2014-04-08話題になっている個人向けメディアサービスnote(ノート)をお試しっ本日「note」(ノート)という個人向けメディアサービスがリリ...書き人:tar@メガネ男子の自己紹介スポンサーリンク訪問いただきありがとうございます。気に入った記事をシェアしてくださると、とても励みになります。(3)ツイートスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。