SEO賢威６．１ヘッダー右上に検索窓を設定
ご訪問有難うございます。
目次
トップメニューにもう一つのサイト内検索窓をつくる
SEO内的対策が万全の賢威６．１のヘッダー右上のトップメニューの一に検索窓を設定しようと思いつきました。
ページ数も増えてきて、以前ウィジェットにて検索窓を設定しましたが右のしたの方に有りますのでとても気づきにくいと考えていました。
そこで、更にもう一つサイト内検索をする場合の窓を増設いたします。
サイト内検索窓を設定する前の画像です。
サイト内検索窓を設定したあとの当サイトのヘッダー右上の状態です。
ヘッダー右上の状態です。検索窓を設定することができました。サイト内の記事が多くなりますとサイト内検索は必要と思います。
変更前
<!--▼トップメニュー--></pre>
<div id="top">
<div id="top-in">
<ul id="top-menu">
<li><a href="<?php bloginfo('url'); ?>/sitemaps/">サイトマップ</a></li>
</ul>
</div>
</div>
<pre>
<!--▲トップメニュー-->
変更後
<!--▼トップメニュー--></pre>
<div id="top">
<div id="top-in">
<ul id="top-menu">
<li><a href="<?php bloginfo('url'); ?>/sitemaps/">サイトマップ</a></li>
<li><form id="searchform" role="search" action="自分のサイトURL" method="get"><input class="search" id="s" type="text" name="s" value="" /><input id="searchsubmit" type="submit" value="検索" /></form></li>
</ul>
</div>
</div>
<pre><br /><!--▲トップメニュー-->変更前
#top-menu li{
display: inline;
margin-left: 1em;
list-style: none;
}
変更後
#top-menu li{
display: inline;
margin-left: 1em;
list-style: none;
float: right;
}
design.css最下部に追記
#top-menu form {<br />display: inline;<br />}
photo by:
casasroger
Google+
この記事を読んだ人は次の記事も読んでいます。
賢威でヘッダー右上のサイトマップと固定ページをひもづける方法
内的SEO満載の賢威６．１でトップメニューの色と文字色を変える方法
賢威６．１＋ワードプレスのSyntaxHighlighter Evolvedを説明。
SEO内的対策満載賢威6.1でワードプレスAddQuicktagを使う
賢威6.1のヘッダー画像とトップとメニューの間を詰める方法です。
SEO内的対策満載の賢威６．１で発リンク画像アイコンを付ける方法
SEO内的対策万全賢威6.1『続きを読む』をボタン画像に変更
地図を表現するプラグインMapPress Easy Google Maps
内的SEO満載の賢威6.1プリティー版のヘッダーストライプを消したい
SEO賢威6.1の『コメントは停止中です』を削除する
SEO賢威6.1のフッターにグーグルマップを表示する方法
SEO内的対策・賢威6.1のアイキャッチ画像に影を
SEO内的対策完璧な賢威6.1でアイキャッチ画像に枠線
SEO内的対策完璧・賢威６．１でｈ２見出しを画像に変更
賢威６．１でヘッダー画像が下がった場合
SEO内的対策万全の賢威6.1＋ワードプレスでｈ３タグを太くしてみた
賢威のヘルシーテンプレートで葉っぱの画像を削除する方法とは
SEO賢威6.1のウィジェットのタイトルの背景色の変更
最近のコメント