解決済
同じカテゴリの最新記事を表示のカスタマイズの方法
同じカテゴリの最新記事を表示する機能を使いたいと思いますが、カスタマイズの方法について<$RelatedArticles$>
という独自タグを表示させたい箇所に挿入します。上記の第四世代テンプレートでは、記事のタグ一覧（<$ArticleTagsList$>）の直前に挿入しています。
その後、「スタイルシート(CSS)」を選択し、ブログのデザインに合わせて編集します。
と説明されています。これがよくわからないのですが私の場合、第四世代テンプレートと同じ位置に表示するとしたら、、「デザインのカスタマイズ」から「個別記事ページ」を選択するまではわかるのですが、その後、どの位置に<$RelatedArticles$>
を挿入したらよいのでしょう。わかりやすく位置を教えていただけませんか？
↑このURLです。この質問には張り付いている画像は以前に使用していたもので現在のものが表示されないのが困るんですが「URLは同じです。
またその後の、「スタイルシート(CSS)」を選択はわかるのですが「デザインに合わせて編集します。」は具体的に何をすればよいのでしょう。ご教示ください。
回答(3)
2.
どこでも好きなところでいいと思いますけど、
例えば
<div class="article-footer">のすぐ後とか・
＞デザインに合わせて編集
<div class="related-articles"> <h3></h3> <ul> <li><a></a></li> <li><a></a></li> … </ul> </div>のような構成だから
それに合わせてスタイルシートを書けば良い。
例えば、文字色を変更するには、
div.related-articles ul li a { color:blue !important;}
の様にする1.
（通常、タグはランキングサイトのソースが貼ってある位置に表示されてます）
<$ArticleTagsList$>
の命令文がナイとの事ですが、、
<IfHasArticleTags><div class="article_tags">タグ: <ArticleTagsLoop>・・（中略）・・</ArticleTagsLoop></div></IfHasArticleTags>
こんな感じになっているのかも（？_？；
この場合、、
<IfHasArticleTags><div ・・
の直前に記述しています。。と言う意味です。
3.
結局、個別記事ページのタグ編集に入って、どこに何を挿入するのが正解なんですか？
#3に、
>>タグの命令文が無いデザインであれば、、
<div class="posted"><a href="<$・・（続く）・・
の直前辺りに挿入ではどうでしょう？
（この命令文も無いですか・・？）
と書き込んだのですが・・
調べようとも思われない？
>>わかりづらい説明はライブドアスタッフの案内だけで結構ですんで・・。
ナレッジで回答している方々は、ライブドアからも質問者からも何か利益を得ようと思って回答している訳ではナイ！！です
ＣＳＳやＨＴＭＬを編集しようとする人間であれば、、最低限！！分かる努力をするものだと考えますが？
以前の質問を拝見しましたが、、
自分で考える努力もせず！！コピペしてそのまま使えるような回答を望まれているように思えます
自分の勉強・理解不足を棚に上げてのコメントには納得できません
また、この件に関するライブドアの説明には、
▼カスタマイズ方法（分かる人向け）
「デザインのカスタマイズ」から「個別記事ページ」を選択し、
<$RelatedArticles$>
という独自タグを表示させたい箇所に挿入します。上記の第四世代テンプレートでは、記事のタグ一覧（<$ArticleTagsList$>）の直前に挿入しています・・
”分かる人向け”とハッキリ謳っていますが？
分かる努力をしない！！のであれば、、アドバイスも出来ません
素直に第4世代のテンプレートに変更するか、、やらなければイイ！！だけの話です
コメント(15)
すいませんが素人でもわかるように解説していただけませんか。意味がわからないです。
「<$ArticleTagsList$>」というタグの代わりに、「<IfHasArticleTags><div class="article_tags">タグ: <ArticleTagsLoop>・・（中略）・・</ArticleTagsLoop></div></IfHasArticleTags>」という長いタグを使用していると思いますよ、という回答です。
手順は、個別記事ページのタグ編集に入って…。
「<IfHasArticleTags>」をCTRL+Fキーで検索します。
ヒットした<IfHasArticleTags>の直前に、「<$RelatedArticles$>」を割り込ませ、保存。
…こんな感じ。
でも、スタイルシートはどうすればいいのでしょう。
コンセントもよくわからなくて。
該当するタグがないようですし…。
>>#2.様ナイスアシスト＾＾
>>1.のランキングサイトのソースが貼ってある辺り・・
の件ですが、、
ひょっとして、投稿する記事に各ランキングサイトのリンクを毎回貼っているのでしょうか？
「個別記事」等のHTMLを編集して、自動的に貼られているものだと考えてました..
私の勘違いです m(_ _)m
タグの命令文が無いデザインであれば、、
<div class="posted"><a href="<$・・（続く）・・
の直前辺りに挿入ではどうでしょう？
（この命令文も無いですか・・？）
HSさん、どうもです☆
コンセントのテンプレートには、個別記事ページに、<div class="posted">タグも、ありました。
でも、回答１で紹介された長ーいタグの方が、数行早く登場してるので、回答１のやり方が正解と考えておきます。
＞ひょっとして、投稿する記事に各ランキングサイトのリンクを毎回貼っているのでしょうか？
質問者さんのブログには、サイドバーにランキングサイトがありますが、「サイドバーに配置する場所なら、この辺でいいかもよ」ってことですか？
…なんか、すごいアホな質問してすみません。
もしかして、個別記事ページを編集できたら、スタイルシートは編集しなくてもいいんでしょうかね？
分からないのに挑戦してすんません。
HSさん、地雷踏んだかも(笑)
トップページの方にもタグを追加したところ、それらしくなりました！
スタイルシートを編集するというのは、フォントとか文字の大きさ等の設定のことですか？
質問者様 雑談お許しください m(_ _)m
>>質問者さんのブログには、サイドバーにランキングサイトがありますが、「サイドバーに配置する場所なら、この辺でいいかもよ」ってことですか？
サイドバーの方ではありません。
記事の一番最後に毎記事表示されている、ランキングサイトへのリンクの事です。
私もランキングサイトやamazonへのリンクを記事内に貼っているのですが、、
毎回記事にコピペするのが面倒なので、「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」のHTMLに記述しているので、、
質問者様のブログも、その様にされているのかと考えてしまいました＾＾；
>>スタイルシートを編集するというのは、フォントとか文字の大きさ等の設定のことですか？
そうです。
修正の必要がなければ、スタイルシート（CSS）を編集する必要は無く、、「個別記事ページ」等に <$RelatedArticles$> を記述するだけです。
追伸： <$RelatedArticles$> の表示スタイルを変更するには、CSS の何処の部分を変更するのかは・・
私も分かりません・・＾＾；
>投稿する記事に各ランキングサイトのリンクを毎回貼っているのでしょうか？
これはそのとおりです。ところでお二人同士のやりとりはこの辺にしていただいて、わかるように説明してください。
結局、個別記事ページのタグ編集に入って、どこに何を挿入するのが正解なんですか？
>「<IfHasArticleTags>」をCTRL+Fキーで検索します。
この意味もわからないし、、、。わかりづらい説明はライブドアスタッフの案内だけで結構ですんで・・。
コンセントも素人です。ここまでのやりとりがアシストになることを期待していたのですが…うーん。
>>#8
＞結局、個別記事ページのタグ編集に入って、どこに何を挿入するのが正解なんですか？
ぶっちゃけ、挿入する場所はどこでもいいんです。
そこに、表示されるだけですから（回答２）。
しかし、それでは疑問が晴れませんよね。
たとえば記事一番下に表示させるようにしたいのであれば、回答１であり、手順はコメント２であります。
ちょっと整理してみます。登場するタグは、３種類あります。
１．<$ArticleTagsList$>
２．<IfHasArticleTags><div class="article_tags">タグ: <ArticleTagsLoop>・・（中略）・・</ArticleTagsLoop></div></IfHasArticleTags>
３．<$RelatedArticles$>
手順のおさらい
まず、個別記事ページの<$ArticleTagsList$>を探す。
↓
でも、なかった。
↓
では、１．のタグと同じ役割を担う、２．の長ーいタグ「<IfHasArticleTags><div class="article_tags">タグ: <ArticleTagsLoop>・・（中略）・・</ArticleTagsLoop></div></IfHasArticleTags>」を使用しているかもしれない。
↓
検索してみる。しかし、見なれないタグの羅列に中から発見するのは容易ではないので、一発検索の裏ワザを使用する。
個別記事ページの中にカーソルを置いたら、CTRLキーを押しながらＦキーを押す。
↓
長ーいタグの先頭にある単語の「<IfHasArticleTags>」を検索する。
↓
発見。
この<IfHasArticleTags>のすぐ左にカーソルを置き、３．のタグ「<$RelatedArticles$>」を挿入する。
↓
設定を保存する。
↓
全ページを再構築する。
↓
完了。
以上です。
スタイルシートの編集は、「たぶんデザインと合わない不格好な感じになるはずだから、各自でやってね」みたいな話です。
ライブドアの記事に、「分かる人向け」としていたのは、このためですね。
自分のブログで確認しましたが、かなり不格好（字がでかすぎ等）なので、デザインの修正（＝スタイルシートの編集）はやっておきたいですね。
スタイルシートの編集は、回答2に文字色の変更を例に紹介してくれています。
HSよ。
この場所の意味を考えろよ。お説教はスルー。素人がカスタマイズできる方法を作ってるんだろ。素人にわかるように説明できないのは知識も技術も未熟か、ライブドアスタッフと同じで文章力がないだけだろうが。
>>#12
masaheroさん
HSさんは、わかりやすく回答してくださっています。他の方なら、もっとおおざっぱに回答するでしょう。
>>#8にある、
＞>「<IfHasArticleTags>」をCTRL+Fキーで検索します。
＞この意味もわからないし、、
このような発言では、回答者も次の対応ができません。
小学生が、理由を述べずに「わかんない」と言っているのと同じだからです。
きちんと、どこまで操作をしてどこから分からないのか教えていただきたいものです。
福祉・介護に関わる人が、とたんに態度を豹変させるのは、昨今の絶えぬ業界不祥事による信用失墜から「やっぱりそうか」と言わざるを得ませんね。
今回は、URLを表記したのは失敗ですね。関連する施設名も出てるし。
#1>素人でもわかるように…
よく、「初心者ですので…」
というようなのを付ける人はいますが、
言いたくなる気持ちはわかりますが、
初心者にもレベルがあり(このあいだエクスプローラーでフォルダの辿り方がわからない人がいました)、人によってどの程度わかるのかは、ピンキリで、それは回答者には分かりようがないですから、そのようなことは言ってもムダです。
単純に、わからないことを率直に、そして具体的に質問する(し直す)べきです。
ここで、回答している人は、（質問内容から）テンプレートを見ているという前提で、答えているのですから、回答は、テンプレートで書かれているだろう部分について回答されています。
#8>CTRL+F
IE でも、Firefox でも、CTRL キーを押しながらFキーを押すと検索窓がでて入力した文字が検索できます。
ごちゃごちゃした記号文字列の中で、指定したキーワードがあるか、ないかを目で判別するのが大変なので、CTRL+F で検索すればいいですよということです。
別に、ちゃんと目で探せるなら目で探せば良いです。
