WordPressの検索スタイルを変更する

  前幾天調整了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の研究者日记

コメントを残す

注意してください: コメントモデレーションが有効になって、あなたのコメントを遅らせる可能性があります. コメントを再送信する必要はありません.