広汎性発達障害の女がたまに毒を吐くブログ

広汎性発達障害(診断済)のヘッポコな女が、好きな映画(主にホラー、B級、カルト映画)や漫画、ブログカスタマイズ、日々思うこと等を綴る雑多なブログです。

新ブログ「うらなか書房のあやしいグッズあり〼」
うらなか書房のあやしいグッズあり〼

上記に移転しました。今後は上記の新ブログで、ホラーなもの奇妙なものB級っぽいものについての紹介などをしていきます。よかったらご覧ください!

うらなか書房のTwitter  「うらなか書房のあやしいグッズあり〼」をfeedlyで購読する  うらなか書房のFacebookページ  うらなか書房のGoogle+ページ  うらなか書房のtumblr うらなか書房のLINE

たまに毒吐くちゃんグッズ販売中!

たまに毒吐くちゃん黒Tシャツ

TSHIRTS TRINITY

SUZURI

で販売して
います!
価格・送料比較表

たまに毒吐くちゃんラグランTシャツ

ブログに関連記事を表示するなら「Milliard」か「LinkWithin」がおすすめのツール!【設置方法と感想あり】

こんにちは! たまに毒を吐くです。

今回はブログを運営している方向けに、記事の終わりなどに関連記事を表示出来るツールを2つご紹介します。

Milliard

Milliardパネル
このようにスタイリッシュな関連記事の表示が出来ます。

対応しているブログサービス

BloggerWordPressはてなブログLivedoorFC2ブログ

設置方法

1

Milliard関連ページプラグインについて

上記のページに行きます。

2

Milliardブログ選択

利用方法」からお使いのブログサービスを選択します。

以下ははてなブログの場合の設定画面になりますが、WordPress以外はほとんど同じ手順かと思いますので、よろしければご参考になさってください。

3

Milliardパネル

Javascriptのコードを生成」という欄があるので、そこに貼ってあるリンクページに飛びます。

4

Milliard設定画面

すると上記の設定画面にジャンプしますので、必要事項の入力を行います。


トップのURL
お使いのブログのトップページのURLです。


サイトタイプ
お使いのブログサービスです。


紹介文
関連記事の上の見出しです。
特に設定しなければ「こんな記事も書いてます」となります。


並び順
関連度順」「更新日時」「ランダム」から選べます。
関連記事を普通に表示する場合は「関連度順」でよろしいかと思います。


表示位置
通常記事の終わりなどに「挿入箇所」として関連記事を表示することが多いですが、「フッターの下」を選ぶと、

Milliardフッター

ページの最下部に上図のような関連記事が表示されます(かなり巨大です)。

記事下などだけの表示でよければ、「フッターの下」のチェックを外してください。


PCでの表示

パネル リスト
Milliardパネル Milliardリスト

お好きな方の見た目をお選びください(画像をクリックすると少し大きめの画像が表示されます)。


スマホでの表示
これも見た目は上と同じですが、「挿入箇所のスクロールを無効にする」にはチェックを入れた方がよろしいかと思います(スマホで延々と関連記事が出てくるのを防ぐため)。

5

全て選択し終えたら、一番下の「コードを取得」を押します。
すると下図のようにコードが表示されるので、コードをコピーします。

Milliardコード

後は「Milliard関連ページをはてなブログで設定する方法」の2以降の手順を行ってください。

LinkWithin

LinkWithin
このようにシンプルな関連記事の表示が出来ます。

設置方法

1

LinkWithin - Related Posts with Thumbnails

上記のページに行きます。

2

LinkWithin設定画面

右下に上図のような設定画面があるので、必要事項を入力します。


Email
メールアドレスを入力します。


Blog Link
ブログのトップページのURLを入力します。


Platform
Blogger」「WordPress」「TypePad」「Other」から選びます。
はてなブログの場合は「Other」です。


Width
関連記事をいくつ表示するかを選べます(3~5記事)。


My blog has light text on a dark background
貼り付ける場所の背景が暗い色の場合にチェックを入れます。

3

