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

テーマを直接変更（WordPress）

検索ボックスの位置変更

ワードプレスのテーマTwentyElevenのヘッダー 検索ボックスの位置変更をします。

『ワードプレス初心者のカスタマイズ 作業①』でヘッダー余白の調整をしたので検索ボックスの位置がヘッダー画像に重なっています。次は検索ボックスの位置調整をします

スタイルシート(style.css)の変更

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

変更前

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

/* Search Form */
#branding #searchform
	position: absolute;
	top: 3.8em;   /* 検索ボックスの位置の数値変更箇所 */
	right: 7.6%;   /* 検索ボックスの位置の数値変更箇所 */
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}

変更後

スタイルシート (style.css)の直接変更・調整

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 1.2em;   /* 検索ボックスの位置の数値変更 */
	right: 5.8%;   /* 検索ボックスの位置の数値変更 */
	text-align: right;
}

今回のカスタマイズは、数字の変更のみで、検索ボックスの位置調整完了です。

テーマ更新

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

WordPress 作業カテゴリ

関連記事

WP ヘッダータイトルの余白調整 TwentyEleven WP 『Proudly powered by WordPress』をCopyright ©に変更 TwentyEleven WP 固定ページのタイトルを非表示に変更 TwentyEleven WP メインサイドバーを変更 TwentyEleven WP メインサイドバーの調整 TwentyEleven WP 投稿(BLOG)タイトルの変更 TwentyEleven WP タグに枠をつける TwentyEleven WP 投稿にサイドバーを表示（プラグイン新規追加方法） TwentyEleven WP サイト全体の横幅サイズを1000pxから1400pxに変更 TwentyEleven WP ヘッダー上部のグレーの線を削除 TwentyEleven WP 画像の枠線を消去 TwentyEleven WP タイトルバーや文字をCSSを使って変更 TwentyEleven