トップページ

■ 2.2 本文の文字サイズ、色を変更

3.カスタマイズ | コメント [8] | tb [0]

投稿した記事の文字サイズ、色、行間などを変更できます。
スタイルシート
【3.2バージョン】


.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
clear: both;
 color: #666666; /* 追加 グレーになります */
font-size: 14px;/* タイトルと同じになります。設定しなければbodyの12pxを引き継ぎます*/

}


【3.17バージョン】
.content p {
color: #666666;  ←文字の色
font-family: Verdana, Arial, sans-serif;
font-size: x-small; ←文字のサイズ
font-weight: normal;
line-height: 150%; ← 行間
text-align: left;
margin-bottom: 10px;
}



ランキングのご協力をお願いします。

Category : 3.カスタマイズ | Comments [8] | Trackbacks [0]

トップページに戻る
■カテゴリ:3.カスタマイズ
△前の記事:2.1 背景色の変更または画像にする方法
▽ 次の記事:2.3 バナー部分に画像のロゴ(画像)を貼る

トラックバック

このエントリーのトラックバックURL:
トラックバックする際は,このブログまたはこの記事へのリンクをお願いします。
貴サイトにリンクがない場合は削除します。

コメント

スマッシュさんこんにちは。

なるべく自力で・・・とあの後も四苦八苦しながら手を入れていたのですが
やはり、つまずいてしまいました。(;_;)
お力添え願えれば・・・お願いします。

