TwentyTen 記事タイトル(見出し)のリンク文字の色/大きさ/フォント設定

ワードプレステーマTwentyTenの記事タイトル(見出し)の(リンク)文字の色/大きさ/フォントの設定方法です。

記事タイトルの設定は、見出しを見やすく美しく♫を参考にしてみて下さい。

それでは、管理画面より「外観」⇒「テーマ編集」からスタイルシートを開いて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい)

スタイルシートの中から、次の部分を探して下さい。

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}
#content {
	margin-bottom: 36px;
}
~~~~~~~~~  中略  ~~~~~~~~~
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}

見出し文字の大きさは、上の’font-size’の数値で設定して下さい。赤色の数字が見出しのリンク色です。青色の数字が記事タイトルをマウスオーバーした時の色です。

お好みのカラーコードを入力して下さい。小綺麗な見出しの作り方は、’記事タイトル(見出し)を見やすく美しく’を参考にしてみて下さい。

なおフォントについては、サイト全体あるいは記事内のフォント設定をされて入る方は必要ありません。記事タイトルを個別でフォント設定する場合は下記のようにして下さい。

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}
#content {
	margin-bottom: 36px;
}
~~~~~~~~~  中略  ~~~~~~~~~
#content .entry-title {
	color: #000;
        font-family: お好みのフォント;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}

これで、素敵な見出しが完成したハズです。後は記事を書くだけか!?(笑

WordPressデザインブック ステップバイステップ形式でマスターできる
WordPressデザインブック ステップバイステップ形式でマスターできる

 

にほんブログ村 ブログブログ ブログノウハウへ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です