前幾天調整了wordpress部份版面配置,後來發現似乎因為解析度的問題,"検索"機能のプレゼンテーションにつながるとは少し異なります。,さらに、デフォルトの検索フィールドがあまりにも素晴らしいではないことに留意,当初は単に "検索"という単語を削除したく,インターネットは、設計のいくつかを見,別のプレゼンテーションを使用して。
オリジナルのスタイル | 変更された |
変更:
style.cssの次のコードを追加します。
/** 検索ガジェット **/ 入力#S { 幅:190ピクセル; 高さ: 22ピクセル; *マージン: 10ピクセル 0 0 0; *+マージン: 10ピクセル 0 0 0; パディング: 1ピクセル; ボーダー:1ピクセル固体#cccの } 入力#searchsubmit { 背景:URL(画像/ go.gif) 無繰り返す; 幅:15ピクセル; 高さ:15ピクセル; ボーダー:なし; カーソル:ポインタ; テキストのインデント:-10000ピクセル; } .ボックス { *高さ:100%; *+高さ:100%; } .スクリーンリーダーテキスト { 表示: なし; } |
テーマのディレクトリの下にスローするかをgo.gif,内部パラメータは、需要に応じて調整することができます。
プレゼンテーションを変更することに加えて,我還把搜尋從右邊的側邊欄移到上面的主題列,この部分は、以下の方法を介して実装することができます:
header.phpのテーマを開きます。
テーマ列の構文を確認するには,いずれかのI、,そうかもしれない
<?phpのwp_list_pages('depth=1&title_li='); ?>
続いて
<div要素はid = "右サーチ"><?PHP get_search_form() ?></DIV>
接着开启style.cssを,次の構文を追加します。
#右の検索 { マージン:15ピクセル10pxの 0 0; フロート:右; }
設定値に従うようにレイアウト調整。完成した,これはです:
ソース:
Wordpressのデフォルトの検索ガジェットスタイルを変更する | ロビン
アラス 1.5.1.2: トップのメニューの右横に検索ボックスを移動します « WordPressの研究者日记