■Seesaaブログのページ案内リンク「もっと見る」を編集
■「もっと見る」という表記を『「○○」の記事をすべて見る』に変更
■「もっと見る」という表記を『「○○」の記事をすべて見る』に変更
「もっと見る」というのは、「タグ一覧ページ」で表示されるページ案内リンクです。
私は以前の記事<■【Seesaaブログ新デザインシステム】ページ案内リンク(「12345ボタン(pager)」「続きを読む」「もっと見る」)を編集する>で、「もっと見る」リンクをボタンに変更しました。
まあ、ボタン表示にしてもしなくてもどちらでもいいんですが、実際に該当部分を見てみると、「もっと見る」という表記が簡素すぎるような気がします。
何のボタンなのか、もう少し説明が欲しい感じです。
そもそも、タグ一覧ページでは、デフォルトの設定では記事は6件ずつしか表示しません。
で、6件目の記事の下に「もっと見る」ボタンが表示されます。
「もっと見る」をクリックして開いたページは、閲覧者が選んだタグが付けられている記事のリストです。
ということは、「もっと見る」リンクは「貴方が選んだタグが付いた記事をもっと見る?」と尋ねていることになりますね。
でも「もっと見る」という表記だけだと「何をもっと見るの?」と思われてしまう、可能性があるかもしれない。無いかもしれない。わからないw
ま、どうでもいいんですけどね。(オイw)
私自身は、何に対する「もっと見る」なのかをわかりやすくするために、選択されたタグを強調して『「○○(選んだタグ)」の記事をすべて見る』と表記することにします。
ページ案内「もっと見る」の表記を変更する
HTMLを編集します。
管理画面の「HTML編集」画面を開き、「もっと見る」というワードで検索すると1ヶ所がヒットしますので、この部分を編集します。
『「選んだタグ」の記事をすべて見る』と表示させたいので、「もっと見る」という言葉を、下記コードの赤字部分と入れ替えます。(「<% tag.word -%>」が、選択しているタグを示す部分です)
下記コードは「もっと見る」という言葉の部分だけを編集していて、その他の部分はデフォルトのままです。面倒な方は、「pタグ」ごとコピペすればいいです。
これで、どんなタグで検索しても、「○○」の部分には選んだタグワードが表示されることになり、ボタンの意味がわかりやすくなります。
<入れ替えるコード>
<p class="read-more read-more--bdt read-more--mgb-60"><a href="<% blog.tag_url(tag, tag_service.service_key) -%>">「<% tag.word -%>」の記事をすべて見る</a></p>
コード編集後の「もっと見る」部分
この画像は、「画像にタグ」という名前のタグをクリックして開いたタグ一覧ページです。
「もっと見る」ボタンはちゃんと『「画像にタグ」の記事をすべて見る』という表記になっていますね。
次の記事の紹介
次の記事では、Seesaaブログの見出しタグを確認する方法を説明します。
■【Seesaaブログ新デザインシステム】見出しタグを変更する(1)Seesaaブログの見出しタグを確認する
「見出しタグ」(「h1」や「h2」など)はHTMLに記述します。見出しタグにはインデックスの役割があるので、視覚的に目立つようなスタイルでCSSに記述していると思います。大見出し、中見出し、小見出しみたいな感じで‥‥
「見出しタグ」(「h1」や「h2」など)はHTMLに記述します。見出しタグにはインデックスの役割があるので、視覚的に目立つようなスタイルでCSSに記述していると思います。大見出し、中見出し、小見出しみたいな感じで‥‥