関連記事のサムネイル画像が表示されない不具合

関連記事のサムネイル画像が表示されない不具合が発生しています。

管理画面の「関連記事リスト」の設定を「テンプレート変数のみ」アイキャッチ画像「表示する」にしている方に起きています。

FC2運営側で修正して貰わない限り表示は直りませんので、取り敢えずそのままお待ち下さいませ。
取り急ぎご連絡まで。m(__)m

09/22 お昼頃、画像が表示されるようになりました。

確認・ご報告頂き有難うございました。(^-^)

comment-NO3157 呑兵衛あな様への見本です。(他の方はお見捨て下さい。m(__)m)

1️⃣<sup>: 上付き文字要素

上付き文字要素<sup>(上)</sup>

上付き文字要素(上)

2️⃣<sub>: 下付き文字要素

下付き文字要素<sub>(下)</sub>

下付き文字要素(下)

3️⃣<mark>: 文字列マーク要素

<mark>文字列マーク要素</mark>

文字列マーク要素

4️⃣<big>: 大きめの文字列要素

<big>大きめの文字列要素</big>

大きめの文字列要素

↑HTMLのbig要素は廃止されていますので使わないようにして下さい。

5️⃣<rt>: ルビ文字列要素

<ruby><rt>ルビ文字列要素</rt></ruby>

ルビ文字列要素

ルビ<ruby>

文<rp>(</rp><rt>も</rt><rp>)</rp>

字<rp>(</rp><rt>じ</rt><rp>)</rp>

列<rp>(</rp><rt>れつ</rt><rp>)</rp>

要<rp>(</rp><rt>よう</rt><rp>)</rp>

素<rp>(</rp><rt>そ</rt><rp>)</rp>

</ruby>

ルビ()()(れつ)(よう)()

<rp>タグを使う事で、対応していないブラウザでは『ルビ文(も)字(じ)列(れつ)要(よう)素(そ)』のように表示されます。

ルビ<ruby>文字列要素<rp>(</rp><rt>もじれつようそ</rt><rp>)</rp></ruby>

ルビ文字列要素(もじれつようそ)

上記の場合は『ルビ文字列要素(もじれつようそ)』のように表示されます。

6️⃣<bdo>: 双方向文字列上書き要素

<bdo>双方向文字列上書き要素</bdo>

↑書き方が間違っています。dir=""で読む方向を入れなければいけません。

<bdo dir="ltr">双方向文字列上書き要素</bdo>

双方向文字列上書き要素

<bdo dir="rtl">双方向文字列上書き要素</bdo>

双方向文字列上書き要素

7️⃣<rtc>: ルビ文字列コンテナー要素

<rtc>ルビ文字列コンテナー要素</rtc>

↑Firefoxのみで、その他のブラウザでは使えません。

正しい使い方は https://www.tagindex.com/html5/text/rtc.html 等をご覧下さい。

[Tag] * 重要 * FC2

Comments

直ったようです

この問題、どうやら直ったようですね~。
弊ブログでは表示出来るようになりました (^。^;)ホッ
2021-09-22-12:43 ぼっちん
[ 返信 * 編集 ]
aki

Re: ぼっちん 様へ

こんにちは。コメント有難うございます。m(__)m

私も確認致しました。(当方に問い合わせ下さった方も確認して頂けました。)
FC2運営さんの修正が早くて良かったです。(^-^)
2021-09-22-14:29 aki
[ 返信 * 編集 ]

別の話題です

たまたま気が付きましたが、
FC2ブログの「記事を更新した日付」が或る日、何気なく変更されるようですね。
https://nono634.blog.fc2.com/blog-entry-5584.html
akiさんはFC2ブログの利用期間が長いと御見受けしますが、そんな経験はありますか
2021-09-28-10:23 呑兵衛あな
[ 返信 * 編集 ]
aki

No Subject

こんにちは。コメント有難うございます。(^^)

最終更新日を表示する変数が出来たのが2017年9月なので、実装されているテンプレートはそれ以降のものか自身で導入できる方がカスタマイズされているか、だと思います。
私の場合、誤字脱字が多いのでその都度記事を修正してると更新日が変わってしまうので、あんまり気にしていません。(重要な記事も無いですし。^^;)
ただ、なんだこれ?と思うような更新日になってる時も有ります。(が、重要な記事で無ければスルーしてます。)
https://blog-imgs-144.fc2.com/s/o/r/sorauta1/kousinbi.jpg
↑こんな風に。

流石にテンプレート側では直せない事案なので、気になるようであればFC2に問い合わせてみては如何でしょう?
2021-09-28-15:15 aki
[ 返信 * 編集 ]

No Subject

なるほど、なるほど、です。
>気になるようであればFC2に問い合わせてみては如何でしょう?

