TwentyEleven ヘッダー右側の検索BOXを非表示にする

ワードプレステーマTwentyElevenのヘッダー右側にある検索BOX(サーチボックス)を非表示にする方法です。

テーマTwentyElevevnは、デフォルトですとヘッダータイトル(サイトタイトル)の右側(右端)に自動で表示されます。また、ヘッダータイトル部を非表示にすると、グローバルナビゲーションの右端に自動的に表示される様になっています。

その為、グローバルナビゲーション・メニューを増やすと、表示が2段になってしまったりとあまり具合がよろしくない場合があります。また、サイトの構成上必要がない場合もあると思います。

私も、グローバルナビの右側の検索BOXには手を焼きました。今では表示させていますが、サイトによっては非表示にさせたい時ってありますもんね。

で今回は、ヘッダータイトル部を表示してもしなくても、どちらにしても検索BOXを非表示にする方法を書き残しておきます。

TwentyEleven ヘッダーの検索BOXを非表示にする

それでは、管理画面より「外観」⇒「テーマ編集」からテンプレートファイル’の’header.php’を開き、次の箇所を見つけて下さい。(小テーマを使用している方は、小テーマ側のテンプレートファイルを編集して下さい)

<?php endif; // end check for featured image or standard header ?>
</a>
<?php endif; // end check for removed header image ?>

<?php
// Has the text been hidden?
if ( 'blank' == get_header_textcolor() ) :
?>
<div class="only-search<?php if ( $header_image ) : ?> with-image<?php endif; ?>">
<?php get_search_form(); ?>
</div>
<?php
else :
?>
<?php get_search_form(); ?>
<?php endif; ?>

<nav id="access" role="navigation">

この緑の部分を、そっくりそのまま削除して下さい。

<?php endif; // end check for featured image or standard header ?>
</a>
<?php endif; // end check for removed header image ?>

<nav id="access" role="navigation">

こんな感じになると思います。これで、サイトタイトルを表示した時には右側の検索BOXが非表示になり、サイトタイトルを非表示にした時にはグローバルナビゲーション右側の検索BOXが非表示になったハズです。

この作業(編集)を行う際には、特に初心者さんは編集前にファイルを保存してから行う様にして下さい。少し間違えただけで、表示が崩れたりエラー表示になってしまいますので特にご注意下さい。

これが出来た時には、私自身とても嬉しかたです(笑

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

 

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

コメントを残す

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