bloggerカスタマイズ 関連記事をブログに表示させるのに問題が起きた件

当ページのリンクには広告が含まれています。
今回は、当ブログともう一つのbloggerブログに関連記事を設置したことについてまとめてみました。二つともテーマはEmporioを使ってます。
  • 二つともほぼ同じ設定なのに、ひとつの方法では上手くいかなかった
  • 関連記事カスタマイズで使った二つの参考記事
  • 一つ目のブログ設定について
  • 二つ目のブログ設定について
目次

二つともほぼ同じ設定なのに、ひとつの方法では上手くいかなかった

管理人が運営する3つのブログの2つはbloggerを使っているため、Wordpressと比べるとカスタマイズが必要な部分が多々あり、その一つが関連記事の表示です。

昔は、レイアウトガジェットにJavaScriptコードを貼って設置した記憶があったので、簡単に設置出来ると思っていたのですが、関連記事を表示させる方法の難易度が少し上がっていると思いました。


ほぼ同じ設定ブログなのに、このブログだけ表示されない問題に

もう一つのブログは、そう思いつつも上手く設置できたので一安心でした。でも、問題が起きたのです。このブログに同じ方法で関連記事を設置させたのですが、何度やり直しても関連記事の表示がされないのです。

別の設定方法でなんとか表示された

もう1つの関連記事の表示は、このブログと違ってアイキャッチ画像が大きめのため、見やすいデザインだったので使いたいと思ったため、テーマを再設定するなど、試みたのですが、上手くいかず、他の設定方法も表示されないというアクシデントに見舞われたのですが …

上手くいかないまま半日過ぎたので

心が折れそうになりましたが

最終的に表示できる方法を見つけることが出来ました。

上手くいく方法が見つかり

元気を取り戻せました…

関連記事カスタマイズで使った二つの参考記事

どうして、同じ方法で上手く設置出来なかったのか?という理由は分からないままなのですが、それぞれのブログで設定した関連記事表示方法を紹介させていただきます。

一つ目のブログ関連記事設定について

まず、一つ目で設定した関連記事の設置方法ですが、「1983Note」さんが紹介された方法です。

 

 

Bloggerでシンプルな関連記事を簡単に表示する方法

 

「1983Note」さんが紹介してくれた
ソースコードを使ってみたところ
こんな感じになりました

 
 
 

管理人の場合

 
1つ目のブログの関連記事ソースコードですが、「1983Note」さんの記事で紹介されているソースコードは二つあり、一つ目はHTML編集にある</head>の直前に貼り付けるというのですが、F+Cltlで検索して簡単に設置出来ました。
 
二つ目は、関連記事をどこに設置するか…ですが、管理人はレイアウト画面で新しくHTMLコードを設置できるガジェットを記事下辺りに設置することにしました。

二つ目のブログ関連記事設定について

当ブログで関連記事を表示させてくれた方法を紹介してくれたのは、「スケ郎のお話」さんの記事です。

Bloggerにサクっと関連記事を表示させるプラグイン

「スケ郎のお話」さんが

紹介してくれたソースコードを使ってみたところ

こんな感じになりました。

管理人の場合

一つ目は、HTML編集内に下記の場所に貼る必要があったのと、ソースコードに自分のブログIDを加える必要があり、上手く表示されるか心配でした。

2つ目のソースコードは、上記に書いた場所、「レイアウト画面で新しくHTMLコードを設置できるガジェットを記事下辺りに設置」して、そこに貼りました。

スケ郎さんの紹介してくれた関連記事ソースコードも2つあり、1つはHTML編集の中に設置します。一つ目は、 <b:include data=”post” name=”post”>のすぐ下に貼るのですが、紹介されているコードが、今回見つかりほっとしました。

QooQで紹介された「HTML編集」ソースコードは、Emporioで、ほぼ設定できません。

ソースコードなどの装飾設定も使えなかったり、<per>タグも表示されません。

ソースコードを当ブログで表示させる場合、ボックスコードを設定した後、直接ビジュアルエディタに貼るとか、テキスト背景色の上にソースを書き込むと表示される…など、通常紹介されているパターンが通用しないことがあります。

まとめ

つのブログで表示された関連記事ですが、見た目が違います。でも、管理人的には、上手く記事のコメント欄の下に関連記事が表示されたので、満足しています。

問題点が最終的に解決することは出来ませんでしたが、関連記事を表示されるという目的は達成できたので、とりあえず安心して通常作業に戻れそうだと思いました。

スポンサーリンク




この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

e-ponのアバター e-pon ブログ管理人

管理人である「えーぽん」です。滋賀在住、パートタイムと家事をこなす50代の普通の主婦です。Wordpressが好きで趣味でブログを書いてましたが、将来を考えた結果、ブログ収益化を始めることに。
脱パート目指してがんばります。

目次