WP 投稿(BLOG)タイトルの変更 TwentyEleven

投稿日時: 投稿者:

ワードプレス初心者のカスタマイズ 作業7

wordpress

投稿(BLOG)タイトルの変更

テーマを直接変更（WordPress） TwentyEleven

ワードプレスのテーマTwentyElevenの投稿(BLOG)タイトルの変更をします。

wordpress-投稿

投稿のタイトルが大きすぎるので、文字サイズの変更とライン追加をします。

スタイルシート(style.css)の編集

管理画面『外観』 >> 『テーマ編集』からスタイルシート(style.css)を開いて編集します。
※スタイルシート (style.css)の変更する前にバックアップしてください。
※小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい
テーマを更新（アップデート）した場合は、テーマに加えたカスタマイズがすべて失われます。テーマを修正する場合、子テーマの利用を検討してください。子テーマを使用すればテーマの変更は確実に保持されます。

スタイルシート(style.css)に追加

スタイルシート (style.css)の変更前 ※変更する前にバックアップしてください
以下を追加します

/* 投稿タイトルの変更 */
.entry-title,
.singular .entry-title {
	line-height: 24px; /* 高さ */
	font-size: 22px; /* 文字の大きさ */
	padding: 2px 10px; /* 上下と左の余白 */
	border-bottom:dotted 4px #555;　/* 下ボーダーの太さと色 */
	color: #111; /* 文字色 */
	border-left: 7px solid #ff6600;　/* 左ボーダーの太さと色 */
}

以上をstyle.cssに記載します。

変更後

wordpress 投稿

投稿ページのタイトル文字の縮小と左ボーダー・下ボーダーを追加しました。

テーマ更新

新しいバージョンに「テーマを更新」した場合は、テーマに加えたカスタマイズがすべて失われます。
テーマを修正する場合、子テーマの利用をした方がよさそうですが、勉強中なので子テーマのやり方がわかりません。
他のサイトで調べてください。

WordPress 作業カテゴリ

1.ヘッダータイトルの余白調整2.検索ボックスの位置変更3.『Proudly powered by WordPress』をCopyright ©に変更
4.固定ページのタイトルを非表示に変更5.メインサイドバーを変更6.メインサイドバーの調整
7.投稿(BLOG)タイトルの変更8.タグに枠をつける9.投稿にサイドバーを表示（プラグイン）
10.サイト全体の横幅サイズを1000pxから1400pxに変更11.サイトの余白をなくして横幅最大に変更12.サイトの上部余白を削除
13.ヘッダー画像のサイズ変更14.上部のグレーの線を削除15.マウスオーバーで画像半透明に変更
16.フッターエリアの色変更17.投稿ページにサイドバーを表示18.サイドバーの幅を変更
19.画像の枠線を消去20.表の上下の罫線を消去21.タイトルバーや文字の変更

関連記事

WP 固定ページのタイトルを非表示に変更 TwentyEleven WP ヘッダータイトルの余白調整 TwentyEleven WP ヘッダー 検索ボックスの位置変更 TwentyEleven WP 『Proudly powered by WordPress』をCopyright ©に変更 TwentyEleven WP メインサイドバーを変更 TwentyEleven WP メインサイドバーの調整 TwentyEleven WP タイトルバーや文字をCSSを使って変更 TwentyEleven WP タグに枠をつける TwentyEleven WP サイト全体の横幅サイズを1000pxから1400pxに変更 TwentyEleven WP ヘッダー画像のサイズ変更 TwentyEleven WP レイアウトのサイズを変更 TwentyEleven WP 画像の枠線を消去 TwentyEleven