ブログカスタマイズの雑談BLOG

画像詳細ページ（アップロードのページ）では、ページ上部にあるカレンダーの「月」をクリックすると、選択した月にアップロードされた画像が一覧表示されます。
カレンダーの「月」とは、この画像の赤枠で囲んでいる部分のことです。





「月」（赤枠部分）をクリックすると表示されるページを私は「画像一覧ページ」と呼んでいますが、正確な名前はさっぱりわかりません。



「画像一覧ページ」は画像だけを一覧表示するページではないと思うんですが、よくわかりません。ビデオ一覧ページとかオーディオ一覧ページが別にあるのか、この画像一覧ページと共通なのか、よくわからないのですが、とりあえず画像一覧ページを編集していきます。
なんかもうテキトーになってきましたが、別にかまわないですね（笑）



「画像一覧ページ」を開くと、タイトル部分の表記は「"○○（ブログタイトル）"の画像一覧」です。
私は「" "」で囲むという表記方法が好きではありません。なので「ブログ『○○』の画像一覧」という表記に変更したいと思います。

画像一覧ページのタイトルを編集する

画像一覧ページのタイトルに使われているclassは「upload-detail__entry-title」です。
このclassは以前の記事＜■【Seesaaブログ新デザインシステム】画像詳細ページにタイトルを作る＞で編集済みです。



以前の記事でclass「upload-detail__entry-title」を編集したので、画像一覧ページを開くと既にタイトル部分の表示が出来上がっています。
今回編集するのはタイトル表記です。





現時点での画像一覧ページのタイトル表記は「"○○（ブログタイトル）"の画像一覧」です。
「" "」が気に入らないので変更します。



HTMLを編集します。
管理画面の「HTML編集」画面で「<p class="upload-detail__entry-title">」を検索すると2ヶ所がヒットしますが、そのうちの2つ目を編集します。（1つ目は記事＜■画像詳細ページのタイトル表記を変更する＞で既に編集済みです）
デフォルトのテンプレートだと524行あたりだと思います。





このコード画像では544行目「"<a href="<% blog.page_url -%>"><% blog.title | shorten(30) | html -%></a>"&nbsp;の」が、画像一覧ページのタイトル部分の表記です。



「<a href="<% blog.page_url -%>"><% blog.title | shorten(30) | html -%></a>」を『"』『"』で挟んでいます。
これを「『」「』」に変えます。
ここには必ずブログタイトルが入りますので、「ブログ」という文字を最初に書いて「ブログ『○○』の画像一覧」という表記にします。
色々と面倒な場合は、以下のコードをコピペしてください。


＜入れ替えるコード＞




●「の」で切っているのは、この「の」の後ろに、もしも画像一覧ページならば「画像」が、ビデオ一覧ページならば「ビデオ」が入るように設定されているからです。なので、編集するのはこの「の」までです。

コード編集後の画像一覧ページのタイトル

こんな感じですね。
このページは該当月にアップロードされたファイル（画像やビデオなど）を一覧表示するページですので、いわゆるリンク先はブログのトップページ（つまりブログタイトル）に設定していて問題はないと思います。
閲覧者がブログのタイトルを知っているとは限りませんので、ページのタイトルのように表示される部分にちゃんと「ブログ『○○』の画像一覧（ビデオの場合は「ビデオ一覧」）」と表示させた方が、親切だと思います。




次の記事の紹介

次の記事では、Seesaaブログの画像一覧ページで表示する画像が無い場合を説明します。