「Twenty Eleven」テーマでは、サイトタイトル(一番左上の会社名部分)
の、表示・非表示を管理画面から操作出来ます。

管理画面の「外観→ヘッダー」 カスタムヘッダー設定ページ内下の方に
「テキストを表示」設定部分があります。
そこでサイトのタイトルの表示・非表示が選べます。

普通は表示されていますが、「いいえ」を選ぶとタイトル部分を消せます。
(「テキストを表示」を「いいえ」にすると</head>の直前に下記の様にCSSが追加されます。)

<style type="text/css">
	#site-title,
	#site-description {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
</style>
</head>


ただ、タイトルの消し方が

・HTMLはそのままで CSSで見えなくしている
・これが有効な場合、h1 が消えてしまう

という理由で検索エンジン的に良くないのではないか?と思います。


スポンサードリンク




白い帯部分を無くしたいだけなら
以下の方法でサイトタイトル文字は見えるようにしましょう。



左メニュー「外観」>テーマ編集に入り
Twenty Eleven: スタイルシート (style.css)を編集します。

スタイルシート枠内の一番下に、以下のタグをコピーペーストします。



/* ヘッダ h1 常に表示 */
#site-title, #site-description {
	clip: auto !important;
}
#site-description {
	padding: 60px 20px;
}

/* メニュー検索窓幅 */
#branding .only-search #s, #branding .only-search #s:focus {
	width: 100px;
}

/* 文字色を決める */
#branding #site-title a {
	color: #FFFFFF;
}

#branding #site-description{
	color: #FFFFFF;
}


/* 文字色を決める */
部分の#FFFFFF は色コードと呼ばれる色の指定番号のようなものです。
写真によって色を変えて見やすくしましょう。(#FFFFFF は白色です)

【色名の参考】原色大辞典 http://www.colordic.org/


最後に、「ファイルを更新」ボタンを押して保存した後
ホームページを更新して変更されているか確認して下さい。


unpc


スポンサードリンク

Posted by on 2015/10/03



不動産プラグインポータル