ITで誰もが幸せになる!「PCまなぶ」のブログ

実施レポ2:【WordPress】Milliardのフルカスタマイズにチャレンジ!

2015年3月25日

WordPressのデファクトスタンダードになるかもしれない!?関連ページを表示するプラグイン「Milliard」。

初期値だと横幅が揃っていないとかっこ悪い!

そこでMilliardのフルカスタマイズにチャレンジすることにしました。

変更後。横幅が揃うと気持ちがいい!

実施方法

フルカスタマイズするには、「設定」⇒「Milliard関連ページ」⇒「独自テンプレート」を選択します。あとは、コードを流し込むだけ!

STEP1:見本通りに使ってみる

まずは、見本通りに実施しました。

 

実施結果

無事、表示されました。あれタイトルがないぞ!

STEP2:タイトルを張り付ける

説明をみて実施しました。「<span class="ssTitle"></span>」を追加しただけです。

実施結果

まずますです。

STEP3:本格的にカスタマイズする

あとは、コテコテに加工しました。

実施結果

完全にそろいました!下にスペースが入っているのは、もともとの画像の長さが足りないため。あとは、サムネイルをきちんと320px × 198pxで作るだけですね!

備忘録

元の作りを参考にカスタマイズしました。

まとめ:CSSの知識は必須!

Milliardは、初期値でもかなり使えるプラグインですが、フルカスタマイズをすることでさらに馴染みます。

どんどん使いこなしてアクセス数アップを目指しましょう!

  • B!