いえいえ。そんなものだと思い、スルーします。
ありがとうございました
2021-09-28-17:33 呑兵衛あな
[ 返信 ]
aki

Re: 呑兵衛あな 様へ

お返事が遅れました。
ワクチン2回目だったので暫し養生しておりました。m(__)m

情報を頂いて調べた件で、何れ(出来れば)近いうちに投稿日・更新日部分を少し修正しようと思っています。
その際には他の修正と併せて更新すると思うのでお待ち下さいませ。
(まだ頭の中が色々纏まって無いので、更新には少しお時間頂きます。^^;)
返信不要です。
2021-10-01-14:11 aki
[ 返信 * 編集 ]

akiさん、こんにちは。( ^-^)/

更新日付は、私のところではかなり前から表示しています。
それで、そのまま表示するのではなく、javascriptで”変な日付”でないことを簡易的にチェックした上で表示するようにしています。
具体的には、投稿日時と更新日時を比較し、更新日時が新しい場合のみ表示します。


1.HTML 更新日付を表示したい場所に、

<div id="renewal_date">
</div>

2.HTML </body>直前に、

<script>
if (document.getElementById("renewal_date")) { //記事ページ?
if ("<%topentry_year><%topentry_month><%topentry_day>" != "<%topentry_modified_year><%topentry_modified_month><%topentry_modified_day>")
document.getElementById("renewal_date").innerHTML = '<img src="https://blog-imgs-123.fc2.com/s/u/p/supergensan/renew.png" alt="最終更新日"><%topentry_modified_year>-<%topentry_modified_month>-<%topentry_modified_day> (<%topentry_youbi>)';
}
</script>

3.CSSの最後に、

#renewal_date {
color:#4776af;
text-align:right;
width:100%;
display:inline-block;
line-height:16px;
}

#renewal_date img {
width;16px;
height:16px;
vertical-align:-3px;
}

を書きこんでます。

以上、何かのお役に立てば。(^^)
2021-10-13-12:55 Super源さん
[ 返信 * 編集 ]
aki

Re: Super源さん 様へ

こんにちは。コメント頂き有難うございます。

言い訳なのですが、月初から法事やら何やら自身で動かなければならない案件が多々有りまして、更新できないでおります。
そして更に最近体調不良でして…。^^;

近々更新しようと思っているのは
『不要な target=_blank をテンプレから削除』
『要約表示の画像を preload に変更(←少し悩み中)』
『投稿日と更新日に time タグを使う』
というもので、time タグについては構造化データマークアップの itemprop を使う方法を考えております。
https://memorva.jp/memo/website/google_page_update_time.php
https://maku.blog/p/ukama8m/
↑こういうものです。(更新では microdata も追加します。)

