解決済
Ads By Google
記事or評価の★印の位置を変更するには
既に質問ありましたら、すみません。記事タイトルの後ろに表示される★印の位置を、例えば、記事（記載文章）の一番最後とかに、タイトルなどを付けて、表示させたいのですが、何か方法はありますか？
例として以下みたいな感じです。
---------------
文章～～～～
～～～～文章
私の評価 ★★★
---------------
2006-10-11 00:02の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-10-11 02:02:58
「カスタマイズ/管理」→「デザインの設定」→「カスタマイズ」と進むとHTMLやCSSを編集できます。
ここで「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」の４つの箇所のHTMLをカスタマイズします。
まず、トップページから
HTMLソースの中で<!-- Loop Start -->ってのがあると思います。ここからブログ記事本文がループして記載されます。このループの少し下に次のタグがあるかと思います。
移動させるところがはっきりと良く分からないのですが、とりあえず記事のタグ表示の上あたりに★が表示させるようにさせます。（表示位置はお好みで変えてください）
もう少し下の方に行くと記事のタグを表示させるHTMLタグがあります。これです。
この上にさっきの★表示用タグを少し変えて書き込みます。そうするとこんな感じになります。
終わったらトップページを再構築し、実際のブログで確認します。問題なく表示されていたら、同様のカスタマイズを「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」でも行い、全てのページを再構築してください。
ここで「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」の４つの箇所のHTMLをカスタマイズします。
まず、トップページから
HTMLソースの中で<!-- Loop Start -->ってのがあると思います。ここからブログ記事本文がループして記載されます。このループの少し下に次のタグがあるかと思います。
<IfArticleRating><$ArticleRatingIcon$></IfArticleRating>これが★を表示させるタグになりますので、これを移動させればOKです。
移動させるところがはっきりと良く分からないのですが、とりあえず記事のタグ表示の上あたりに★が表示させるようにさせます。（表示位置はお好みで変えてください）
もう少し下の方に行くと記事のタグを表示させるHTMLタグがあります。これです。
<IfHasArticleTags><div class="article_tags">タグ: <ArticleTagsLoop><a href="<$ArticleTagAggregateUrl$>" rel="tag"><$ArticleTag ESCAPE$></a> </ArticleTagsLoop></div></IfHasArticleTags>
この上にさっきの★表示用タグを少し変えて書き込みます。そうするとこんな感じになります。
<IfArticleRating>私の評価 <$ArticleRatingIcon$> </IfArticleRating><IfHasArticleTags><div class="article_tags">タグ: <ArticleTagsLoop><a href="<$ArticleTagAggregateUrl$>" rel="tag"><$ArticleTag ESCAPE$></a> </ArticleTagsLoop></div></IfHasArticleTags>
終わったらトップページを再構築し、実際のブログで確認します。問題なく表示されていたら、同様のカスタマイズを「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」でも行い、全てのページを再構築してください。
自信度 : 自信なし 回答レベル : 回答
凄いです。上手く出来ました！
色々うるさい質問にて丁寧に教えていただき有難うございます。
Ads By Google
コメント(6)
>鴨竜様
ご丁寧なご回答有難うございます。なんとか★の位置を移動し、タイトルを入力することはできたのですが、その表示位置がセンタリングになってしまうのです。
できれば、記事タイトルの左ゾロエに★のタイトル部分を揃えたいのですが、方法はありますでしょうか？色々細かい質問をしまして申し訳ございません。
#3. fieldragon
2006-10-11 15:11:06
>>#1
★印のタグを<div align="left"></div>で括ってみましょう。
<div align="left"><IfArticleRating>私の評価 <$ArticleRatingIcon$></div>
これでどうなるか確認してもらえますか。
#4. fieldragon
2006-10-11 15:15:34
すいません。間違えました。
コチラに変えてみてください。
<div align="left"><IfArticleRating>私の評価 <$ArticleRatingIcon$></IfArticleRating></div>
>鴨竜様
何度も有難うございます。
ご指示いただいたようにタグを入れてみましたが、一応左側になったものの、記事部分の端っこに行き過ぎてしまうのです…。
記事タイトルの始まり位置が、端から1.2文字分スペースがあるので、それに揃えたいですが、評価タイトルが、飛び出した形になります。
何か変な指示をしてしまったのでしょうか？
何度も申し訳ありません…。
#6. fieldragon
2006-10-11 18:25:10
>>#5
変な設定をしたわけではありません。記事のタイトルはCSSの方でこの位置にこのフォントサイズで書きなさいと設定されています。
とりあえず、表示される場所が揃えばいいなら
<div class="title"><IfArticleRating>私の評価 <$ArticleRatingIcon$></IfArticleRating></div>
こうすることで記事のタイトルと同じ場所、同じサイズで表示することができます。ただし、太字になったりしてしまうかもしれません。
もし、それが嫌ならCSSで新たに設定してやる必要があります。
#7. fieldragon
2006-10-11 18:27:30
私もCSSとかはあまり詳しくないんですが、お使いのデザインテンプレートを教えてもらえると、細かくアドバイスができるかもしれません。
