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

投稿日 2020年1月17日金曜日

ウェブバージョンのナビゲーションリンク見直し

業務外


今回は当初謎の動きと思っていた、ウェブバージョンのナビゲーションリンクです。
画面中央のホームリンク下に、モバイルバージョンへのリンクが表示されています。普通は使わないのかもしれませんが、新規に投稿した記事のレイアウトの確認でウェブバージョンとモバイルバージョンを交互に表示することは良くあります。
スマホの実機で確認するのは最終です。

画面中央のホームリンク下に、モバイルバージョンへのリンクが表示

モバイルバージョンには逆にウェブバージョンへのリンクが表示されています。

モバイルバージョンでは常に
ウェブバージョンへのリンクが表示 

ところが、ウェブバージョンでこのモバイルバージョンへのリンクが表示されないことがあります。苛!!

画面中央のホームリンク下に、モバイルバージョンへのリンクが非表示

ウェブバージョンのナビゲーションリンクを制御しているのは、 id='nextprev'を持つ、<b:includable>です。ソースを記載します。
15~19行目でモバイルバージョンへのリンクを生成しています。生成する条件は「mobileLinkUrl」が存在する場合です。「mobileLinkUrl」はモバイルバージョンで使用される、URL末尾にパラメタ「?m=1」若しくは「?m=0」が指定されたURLです。
つまり、モバイルバージョンからウェブバージョンに移動したときは、リンクを表示しますが、ウェブバージョンだけで操作しているときには無駄なリンクは表示しない。ということらしい。
21~26行目が今回追加したコードです。標準でリンクを生成しないときにもリンクを生成するように修正しています。

              <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>

    <!--2020/1/7WebバージョンにMobileバージョンへのリンク追加-->
    <b:else/>
      <div class='blog-mobile-link'>
        <a expr:href='data:blog.url + &quot;?m=1&quot;'>モバイル バージョンを表示</a>
      </div>
    <!--2020/1/7ここまで-->

    </b:if>

  </div>
  <div class='clear'/>
</b:includable>



URLにモバイルパラメタがなくても、モバイルバージョンのリンクが表示されるようになりました。

モバイルバージョンへのリンクを常時表示


感想と構想


また、一日掛けてつまらないカストマイズをしていました。笑

当初謎の動きと思っていた、ウェブバージョンのナビゲーションリンクですが、ソースコードを見てやっと開発者の意図を理解いました。
まー、余計な配慮ですな。


0 件のコメント:

コメントを投稿

︿
blog.isMobileRequest=true, blog.local=ja がんばれ日本!!