ブログランキング・にほんブログ村へ
ポチッと応援願います
初めての方はこちらへ 

投稿日 2020年2月6日木曜日

静的ページのブログアーカイブツリー手直し

業務外


細かい話ですが、連絡フォームの組込みで気が付きました。静的ページを開くとブログアーカイブ先頭のツリーが展開されています。
ブログアーカイブ先頭は2013年ですが、ここは井戸掘りブログの開始前で、リンクチェック用の記事リストを格納している日付です。本来のブログ記事ではないので触らないで欲しい。笑
多分、静的ページが日付を持っていないので、デフォルトでアーカイブリスト先頭のツリーが展開されているっぽい。日付がないなら無視するか、最新日付を展開すれば良いのにね。

とにかく、関係のないブログアーカイブ先頭のツリーが展開されるのは気に入らないです。

静的ページを開くと
ブログアーカイブ先頭のツリーが展開されます

ブログアーカイブガジェットのソースを見ても、ツリーを開閉させるプロパティは無さそう。単にサーバから返却されたツリー情報を初期表示してるようです。
因みに初期表示されたツリーをマウスで操作するとツリーが開閉されますが、これはJSで実装されています。マウスで操作のたびにサーバからツリー情報を再取得して表示しています。

対処方法は…。静的ページなら展開されているツリーを無視して、圧縮されたままに表示するアプローチで良いかな。

ブログアーカイブガジェットのツリー表示部のソースコードです。静的ページの場合、2~8行目で親要素のみ表示し、子要素を無視しています。
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <li expr:class='&quot;archivedate &quot; +  &quot;collapsed&quot;'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
      </li>
<b:else/>
      <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
</b:if>




ブログアーカイブガジェットの行頭表示部のソースコードです。静的ページの場合、2~4行目でアーカイブ行頭に圧縮(▶)を固定で表示しています。
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <span expr:class='&quot;zippy&quot;'>
        &#9660;&#160;
    </span> 
<b:else/>
    <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        &#9660;&#160;
      <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
        &#9668;&#160;
      <b:else/>
        &#9658;&#160;
      </b:if>
    </span> 
</b:if> 



参考:
&#9660;&#160; 圧縮(▶)
&#9668;&#160; 圧縮(◀)、右から左に記述する言語向け
&#9658;&#160; 展開(▼)

成功です。ブログアーカイブのツリーは折り畳まれたままです。

ブログアーカイブのツリーは
折り畳まれたままです


感想と構想


どうでも良い、自己満足のカストマイズです。
寒波襲来で畑に出向けず、無理やりネタを探している感じですね。



2020年2月7日
副作用がありました。静的ページを開いた際に、折り畳められたツリーの中身がフラットになってしまいました。週次のアーカイブが無くなってる。
うーん、簡単には直らないか。とりあえずソースを戻しました。


0 件のコメント:

コメントを投稿

注目の投稿

2020年、明けましておめでとうございます

井戸報告 2020年となりました。明けましておめでとうございます。 今年は雲が多くて初日の出は無理。辛うじて層間の隙間からお顔を見せてくれました。陽光の煌きは僅か3分ほどでした。 2020年、日の出が始まりました 雲の層間に一瞬煌めく初日の出です。 ...

人気の投稿

︿
blogisMobileRequest=false, blog.local=ja がんばれ日本!!