全て入力したら「Get Widget!」を押します。
すると下図のようにコードが表示されるページに遷移しますので、コードをコピーします。

LinkWithinコード

これをお好きな所に貼り付けます。
はてなブログの場合は、管理画面→デザイン→記事→記事下など)

任意の場所に設置するには

上記のコードのままだと、適当な場所に表示されてしまうことがあるので、上記のコードの後ろに、

<div class="linkwithin_div"></div>

というコードを足してください。

「You might also like:」という見出しを変更するには

上記のコードをそのまま貼ると、見出しが「You might also like:」というものになります。
これを変更したい場合は、上記のコードの後に、

<script>linkwithin_text='▼こんな記事もあります▼'</script>

というコードを足してください。
' ' で囲まれた部分(上記で言うと「▼こんな記事もあります▼」)をお好きな文言に変更してください。

上記を全て合わせると以下のようなコードになります。

<script>
var linkwithin_site_id = ×××××××;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>
<div class="linkwithin_div"></div>
<script>linkwithin_text='▼こんな記事もあります▼'</script>

「Milliard」と「LinkWithin」を使用してみた感想

以下は私が使用してみた感想です。

関連記事の精度

Milliard」の方が高い気がします。日本語のツールだからでしょうか?

目立ち具合

Milliard」の方が目に留まりやすいと思います。

軽さ

若干ですが「LinkWithin」の方が軽いような……。

表示されるまでの時間

Milliard」はコードを設置して、10分位経ったら、画像がないタイトルだけの関連記事が表示されました。
翌日見た時には画像はちゃんと表示されていました(ほぼ「表示されるまで」の通りでした)。

LinkWithin」はもう少し遅くて、画像とタイトルが揃った関連記事が表示されるまでに4、5日位かかったと思います。

画像

Milliard」では、記事作成画面でサムネイルとして選んだ画像を表示してくれます(私はGoogleフォトの画像を使っていますが、問題なく表示されます)。

LinkWithin」は問答無用で記事の一番上に貼った画像が表示されるようです。なので、

上記のように真顔の画像が2つ並んでしまったりすることがありますw


といった感じです。
どちらも同じ位いいツールなので、お好きな方を使ってみてはいかがでしょうか。
このブログでは、記事下に「Milliard」、フッターに「LinkWithin」を設置させてもらっています(※現在は「LinkWithin」はもう外しています)。

「Zenback」は……?

実は、はてなブログの場合、

管理画面→デザイン→記事

と選んでいくと、

Zenback

Zenback」というブログパーツを表示出来る項目があります。
これにチェックを入れると、関連記事が表示されるのですが、自分のブログの記事以外に、「Zenback」のお知らせや、他のブログの関連記事なども表示されるので、すごく場所を取ります。

上の2つに比べると重いし、見た目もゴチャゴチャした感じなので、あまりおすすめは出来ないかと……。

photo by yto

こんな感じです。肝心の関連記事が表示されていませんが……。
記事公開後、しばらくはこのように関連記事が表示されないのも困りものです。

ただ、見た目などは好みの問題かと思いますので、一度試しに表示してみて、それでよさそうだったら「Zenback」でもいいのではないかと思います。
はてなブログだったら上の画面でチェックを入れるだけなので、設定は一番楽です。

よかったら下記の記事もご覧ください!

ブログの関連記事を表示する「Milliard」の見た目をCSSでちょっとだけカスタマイズ - 広汎性発達障害の女がたまに毒を吐くブログ

広告を非表示にする
新ブログ「うらなか書房のあやしいグッズあり〼」
うらなか書房のあやしいグッズあり〼

上記に移転しました。今後は上記の新ブログで、ホラーなもの奇妙なものB級っぽいものについての紹介などをしていきます。よかったらご覧ください!

うらなか書房のTwitter  「うらなか書房のあやしいグッズあり〼」をfeedlyで購読する  うらなか書房のFacebookページ  うらなか書房のGoogle+ページ  うらなか書房のtumblr うらなか書房のLINE