워드 프레스 검색 스타일을 수정

전 몇 天 조정 了 wordpress 부 份版면 배치,후 來發 현 유사 乎因 위해 분석도적인 문제,"검색"기능의 프레 젠 테이션을 가져다 줄 것은 조금 다릅니다,또한 기본 검색 필드가 너무 좋지 않아 있다고 지적,원래는 그냥 "검색"을하고 싶습니다 한건 그 단어를 제거,인터넷은 디자인의 일부 바라보며,다른 표현을 사용하여。
 

오리지널 스타일 수정

수정:

style.css에 다음 코드를 추가합니다

/** 검색 가젯 **/
입력 #의 {  
폭: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 테마를 엽니다

테마 열의 구문을 찾으려면,하나를위한 나,它可能會是

<?PHP를 wp_list_pages('depth=1&title_li='); ?>

다음에

<사업부 ID는 = "마우스 오른쪽 검색"><?PHP get_search_form() ?></사업부>

接着 开启 style.css,다음 구문을 추가

#마우스 오른쪽 단추로 검색 { 여유:15픽셀 10px 0 0; 뜨다:권리; }

설정 값에 따라 레이아웃 조정。완료,겠습니까이:

근원:

워드 프레스 기본 검색 가젯 스타일을 변경 | 유럽​​ 울새

아라스 천 1.5.1.2: 의 최상위 메뉴 오른쪽 사이드에 검색창을 이동합니다 « 워드 프레스 研究者 日记

코멘트를 남겨주세요

유의하시기 바랍니다: 덧글 검토가 활성화되고 귀하의 코멘트를 지연시킬 수있다. 댓글을 다시 제출하실 필요는 없습니다.