Vaster2

Vaster2のパンくずリストをアップデート

元のコード

              <b:includable id='breadcrumb' var='posts'>
                <!--パンくずリスト編集-->
                <div class='breadcrumb-wrapper'>
                  <b:if cond='data:blog.homepageUrl == data:blog.url'>
                    <b:else/>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <!--記事ページのパンくず-->
                      <ul class='breadcrumb' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
                        <li>
                          <a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'>
						  <span itemprop='title'>
                            Home
						  </span>
                          </a>
                        </li>
                        <b:loop values='data:posts' var='post'>
                          <b:if cond='data:post.labels'>
                            <b:loop values='data:post.labels' var='label'>
                              <b:if cond='data:label.isLast == &quot;true&quot;'>
                                <li>
                                  <a expr:href='data:label.url' itemprop='url' rel='tag'>
								   <span itemprop='title'>
                                    <data:label.name/>
								   </span>
                                  </a>
                                </li>
                              </b:if>
                            </b:loop>
                            <b:else/>
                          </b:if>
                        </b:loop>
                      </ul>
                      <b:else/>
                      <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                        <!--カテゴリ アーカイブのパンくず-->
                        <ul class='breadcrumb' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
                          <li>
                            <a expr:href='data:blog.homepageUrl' itemprop='url'>
							 <span itemprop='title'>
                              Home
                             </span>
							</a>
                          </li>
                        </ul>
                        <b:else/>
                        <b:if cond='data:blog.pageType == &quot;index&quot;'>
                          <ul class='breadcrumb'>
                            <li>
                              <a expr:href='data:blog.homepageUrl' itemprop='url'>
							   <span itemprop='title'>
                                Home
                               </span>
							  </a>
                            </li>
                          </ul>
                        </b:if>
                      </b:if>
                    </b:if>
                  </b:if>
                </div>
				<!--パンくずリスト編集ここまで-->
              </b:includable>

をこちらのコードに置き換えました。

• Bloggerの非レスポンシブ公式テンプレート等をパンくずリストに対応させる

.breadcrumb li:after {
content: " / ";
}

CSSのコードもスラッシュに変更しました