今見てくれてる人の数

ホンキートンク・スーダラブルース

ゆるコラム、oF、邦ロックや歌謡曲、小説の感想。ドラクエ、JavaScript、ドラゴンボール超など。湘南あたりを転がってる石コロのゆるゆる生きてく超雑多な軌跡です。

【はてなブログ無料版】コピペで簡単! スマホ版トップで注目記事を新着記事より上にしたい。

こんにちは!

他人にブログのURLを教えることになって気になる箇所がありました。

PC版はサイドバーに注目記事がでるからいいけど、

スマホ版はファーストビューで新着記事しか目につかない。。。

新着記事が自信作じゃないときに見せるの嫌だなぁ。。」

 

そう思った僕は、下記画像のように、

ページ下部ではなくタイトル下に注目記事がでるようにカスタマイズしました。

 

(注: 著者は現状、レスポンシブは使わずスマホ版のデフォルトテーマをいじっています。)

 

f:id:sudara_bluse:20171018132932p:plain 

実装方法

 下記のコードを管理画面の「設定」→「詳細設定」→「headに要素を追加」の部分にコピペしてください。

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
var ua = navigator.userAgent;
if (ua.indexOf('iPhone') > 0 || ua.indexOf('iPod') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) {
  if(location.href == "ここにあなたのブログのアドレス" || location.href == "ここにあなたのブログのアドレス/archive"){
    $(".entries-access-ranking .rank-5").ready(function(){
      var html = $(".hatena-module-entries-access-ranking");
      $(".entry-list").prepend(html);
    });
  } </script>

 

ここにあなたのブログのアドレス

という箇所はご自身のブログURLに変更お願いします!

このブログでしたら

http://sudara-bluse.hatenablog.com/

になります。

 

これで完成です!!!

 

簡単に処理を説明しますと、

最初のiPhoneもしくはAndroidでアクセスかつ、トップページもしくはアーカイブページの場合、おすすめ5記事目が準備完了時点で、注目記事を新着記事より上に表示。

という処理になります。

 

(なぜかトップページの方は元々のデフォルト下部の注目記事が勝手に消えてくれてるのですが、

これはラッキーなのでいいかと思ってます。笑 アーカイブは長いからあえて残してます。)

 

以上、うまくいかねーぞコラ!ここ違うぞ!ありがとうございます(;;)など、

ご意見、ご感想、ご質問などありましたらお待ちしてます

なるべくお返事しますっ!

完。

 

f:id:sudara_bluse:20170930130706p:plain