[Dev for Blogger]「ブログ アーカイブ」ガジェット[defaultmarkup]

新テーマベースのBloggerテーマ作成はデフォルトマークアップが鬼門

なので旧テーマベースで構造をなんとかしたテンプレートも用意したいけど時間がない

レイアウト >「ブログ アーカイブ」ガジェット > [ブログ アーカイブ] の設定 > スタイル > プルダウン メニュー のみ対応

      <b:defaultmarkup type='BlogArchive'>
        <b:includable id='main' var='this'>
          <b:include name='content' />
        </b:includable>
        <b:includable id='content'>
          <div class='widget-content'>
            <b:include cond='data:this.style == "MENU"' name='menu' />
          </div>
        </b:includable>
        <b:includable id='menu'>
          <select class='wg-archive-menu custom-select' onchange='if (this.value) window.location.href = this.value'>
            <option selected='' value=''><data:messages.archive /></option>
            <b:loop values='data:data' var='i'>
              <option expr:value='data:i.url'><data:i.name /> (<data:i.post-count />)</option>
            </b:loop>
          </select>
        </b:includable>

        <b:includable id='interval' var='intervals' />
        <b:includable id='posts' var='posts' />
      </b:defaultmarkup>

HTML の要素 <select> を使用して月毎のアーカイブページに飛ばすのがシンプルですっきりしていて良いかな

スタイルの設定が面倒なのでDark Themeの Refine版では違う実装にしていますが

データタグが一致していれば古いテーマからもデフォルトマークアップに持ってこられたりします