今つまずいているのは、 book Labのところで
いじってはいるのですが、フォント変更の部分なんです。
ひとつはこの book Labにもあるように
日時、エントリータイトル、投稿時間の欄と一カ所のフォントを変更すると3つとも
変更してしまう点なんです。
ちなみにここはcontent h3の
.content h3 {
font-size: normal;
フォントだけをnormalに設定したのですが、3つともnormalの大きさに
なってしまいました。(苦笑)
できれば、タイトルだけ色やサイズを変更したいのですが
どうすれば良いでしょうか?

あともうひとつはなにもいじってはいないのですが
Slolab lifeの
コメントとトラックバックのフォントだけが妙に大きくなってしまい困っています。
以前、どこかの記事でスマッシュさんが答えていたと思うのですが
スタイルシート内にその文がなかったので手直しできないままになってます。
たびたびの質問で申し訳ないのですがよろしくお願いします。m(_ _)m

投稿者: ゆう | 2006年02月01日 14:59

ゆうさん、こんにちは~

「エントリータイトル」はentryheader内を指していますか?
それならばスタイルシートのentryheaderのfont-sizeを修正してください。

それから「投稿時間 個別ページ コメント トラックバック」は
スタイルシートのposted内で修正してください。

もし個別ページ表示の文字だけを修正したい場合は
<span class="font_10">個別ページ表示</span>とし、
スタイルシートに
.font_10{
font-size:10px;
}
を追加してください。

Slolab lifeのコメントとトラックバックのフォントも
この方法が手っ取り早いです。

私のテンプレートが至らなくてごめんなさいね。
これから全般的に見直します。

投稿者: スマッシュ | 2006年02月01日 15:27

スマッシュさん、おはようございます!!(^^)
いつも丁寧なお答えありがとうございます。

・・・にも関わらず、MTの方は一進一退、少し良くなったかと
思ったら一気にスタイルが崩れてまたやり直し・・・。
この辺の理論がちんぷんかんぷんなまま、バックアップしといたものを
また張り替えたりしたりしています。(;o;)

教えていただいた方法個別ページ表示で、
なんとか続きを読むからトラックバックまでの間のフォントサイズの変更は
することができました。

エントリータイトルの方も、entryheaderを作成して変更することができました。
ありがとうございます。m(_ _)m

で、「投稿時間 個別ページ コメント トラックバック」なんですが、
スタイルシートのposted内で修正できないんです。
今現在、posted内はすでにこうなってるんですが

.content p.posted {
color: #999999;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
border-top: 1px solid #B8D7E1;
text-align: left;
margin-bottom: 25px;
line-height: normal;
padding: 3px;
}

digital Lab
にあるように、 colorもborder-topも反映されてないように思うんです。
以前から、ここの部分はいじってたんですけどいくら再構成をしてもテンプレートに反映されて
なかったのでおかしいとは思ってたんですけど、
これって上位のコマンドがあると、下位のコマンドが有効にならない?
ということですか?

この辺、いろいろ調べてみても本にもどこにも載っていなくて、その辺の仕組みがわかると
これをとれば大丈夫、これがあっても動作する、というのがあるのかなと
素人考えで思ったりしたのですが、そういうのはあるのでしょうか?

投稿者: ゆう | 2006年02月05日 11:37

スタイルシートとテンプレートの関係なのですが、
私のテンプレートでは
という風になっています。
ですから
.posted {
}
で制御をするか
メインページのcontent内を
とに変更してください。

投稿者: スマッシュ | 2006年02月06日 00:25

スマッシュさん、おはようございます。

.postedにすればいいだけだったんですね!!
あぁ、こんなことならはじめからスマッシュさんに聞いておけば
良かったです。
悩んでた数日間が・・・。(笑)
ちゃんと表示されるようになりました、ありがとうございます。

報告の方遅れましたが、ブログの方にリンク貼らせてもらいました。
まだトップページをいじる気力がないので、とりあえず
digital Labに「Movable Type入門」を、
Slolab Lifeに「三十路スマッシュ」をリンクしました。
あと、「MovableTypeとの奮闘始まる」で下の方にリンクもしましたので
お時間あるときにでも確認していただければと思います。

それから・・・もうひとつ教えてもらっても良いですか?(^^;)
今、全然わからなくてどこをいじればいいかわからないところがありまして・・・。
ここなんですが、続きを読む、コメントをクリックした後に表示される部分はどこをいじればデザインをカスタマイズできるんでしょうか?
いろいろ見ているとエントリー・アーカイブをいじるのかな、とは思ったんですがたぶんこれ自体は
デザインを変えるのではなく何を表示させるかの指示しかできないと思うんですが・・・。
それとも、スタイルシートで指示ができるんでしょうか?
希望としてはトップと同じようなデザインで、もしくは続きを読むをクリックすると開いたり折りたたんだりできる形が
良いかなぁと・・・。

以前、ベーシック3列 テンプレートにある「個別ページ(エントリーページ)」の部分をエントリー・アーカイブに貼り付けて
再構成をしてみたことがあるのですが、そのときはたしかエラー表示がでてしまったと思います。
たびたびの質問で申し訳ないですが教えていただければありがたいです。

投稿者: ゆう | 2006年02月06日 09:40

ゆうさん、リンクありがとう。
私のサイトもひさかにリンク集を作ったので
こちらにサイト名、URLを書いて頂ければ追加させて頂きます。

それから質問の件はエントリーアーカイブを設定してください。
以前のエラーは多分「Remeber meがない」というエラーだったと思いますが、
2/2にテンプレートの全面見直しを行ったので大丈夫だと思います。

投稿者: スマッシュ | 2006年02月06日 11:18

今、エントリーアーカイブの方に「個別ページ(エントリーページ)」の部分を入力して
再構成したのですが、そうしたら

エントリー・アーカイブ「MovableTypeとの奮闘始まる」の再構築に失敗しました: テンプレート「エントリー・アーカイブ」に解析エラーが発生しました: <MTEntryIfAllowComments>タグが閉じられていません。

という表示がでてしまいました。(^^;)
ご指南いただければと思います。

リンク集の方は使用3ヶ月以上とありましたが、大丈夫でしょうか?
よければ喜んで書き込みさせてもらいます。(^^)

投稿者: ゆう | 2006年02月06日 19:24

ゆうさん、こんにちは。
エラーの通りが閉じられていないのでしょう。

の対になるはありますか?
私のテンプレートではコメントを許す設定にした際に表示するように一箇所設定してあります。
そこを確認してください。

リンク集の方は遠慮なくどうぞ。

投稿者: スマッシュ | 2006年02月07日 10:27

コメントを投稿

コメントを表示する前に管理人の承認が必要になります。
承認されるまではコメントは表示されませんので、少々お待ちください。

:必須

:必須



トップページに戻る
■カテゴリ:3.カスタマイズ
△前の記事:2.1 背景色の変更または画像にする方法
▽ 次の記事:2.3 バナー部分に画像のロゴ(画像)を貼る