2015年4月27日

ページタブのリンク先は、新しいページで開きたい。

スポンサードリンク

 ページを表示しているタブ。
ヘッダー下にあり、とても目立つ位置にありますね。

リンク先がページであれば、特に問題ないのですが、
外部サイトへのリンクをタブに貼り付けている時。

出来れば新しいブラウザページで開いて欲しいなと思っていました。

せっかく自分のサイトに来てくれている方が、
他のサイトへと離脱してしまうからです。


別窓で開くよう指定する


 結論です。
ページタブを新しいページ(別窓表示)に出来ます。


でも、少し問題もあります。

まずは一度やってみましょう。


 テンプレートから、以下のコードを検索しましょう。

        <b:widget id='PageList1' locked='false' title='ページ' type='PageList'>
          <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

------ここからPC表示です------(この文章は、テンプレートにありません。)

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href' ><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
        </b:widget>



------ここからPC表示です------(この文章は、テンプレートにありません。)
は、
わかりやすく私が追加しただけなので、
実際にはありません。



 さて、上のコードから、
ページタブがh2であるという事がわかりました。


コードの中の
<b:if cond='data:mobile'>

は、モバイル表示の方なので、
今回は触りません。


 ------ここからPC表示です------
以下をご覧ください。


            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href' target="_blank"><data:link.title/></a></li>

に変えます。


 上の、<li class='selected'>
の方は、そのままで。


<b:else/>
以下のリンクタグにだけ、 target="_blank"
を追加しました。


 これで、
クリックしたページタブは新しいブラウザページで開きます。


一度試してみたら、
実際にクリックしてみると、ちゃんと別タブ(別窓)で開きます。


ここポイント!


 ただし、課題があります。
外部リンク先なら良いのですが、

例えば自分のブログ上の

・お問合せページや、
・ラベル一覧

などをページタブに入れていた時。
よくされていると思います。


 こちらも同様に新しいブラウザページで開きます。
同じ自分のサイトのページなのに、
別窓で開いてしまいます。

ちょっと使いにくくなるかもしれませんね。

問題ないという方もおられると思います。



 なので、この機能はお好みで。
変えられるんだという事だけ知っておくと便利ですね。



 当ブログ内の情報は、
全ての方に応用できるとは限りません。

必ずテンプレートはバックアップを取っておいて下さいね。


また、ご利用は自己責任でお願い致します。

ラビットしま子は美容ライターであり、
サイト制作のプロではありません。

個別のカスタマイズについてのご相談は、
乗ってあげたいけど、乗れません。(わからんから)


スポンサードリンク