Ads By Google
最新記事のタイトルを左に寄せたい…
最新記事内のタイトルを左に寄せて、タイトルが2段にならないようにしたいのですが、方法がありましたら教えて下さい。宜しくお願いします。m(__)m
2007-04-20 18:19の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2007-04-21 05:29:11

あの部分には余白が入っているため左に寄っていないデザインとなっています。ですので、スタイルシート(CSS)を編集することで左に寄せる事が可能です。
現在お使いのデザインが「タイル(2カラム)」ですので、これを「カスタマイズ」に変更します。
ブログの管理画面より「カスタマイズ/管理」→「デザインの設定」→「カスタマイズ」と進んでください。ここではデザインを細かく編集することができます。
次に「スタイルシート(CSS)」をクリックしてください。そうすると「タイル(2カラム)」のCSSが表示されます。ここから探すのが大変なんですが、結構下のほうに以下の記述がされていると思います。探してください。
ここのpaddingの後にある数字が余白になります。(paddingについては以下URL参照)
現在、左を示す数値が14になっていると思います。ここの数字を減らすことで最新記事プラグインのタイトル位置を調整できると思います。左に寄せたいなら0でもいいかもしれません。とりあえず、数値を変えてみましょう。
数値を変えたら「この内容で保存する」ボタンを押して保存します。その後、横のメニューにある「ブログに設定を反映(再構築)」から再構築する部分を「デザイン(CSS)」にして「ブログを再構築」します。
その後、ご自身のブログを更新(F5)して確認してみてください。これを繰り返してpaddingの数値を調整してみて下さい。
※なお、このカスタマイズを行うとデザインが「タイル(2カラム)」から「カスタマイズ」に変更になります。他のデザインに変更してしまうと、CSSが上書きされたりしてしまいますので、注意してください。
現在お使いのデザインが「タイル(2カラム)」ですので、これを「カスタマイズ」に変更します。
ブログの管理画面より「カスタマイズ/管理」→「デザインの設定」→「カスタマイズ」と進んでください。ここではデザインを細かく編集することができます。
次に「スタイルシート(CSS)」をクリックしてください。そうすると「タイル(2カラム)」のCSSが表示されます。ここから探すのが大変なんですが、結構下のほうに以下の記述がされていると思います。探してください。
.sidebody{
padding:2px 0px 2px 14px;
text-align:left;
}
ここのpaddingの後にある数字が余白になります。(paddingについては以下URL参照)
現在、左を示す数値が14になっていると思います。ここの数字を減らすことで最新記事プラグインのタイトル位置を調整できると思います。左に寄せたいなら0でもいいかもしれません。とりあえず、数値を変えてみましょう。
数値を変えたら「この内容で保存する」ボタンを押して保存します。その後、横のメニューにある「ブログに設定を反映(再構築)」から再構築する部分を「デザイン(CSS)」にして「ブログを再構築」します。
その後、ご自身のブログを更新(F5)して確認してみてください。これを繰り返してpaddingの数値を調整してみて下さい。
※なお、このカスタマイズを行うとデザインが「タイル(2カラム)」から「カスタマイズ」に変更になります。他のデザインに変更してしまうと、CSSが上書きされたりしてしまいますので、注意してください。
回答レベル : 回答
14px;に変更しましたら左へ寄りました。
ご回答、有難うございました。
無理かと諦めかけていました。
感謝の気持ちで一杯です。m(__)m
Ads By Google
コメント(3)
#1. しんご
2007-04-20 21:24:45
サイドバー内の「最新記事」を左側にして
長いタイトルの時に勝手に改行しないようにしたいってことですか?
コメント有難うございます。
最新記事の中に、
やっと一段落
落書き感覚のブログ
LAST CALL
このように記事が入っていますが、左側が空いてますよね。それを左につめて1行におさめたいのですが…。方法はありますでしょうか。m(__)m
すみません。
変更じゃなくて「0」にしたらうまくいきました。





