ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマGorgeous:トップページの検索窓を削除したい

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.トップページの検索窓を削除したい

Gorgeousでは、検索窓が表示されていますが、これを非表示や削除する事は出来ませんでしょうか?

A.下記のcssファイルの該当箇所を削除および編集します

削除するファイル:index.php
削除する箇所:

  <!-- search area -->
  <div class="search_area">
   <?php if ($options['custom_search_id']) { ?>
   <form action="http://www.google.com/cse" method="get" id="searchform">
    <div>
     <input id="search_button" class="rollover" type="image" src="<?php bloginfo('template_url'); ?>/img/common/search_button.gif" name="sa" alt="<?php _e('SEARCH','tcd-w'); ?>" title="<?php _e('SEARCH','tcd-w'); ?>" />
     <input type="hidden" name="cx" value="<?php echo $options['custom_search_id']; ?>" />
     <input type="hidden" name="ie" value="UTF-8" />
    </div>
    <div><input id="search_input" type="text" value="<?php _e('SEARCH','tcd-w'); ?>" name="q" onfocus="if (this.value == '<?php _e('SEARCH','tcd-w'); ?>') this.value = '';" onblur="if (this.value == '') this.value = '<?php _e('SEARCH','tcd-w'); ?>';" /></div>
   </form>
   <?php } else { ?>
   <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
    <div><input id="search_button" class="rollover" type="image" src="<?php bloginfo('template_url'); ?>/img/common/search_button.gif" alt="<?php _e('SEARCH','tcd-w'); ?>" title="<?php _e('SEARCH','tcd-w'); ?>" /></div>
    <div><input id="search_input" type="text" value="<?php _e('SEARCH','tcd-w'); ?>" name="s" onfocus="if (this.value == '<?php _e('SEARCH','tcd-w'); ?>') this.value = '';" onblur="if (this.value == '') this.value = '<?php _e('SEARCH','tcd-w'); ?>';" /></div>
   </form>
   <?php }; ?>
  </div>

  

上記箇所を削除してください。
また、検索窓を削除しただけでは左側のスライダーと右側のピックアップ記事とで高さが異なり
見栄えがあまりよくないので、下記を変更して両者の高さを揃えることをお勧めします。
編集するファイル:style_pc.css
削除する箇所:

#index_pickup { background:#fff; border:1px solid #ddd; margin:0 0 15px 0; min-height:400px; }

    ↓

#index_pickup { background:#fff; border:1px solid #ddd; margin:0 0 15px 0; min-height:473px; }

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事