2014年7月 9日 (水)

記事ランキングに順位を表示する方法

Lekumo ビジネスブログでは、人気記事を1-10位まで表示させることができます。


ただ、デフォルトでは数字が表示されないので、ぱっと見で順位だってわかりにくいんです。


そこで、数字をふって、ひと目で順位がわかるように表示させる方法をご紹介します。


Pak85_naniittenda20140531500

サイドバーなどの表示した記事ランキングに順位を表示する方法をご案内します。


デフォルトだと、数字ではなくドット表示になっています。これを数字に替えます。


Ranking01



  1. 画面上部のメニューから [ブログ管理] - [デザイン] をクリックする。

    Custam0101



  2. [表示項目を選択] をクリックする

    Rankingon02



  3. [サイドバー項目] - [モジュール一覧] から [アクセスランキング] チェックボックスを有効にする

    Rankingon03



  4. 同項目の [設定] をクリックする

    Rankingon04



  5. [集計期間:] から以下のいずれかを選択し [変更を保存] をクリックする
    • 直近30日間
    • 直近7日間
    • 前日

    Rankingon05



  6. [表示項目] ページの [変更を保存] をクリックする

    Rankingon06



  7. [並べ方を変更] をクリックする

    Rankingon07



  8. 「アクセスランキング」をサイドバーの位置に配置し [変更を保存] ボタンをクリックする

    Rankingon08



  9. [カスタムCSSウィザード] をクリックする

    Custam0112



  10. 左メニューの [カスタムCSS] をクリックする

    Custam0607



  11. 以下のソースコードをコピーし、入力項目に貼付ける
    .module-content #access-ranking-container ul li{
  background:none;
  display:list-item;
  list-style-type:decimal;
    margin: 0 5px 4px 25px;
    padding: 0; 
}

    Custam0608



  12. [適用] ボタンをクリックする

    Custam0609



  13. 右上の [変更を保存] ボタンをクリックする

    Custam0610





このように表示されたら、完成です。

＼(^o^)／

Ranking02