Blogger 関連記事って難題？表示件数と追記の区切り

2023年01月06日 2023年03月11日

ん、なんか表示されてる件数が、設定と違う感じなんですけど、、

各投稿に「追記の区切り（moreタグ）」が必要だった。

トップページ然り、ラベル別に一覧を表示しても、表示される記事数が、

あってたり、少なくなったりする。。気のせいかと思うレベルなんですが。

こちらの達人に伝授戴いた。。🙏

時々、これが、きちんと入ってなかったりするんですねぇ。。トホホ。。

<!--more-->

おお、容量の問題？「追記の区切り」って、以前、テンプレートによっては、

「もっと読む」とか表示されてたんで、気にしてたんだが、昨今あまり見かけない。

こちら、だいたい入ってるんですが、時々忘れてるのよね。。黙々とメンテナンス。

しかしですねぇ、、、

ラベル毎の一覧の件数は、最大20件になってるのね。

できれば、、ホームの件数と同じ10件にしたいなぁ。

こちらの達人に伝授戴いた。。🙏

「QooQ」だと、'data:label.url' で検索して、４カ所すべてを変更した。

「 + "?max-results=10"」を追加します。

＜Before＞

<a class='single-header-category-item' expr:href='data:label.url'><data:label.name/></a>

＜After＞

<a class='single-footer-category-item' expr:href='data:label.url + &quot;?max-results=10&quot;'><data:label.name/><data:postLabelsLabel/></a>

これにより、ラベル検索のURLの末尾に「?max-results=10」がついて、10件検索されるわけです。

「ブログフィードを許可」も「追記の区切りまで」にしときましょう。

確かフィードを許可の設定も、「完全」にしたまんまだなぁ。。

フィードを使うスクリプトとかあると、上手く動かなくて「完全」にしちゃってたが、

「完全」にしちゃうと、「RSSリーダー」で読めちゃうから、サイトに来てもらえない、

とか言ってたよなぁ。。おそるおそる？こちらに設定し直しとく。

「設定」の「ブログフィードを許可」で、「追記の区切りまで」を選択。

どうやら今のとこ、支障は出てないようだ。。昨今、「RSSリーダー」とか使うのか？

じゃぁ「RSSリーダー」で読んでみよう！

Microsoft Edgeの拡張機能『feedbro』を導入して、フィードを覗いてみた。

確かに、「完全」にしてしまうと、すべて表示されてしまうようだ。

「追記の区切りまで」にすると、「Read more »」が表示されて、、

そこをクリックすると、本ブログにリンクする。

でもね、色々やってたら、ここまで見れてしまうことが判明してしまった。

つまり、「ブログフィードを許可」で、「追記の区切りまで」にしても、

昨今の「RSSリーダー」は凄すぎて、読めてしまう。

Googleアドセンスだけ表示されない感じなんだが、、

これって、サイトにアクセスしてるのだろうか？？

「QooQ」の最大の難関は、関連記事のようだなぁ。

そもそも、色々とあったようで、記事が多数検索ヒットする。時系列把握が難しい。

しかしですねぇ、、やっぱり、表示件数が合ったり、合わなかったりする。

当初は、こちらの達人に伝授戴いていた。。🙏

現在は、達人おすすめの、こちらの達人に伝授戴いている。。🙏

>
サムネイル画像は、基本Picsartでお絵描きしてるんですが、

インスタ仕様で作っていたため、正方形なんですよ。。それで、、

件数とスタイルを少々変更させて頂いて、、現在は、こうなってます。

【モバイル】

【ＰＣ】

※現在、＜style＞の内容は、CSSの方に記載させて頂いてます。

#related-posts {
  margin: 2em 0 0;
}
.related-text {
  font-size: 1.20em;
  font-weight: 700;
  text-align: center;
  background: #fffaf0;
  padding: 10px 14px;
  border-bottom: 2px solid #ddd;
  margin-bottom: 1em;
}
.p-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.p-container:after {
  display: block;
  content: "";
  width: 24%;
}
#related-posts a {
  display: block;
  width: 24%;
  color: #444;
  box-sizing: border-box;
  margin-bottom: 1.5em;
  transition: all .3s ease;
}
.related-img {
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.related-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  transition: .3s
}
.related-date {
  font-size: .8em;
  padding: .7em 0 .2em;
  opacity: .8;
}
.related-title {
  font-size: .9em;
}
#related-posts a:hover {
  text-decoration: none;
}
#related-posts a:hover .related-img img {
  transform: scale(1.1);
}
@media screen and (max-width:519px) {
  #related-posts a {
    width: 49%;
  }

するとですねぇ、Youtube埋め込み形式を回避していたため、、

QooQ トップページ画像をなんとか表示したい - Blogger メモ帳月夜ニ君ノ音想フ♪

またしても、サムネイルが表示されないわけです。やっぱ、画像貼らなきゃな。

観念して、この手を使って、すべての投稿に画像を貼りましたよぉー！

こちらの達人に伝授戴いた。。🙏

初心者がBloggerのアイキャッチ画像（featured image）を指定して表示させる方法

「style="display: none;」ですね。。

<img src="画像Url" style="display: none;" />
自作のサムネイルを作れない時には、こちらで対応してます。

追記

動画の高速化対応は、画期的だったんだが、若干、影響が出てしまった。

そもそも、きちんと画像が貼れてないのが問題だったのよね。

最初の頃は、そんなのなかった気もするんですけど、、いつのまにか、

「サムネイル画像」、「アイキャッチ画像」が、重要視されるようになってた。

うむ、これから、どうなってゆくんでしょう？人は、文字を読まなくなるのか？(困)

Blogger

#QooQ

Blogger 関連記事って難題？表示件数と追記の区切り

各投稿に「追記の区切り（moreタグ）」が必要だった。

ラベル毎の一覧の件数は、最大20件になってるのね。

「ブログフィードを許可」も「追記の区切りまで」にしときましょう。

じゃぁ「RSSリーダー」で読んでみよう！

「QooQ」の最大の難関は、関連記事のようだなぁ。

追記

カテゴリー

ハッシュタグ

アーカイブ

各投稿に「追記の区切り（moreタグ）」が必要だった。

ラベル毎の一覧の件数は、最大20件になってるのね。

「ブログフィードを許可」も「追記の区切りまで」にしときましょう。

じゃぁ「RSSリーダー」で読んでみよう！

「QooQ」の最大の難関は、関連記事のようだなぁ。

追記

お問い合わせ を Googleフォーム で作ろう

Amazonアソシエイト 画像リンク作成/表示機能の終了

旧式ホームページをBloggerで作ってみる

JetTheme で Bootstrap を学んでみよう

QooQ 高速化 トップへ戻るボタン 【脱jQuery、脱JavaScript】

Blogger ブログカード 引用デザイン をオシャレに