コメントに頂いた方法も良いですね。(^-^)
(ただ、JS拝見すると画像でSuper源さんの所へ読みに行きますけど…良いのかな?)
記事書く時に「こんな方法も有るよ」と、ご迷惑にならない程度に参考コメントとして是非貼らせて頂こうかな。(^^ゞ
2021-10-13-14:57 aki
[ 返信 * 編集 ]

Re: Re:Super源さん 様へ

akiさん、こんばんは。( ^-^)/

あら。(゚O゚;体調の方、大丈夫ですか?
ブログ更新の方は、みんな待ってくれますので、くれぐれもご無理をなさらないでくださいね。(・。・)チョット シンパイ。

リンク先、読みました。
相変わらず、いろいろ考えておられるんですね。おお!(゚o゚)

貼りつけたスプリプト、良かったらどうぞ新記事でお使い下さい。(^^)

変に書き換えて動作がおかしくなるといやなので、今回はそのまま書き込みましたが、画像のところはakiさんが現在テンプレートで使われてるもの(↻)に変えていただければよろしいかと。(^^)

まぁ、FC2は共有サーバーで、画像はフリーなので、このまま使っていただいてもいいかな。
どうするかはakiさんにお任せします。(^^)
2021-10-13-18:42 Super源さん
[ 返信 * 編集 ]
aki

Re: Super源さん 様へ

こんばんは。お返事有難うございます。

構造化データマークアップについては、ド素人故どう書くものか悩んでいるため少し時間が掛かっています。
修正・更新ばかりしてて申し訳無いと思うので、出来るだけ纏めてupしたいんですよね。^^;

色々とお気遣い頂いてとっても感謝です。
記事更新の際には有難く掲載させて頂きます。m(__)m
2021-10-14-00:34 aki
[ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2021-10-14-18:54 -
[ 返信 ]

文字要素について

教えてください。
以下のページのとおり、[ct_responsive3c] にて、<sup>: 上付き文字要素、<sub>: 下付き文字要素、<rt>: ルビ文字列要素、が表示されません。
https://nono634.blog.fc2.com/blog-entry-5631.html
なお、上記の記事では他の文字要素も試験していますが、<sup><sub><rt>以外はスルーです。

[ sunny_resp2c-r ] では表示されますので、当該CSSのパクリを思案したのですが、わかりませんでした。[serene_resp2c-r] でもOKです。

不調とのこと。
ぜんぜん慌てませんので、他の事を弄るついでの際にでも教えていただきたく御願いします。
2021-10-14-20:26 呑兵衛あな
[ 返信 * 編集 ]
aki

Re: - 様へ

こんばんは。お気遣い有難うございます。m(__)m
う~ん、眼科・耳鼻科・整形外科、色々行ってるんですけど原因がよく分からないという…更年期症状だよと言ってしまえば全部当てはまるかな。^^;

来週健康診断が有るので何か分かるかも知れません。(何も無いのが一番です。)
お返事不要です。(^^)
2021-10-15-01:02 aki
[ 返信 * 編集 ]
aki

Re: 呑兵衛あな 様へ

こんばんは。コメント頂き有難うございます。

先ず、修正方法です。
スタイルシート編集枠の一番上に /* -----reset css------ */ というのが有るので、その中から下記を探して削除して下さい。

bdo, sub, sup, mark, rp, rt, ruby,

/* -----reset css------ */ の下の行と3行目辺りに有りますので、削除後に更新して下さい。

それとルビの使い方と文字の方向ですが、正しい書き方をこの記事の『Read More』に掲載しましたのでご参照下さいませ。
2021-10-15-01:15 aki
[ 返信 * 編集 ]

Re: aki 様へ

素早い回答をいただき、ありがとうございました。
『Read More』の掲載内容、承知しました。
御手数をお掛けします
2021-10-15-08:30 呑兵衛あな
[ 返信 * 編集 ]

ruby要素

いつもお世話になっています。

ruby要素の件ですが、私はruby要素の読みは単語毎に指定する方がいい様な気がします。
読みの rt には漢字単体ごとではなくて、意味のある単語毎に私はしています。
因みに双方を記述して見ると
https://blgid1974.blog.fc2.com/?q=ruby
の様になり、漢字ごとにルビを振るとプレーンテキストではちょっと不自然な表示になる様な気がします。でもそれもありかもですが。

あと<rp>は通常不要だと思います。
https://momdo.github.io/html/text-level-semantics.html#the-ruby-element
<ruby>天照大御神<rt>あまてらすおおみかみ</rt></ruby>
で、OKでは。
この場合は</rt>も省略できるようですね。

古いブラウザが入手できないのでルビが()括弧書きになる検証は出来ませんでしたが、漢字ごとに<rt>で区切ってルビを振ると「天(あま)照(てらす)大(おお)御(み)神(かみ)」と表示されるのではないでしょうか。

読み上げがどうなるか迄は検証できてません。

ruby要素を多用しているhigeでありました。
2021-10-15-12:15 hige
[ 返信 * 編集 ]
aki

Re: 呑兵衛あな 様へ

こんにちは。
hige様よりruby要素について有難いコメントを頂きましたので『Read More』部を少し修正致しました。
是非hige様コメントのリンク先が詳しいのでお読み下さいませ。m(__)m
2021-10-15-14:42 aki
[ 返信 * 編集 ]
aki

Re: hige 様へ

こんにちは。コメント頂き有難うございます。(^^)

私はあんまりルビ振らないのでNetに出ているままの事書いてますが…場合によって臨機応変で良いのでは?と思います。
higeさんの仰るように、漢字単体では逆に分かり難くなる場合も有りますよね。
カッコについても「対応ブラウザによっては~」と彼方此方で記述方法共に書かれているのですが、これこそ単語単位で括って良いと、私も思います。
でないとソースがメチャクチャ長くなって、記事管理がかえって分かり難くなってしまうと。
それと見本が正しくありませんでした。あれだと『ルビ文字列要素(もじれつようそ)』では無く『ルビ文(も)字(じ)列(れつ)要(よう)素(そ)』になってしまいますね。(←修正しました。)

浅い知識の情報で返信書いてスミマセン。
そして、忌憚無きご意見 有難うございました。m(__)m
2021-10-15-14:48 aki
[ 返信 * 編集 ]

To akiさん

しまった ruby 要素のタグが間違ってました。
rb → ruby です。
コメントを訂正しました。
2021-10-15-18:26 hige
[ 返信 * 編集 ]
aki

Re: hige 様へ

コメント投稿・修正でのメール通知機能はOFFなので、どうぞ幾らでも『編集』ボタン使って下さい。
私も書いた後にいっぱい直してますので。^^;
2021-10-15-22:57 aki
[ 返信 * 編集 ]





非公開コメント