attention admin about comments trackbacks you may also like

「追記あり」どうしようかすごく悩んでるんだ本当に【サムネイル付き関連記事リスト】

2019年10月06日
雑記
8

いやもうマジで悩んでるよ。ずっと((((笑)
以前も一度書いていますが、FC2ブログが出力する 関連記事リスト構文エラー についてです。

関連記事リストを出力できる場所

  1. 個別ページの記事下
  2. 一覧ページの記事下
  3. 個別、一覧ページの記事下
  4. テンプレート変数のみ
  5. 上記全て

上記5つの設定が用意されています。「個別ページ」というのは記事が書いてあるページ、つまり 個別記事ページのことです。そして「一覧ページ」はいわゆる トップページ のこと。

問題が生じるのは赤く囲った2つの指定

  • 一覧ページの記事下
  • 個別、一覧ページの記事下

このいずれかに指定しており、かつ リストにアイキャッチ画像を表示する 設定にしており かつ 全文表示タイプテンプレートを設定している 場合です。一覧ページへの出力は要約タイプでは原則無効なので対象となるのは全文タイプです。

構文エラー Duplicate ID

errorDuplicate ID xxx.

ID名(ID属性の値)重複 していますよ、というエラーです。

IDというのはページ内に単一でしか存在してはいけない名称なんですが、関連記事リストをトップページに表示させることでこのエラーを引き起こします。というのは、トップページは管理人が意図的に単記事に指定しない限り原則 記事の複数件表示 が行われます。その記事それぞれにひとつづつ関連記事リストが表示されるので「重複」になります。

サムネイルつき関連記事リストのhtmlの書き出しは以下のようなものです。

<dl id="fc2relate_entry_thumbnail_area" class="relate_dl fc2relate_entry_thumbnail_on">

緑の部位がID属性です。これが複数件表示表示されるので重複になるってスンポー。この内容は自動出力なのでテンプレート製作者側で変更することはできません。

具体的に何が起こるのか

表示上は特に何も起こりません。大抵の場合は。レイアウトが崩れたりCSSが適用されない、など目に見えておかしくなるようなことはよっぽど起こらないはずです。

ただしJS(JavaScript)が絡んでくるとアウトです。JSでは getElementById というメソッドがあり、これは「特定のID名を見つける」ために利用します。で、ひとつ見つけたら他の重複分については無視しますので、同じIDが10件あって全てに処理を適用したくとも最初に発見された1件のみしか処理しません。

CSSの方はブラウザがよきに計らってくれますが、だからといって重複させて良いわけではない。非常に非効率的なことをやらなくちゃいけないので。

FC2ブログの関連記事リストになんらかのJSを適用している、というテンプレートは恐らく今の所無さそうなので、一見問題はなさそうにも思えてしまいますが。

何を悩んでいるのか

私が何をグジグジ悩んでいるかというと、この件を運営に報告して修正を依頼すべきかどうか です(笑)

だってね、これ私のテンプレートだけの問題じゃないんですよ。関連記事リストのデザインに手を加えてあるほぼ全てのテンプレートに修正が発生する ことになります。修正が必須かどうかはビミョー。#fc2relate_entry_thumbnail_area このセレクタがスタイルシートに含まれているテンプレートはアウト。

ですから本来修正すべき事例とはいえ、実際に修正が入ったら混乱必至(笑)
該当するテンプレートは表示が大きく乱れることになります。だから報告すべきか悩んでる (´・ω・`)

あぁあぁぁーなんですぐ言わなかったんやろ?リリース直後すぐに報告すれば良かったのに何故しなかったんだよお前(私のことです)
えーマジでなんでやろ。忙しかったんかな? ←

でもこれどうだろう… 修正すべきじゃない? (´・ω・`)
どーなんですか?どうしよう?(笑)

なかには「バリデートとかよくわかんないよ」という人も居ます、というかそういう方の方が多いでしょうから、もう構文的なことは目を瞑っ… た方が良いの?これって?わからないよ!(笑)
この記事がたまたまFC2のスタッフさんの目に入って、そこで何かしら決定してくれると良いんだけど。運営が自主的に修正したら製作者はそれに応じます。でも「変更はしない」という決定だと伝わったかどうかわからんな。よく考えたら

トップページでのサムネイルつき関連記事リスト表示例

上記サムネイルクリックでサンプルページをご覧頂けます。弊テンプレート「Generic」を利用しています。

Generic - FC2ブログテンプレート

Genericテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...

ちょっとズルをして関連記事のリスト内容は全て同じもので揃えました。すみません。ともかく例えばこういう感じですよね。で、私はこれはデザイン的にも悪くはないと思うんです。こういうのができるのが全文表示タイプの良いところかもしれませんね。

ところが、何度も言うようにリスト複数件表示でhtml構文エラーである点、そしてこの関連記事リスト用のCSSファイルを出力させるためのJS内容(script要素)が記事表示件数分繰り返し表記されています。
「関連記事リスト用のCSSファイルを入れてください」という処理がサンプルで言うと1ページあたり記事12件表示ですから実に12回も繰り返されている(笑)

getElementById でやってますので12回も処理を回しても言うことを聞いてくれるのは一度だけ。ただしこの場合はたまたま幸いなことに「CSSファイルを読み込む」という内容ですから、一度読み込まれればよし。

そういうわけでデザインやUXなんかは良くとも内部的にはちょっとめちゃくちゃなことになってしまいます。idでなくclassに変更してくれれば全て解消できて安心してこの形にできるんだけど。実際サンプルと同じ形式で運用されている方を何度かお見かけしています。何故かいつもGeneric(笑)
たぶんスマホでリストが横スクロールに変更されて縦(高さ)を消費しないからかもしれません。

なのでお見かけする都度なんだか申し訳ない気持ちに (;ωq`)
ただ今のところ「重大なエラーですから辞めた方が良いですよ!」なんて指図は致しません。現になんとかなってるんで。まぁホントはこんなこと言っちゃダメなんだけどさ (´・ェ・`)

まとめ

これどういうことかというと、結局は運営側がこの機能をリリースする際に トップページ(一覧ページ)への掲載を全く想定していなかった ってことですよね。もうこの処理内容全てがそう物語っている(笑)
設定に選択肢が用意されている以上、必ず使う人は居ます。失念しちゃったんだろうなぁ。たぶん。

で、どうしますかね (´・ェ・`)
修正入れば入ったですぐ直せるんで、私個人としてはやって欲しい気持ちはあれど、全体観で見ると混乱を引き起こして「Akira、テメッ!余計なことしやがって!」とかなんないかなー。つか、なるよねー ←←←
いやマジでwebページの classやidが変更されるってものすごく困ること なんですよ。Amebaとかそれやって非難轟々でしたよね。

えっとー。鍵コメで良いんで、ユーザーさん「言った方が」「いや言わなくても」とかちょっと意見聞かせてくんないかなー、みたいな。それかもしも、もしもよ?スタッフさんが偶然にでも目を留めてくれたらちょっと考えてもらえると嬉しい(笑)

追記 2019年10月11日

FC2運営からお返事が届きました。概要は ご指摘の通り影響範囲が大きいため修正は見送り とのことです。まぁ仕方ないよなぁ (∵`)

ただし システム上大規模な変更があれば修正もあり得る という但し書きもついていました。

やー、もっと早く言えば良かったと後悔することしきり。ともかくこういう結果です。

関連する記事
vanillaice (Akira)
Author: vanillaice (Akira)
* Internet Explorerはサポートしておりません。
* メールでの返信をしておりません。
ブログ内で必ずお返事はしておりますので
ご面倒ですがリコメの確認に再度お越しくださいね *

コメント(8)

There are no comments yet.

-

2019/10/07 (Mon) 01:29

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

-

2019/10/09 (Wed) 09:59

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

Akira

2019/10/10 (Thu) 01:24
vanillaice (Akira)

To 関連記事リストの件 おふたりの内緒さん

こんばんは。お返事大変遅くなりました (*_ _)

そうですよね。報告した方が良いですよね (´・ω・`)
これhtmlをチョロっと修正というだけでは済まないので、CSSもJSも根本的に方法を見直さないといけないね。辛いね(笑)
やる・やらないはスタッフさんの一存になるので義務として報告しようかな ( ̄∀ ̄;)
おふたりともご意見ありがとうございます :)

-----
先程送信しました。あとはスタッフさんの判断にお任せします。
最近なかなか時間が取れない (´・ェ・`)

-

2019/10/14 (Mon) 08:04

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

-

2019/10/14 (Mon) 10:50

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

-

2019/10/14 (Mon) 12:30

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

Akira

2019/10/14 (Mon) 17:21
vanillaice (Akira)

To 試作テンプレートの件 おふたりの内緒さん

こんばんは。

昨日元に戻そうと思って忘れた ^^;
でも却って良かったです。是非デバッグにご協力ください(笑)
winでselectの文字が読めない点解消できてますでしょうか。

配布は限定になると思います。まだ調整中なので、なにかお気づきの点があれば教えてください。このまま設定状態にしておきますね ('0')/
* 白背景とコロコロ入れ替えるかもしれません

-----
ラグビーおもしろかったですー。初めて見た!なんかもう感動しちゃって ^^;
最初は「DCI Banks(イギリスのドラマ)見たいのに」とかブーブー言ってたくせに(笑)

-

2019/10/14 (Mon) 17:46

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です。
ご質問の前に 必ずお読みください
テンプレートに関するご質問時のお願い

必ず該当テンプレートの専用記事にお願いします。無関係な記事・別のテンプレート専用記事でのコメントはお控えください。
テンプレートカテゴリ
テンプレート一覧