<p><a href="http://www.bunhack.com/archive">BUN HACK</a></p>

超簡単!はてなブログにMilliardを導入する方法

f:id:bunntinnmalu:20180120224343p:plain

 

Milliardとは

Milliardとは、シスウ株式会社が提供する関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツールです。

f:id:bunntinnmalu:20180120214615j:plain

Milliardの3つの特徴(公式より)

  1. 画像のタテ・ヨコ比が違ってもきれいに並びます
    ガジェット、グルメ、バイラルメディアのデザイン性が向上
  2. スクロールで多くの記事を推薦できます
    テキスト中心、画像中心、記事数が多いサイトのPV増
  3. スマホ / PC / タブレットあらゆるサイズのデバイス対応しています。
    制作系、検索に強い等のPCでもアクセスされやすいサイトのPV増

Milliardの導入方法

まず、Milliardの「関連記事ツール設定画面」へアクセスします。すると、こんな画面が出てくるので、各項目に必要事項を入力します。

①:自分のブログのURLを入力します。

②:「はてなブログ」を選択します。

③:「合わせて読みたい」等のキャッチフレーズを入力します。

④:「関連記事」「更新日時」「ランダム」の3つの内、どれか一つを選びます。「関連記事」がおすすめです。

⑤:「挿入箇所」を選択します。

⑥:どちらとも「パネル」を選択します。そして青丸で囲まれたチェックボックスにチェックを入れて、表示したい記事の数を青四角で囲まれた部分に

最後に「コード」を取得をクリックしたら設定は終わりです。

f:id:bunntinnmalu:20180120215850p:plain

そして、出てきたコードをコピーしてください。

f:id:bunntinnmalu:20180120220105p:plain

はてなブログでの設定

まず、「ダッシュボード」から「デザイン」を開いてください。すると、こんな画面が出てくるので、青丸で囲まれた部分をクリックして画面を切り替えてください。

f:id:bunntinnmalu:20180111165830p:plain

最後に、「記事下」に先ほどコピーしたコードを張り付ければ完成です。

f:id:bunntinnmalu:20180120222717p:plain

完成図

f:id:bunntinnmalu:20180120224235j:plain

 

最後に

最後までお読みいただきありがとうございました。そしてお疲れ様でした。無事にMilliardの設置は出来ましたか?これで関連記事を見てくれる可能性が格段にUPUP(^^♪