Vaster2 カスタマイズ Part4

Vaster2 カスタマイズ /

https://caffellatte-torte.blogspot.com/2017/04/vaster2-part4.htmlVaster2 カスタマイズ Part4

Vaster2 カスタマイズ Part4

Moreタグ <!--more-->

ブログに大量の画像を掲載したらTOPページの投稿表示が減少するという症状が現れまして、調べてみたらBloggerは1ページ当たりに表示できる容量を制限しているらしく、そのためにメインページの投稿数設定以下の表示になることがあるようです。Vaster2を使っていても投稿数に制限がかかってしまったということは、メインページに表示されている投稿は、表示されていない部分も含めて全て裏で自動的に読み込まれているようですね。盲点でした。

この問題を解決するためにはMOREタグを使えばいいだけで、<!--more-->を区切りのいい場所に書き込めばOK。

ページナビゲーションの導入

ここのブログに書かれていたものを参考にさせていただきました。

これから記すことは上記のブログの内容とほぼ一緒ですが、自分用に健忘録として書かせていただきます。


CSSのコードを変更。オリジナルのテンプレートだと496行目から516行目あたり。

＊変更前

/* ページナビゲーション ------------------------------------------------ */ #blog-pager a{ font-size: 14px; padding:16px 8px; width:130px; box-sizing:border-box; color: #666; background-color:#fff; border:1px solid #dedede; margin:3px 6px; display: inline-block; transition:0.3s; } #blog-pager a:hover{ text-decoration:none; color:#fff; background:#008ec2; } #blog-pager .pages{border:none;}

＊変更後

/* ページナビゲーション ------------------------------------------------ */ .blog-pager,#blog-pager{ background: none; text-align: initial !important; margin:2.3em 0; } #blog-pager-newer-link { font-size: 14px; padding:8px 10px; color: #333; background-color:#f4f7fb; border:1px solid #ddd; transition:0.3s; margin:3px 8px; display: inline-block; } #blog-pager-older-link { font-size: 14px; padding:8px 10px; color: #333; background-color:#f4f7fb; border:1px solid #ddd; transition:0.3s; margin:3px 8px; display: inline-block; } .showpageNum a,.showpage a { font-size: 14px; padding:8px 10px; color: #333; background-color:#f4f7fb; border:1px solid #ddd; transition:0.3s; margin:3px 8px; display: inline-block; } .showpageNum a:hover,.showpage a:hover { text-decoration:none; color:#fff; background:#008ec2; } .showpageOf{ font-size: 14px; padding:8px 10px; color: #333; background-color:#fff; border:1px solid #ddd; margin:3px 8px; display: inline-block; } .showpagePoint { font-size: 14px; padding:8px 10px; color: #fff; background-color:#1b95e0; border:2px solid #ddd; margin:3px 8px; display: inline-block } #blog-pager .pages{border:none;}

HTMLを書き換え。オリジナルのテンプレートだと1004行目から1006行目あたり。

＊変更前

<data:adEnd/> <b:include name='nextprev'/> <b:if cond='data:top.showDummy'>

＊変更後

<data:adEnd/> <!-- 数字ナビと記事下ナビの分岐点 --> <b:if cond='data:blog.pageType == "index"'> <b:include name='page-navi'/> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <b:include name='page-navi'/> <b:else/> <b:include name='nextprev'/> </b:if> </b:if> <b:if cond='data:top.showDummy'>

HTMLを書き換え。オリジナルのテンプレートだと1314行目と1315行目の間に以下のコードを追加する。

<b:includable id='page-navi'> <div class='blog-pager' id='blog-pager'> <script type='text/javascript'>; var home_page='/'; var urlactivepage=location.href; var postperpage=7; var numshowpage=8; var upPageWord ='Prev'; var downPageWord ='Next'; </script> <script type='text/javascript'> //<![CDATA[ eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 I;6 i;6 f;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=f-J;4(A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1A\'>1B "+f+\' 1C \'+d+"</3>";6 16=K(f)-1;4(f>1){4(f==2){4(i=="o"){5+=\'<3 7="1D"><a 9="\'+B+\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(f==l){5+=\'<3 7="1E">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\' ... \'}4(D<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(f)+1;4(f<d){4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}5+=\'<1j><a 9="1F://1G.1H-1k.1I" 1J="1K-1L: 1M; 1N: 1O; 1P: 1Q;" 1R="1S">1T 1U 1V-1k</a></1j>\';6 E=y.1W("E");6 18=y.1X("1Y-1Z");1h(6 p=0;p<E.P;p++){E[p].1l=5}4(E&&E.P>0){5=\'\'}4(18){18.1l=5}}C 1a(Q){6 R=Q.R;6 1m=K(R.21$22.$t,10);1g(1m)}C 1f(){6 h=u;4(h.e("/r/s/")!=-1){4(h.e("?S-c")!=-1){n=h.F(h.e("/r/s/")+14,h.e("?S-c"))}b{n=h.F(h.e("/r/s/")+14,h.e("?&c"))}}4(h.e("?q=")==-1&&h.e(".5")==-1){4(h.e("/r/s/")==-1){i="o";4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1n("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h.e("&c-k=")==-1){j=20}4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1n(\'<m T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=H;6 13=y.1o(\'1p\')[0];6 z=y.1q(\'m\');z.1r=\'1s/1t\';z.1u("T",B+"U/V/W?1v-1w="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1x(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1o(\'1p\')[0];6 z=y.1q(\'m\');z.1r=\'1s/1t\';z.1u("T",B+"U/V/W/-/"+n+"?1v-1w="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1x(z)}C 1b(Q){1c=Q.R.24[0];6 1y=1c.1z.$t.F(0,19)+1c.1z.$t.F(23,25);6 1d=26(1y);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?S-c="+1d+"&c-k="+j+"#G="+I}27.9=1e}',62,132,'|||span|if|html|var|class||href||else|max|maksimal|indexOf|nomerhal|showpageNum|thisUrl|jenis|postperpage|results|jj|script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|div||innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|http||||style|font|size|0pt|float|right|margin|0px||||||getElementsByName|getElementById|blog|pager||openSearch|totalResults||entry|29|encodeURIComponent|location'.split('|'),0,{})) //]]> </script> </div><div class='clear'/> </b:includable>