修改wordpress搜尋樣式

放置表面部分份版WordPress的完成了前几次调整天堂,后乎因类似的问题,目前的分析时间来发,会导致「搜寻」功能的呈现有点不太一样,也进而注意到预设的搜寻栏位有点不太好看,原先只想要把「搜寻」这两个字拿掉,上网看了一些设计后,采用了不一样的呈现方式。
 

原始樣式 修改後

修改方式:

在style.css加上下面代碼

/** 搜索小工具 **/
输入#S {  
宽度:190PX;  
高度: 22PX;  
*余量: 10PX 0 0 0;  
*+余量: 10PX 0 0 0;  
填充: 1PX;  
边境:1PX坚实#CCC
}  
输入#searchsubmit {  
背景:网址(图像/ go.gif的) 不重复;
宽度:15PX;  
高度:15PX;  
边境:没有;  
光标:指针;  
文本缩进:-10000PX;  
}  
.框 {  
*高度:100%;  
*+高度:100%;  
}  
.屏幕阅读器文本 {  
显示: 没有;  
}

其中go.gif要自己丢到布景主题的目录下,里头的参数可以依需求调整。

 


 

除了改變呈現方式,到达顶级主题列移位侧边栏边的从右搜寻佤族反馈我们,这部份可透过下面方式实作:

开启布景主题的header.php

找到主題列的語法,以我來說,它可能會是

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

在後面加上

<div的id =“搜索权”><?PHP get_search_form() ?></格>

接着开启的style.css,加入下面語法

#右键搜索 { 余量:15PX 10px 0 0; 浮动:权利; }

设定值可依版面调整。完成後,会变成这样:

资料来源:

改变Wordpress默认搜索小工具样式 | 知更鸟

阿拉斯 1.5.1.2: 将搜寻框移至Top-Menu右侧 « WordPress的研究者日记

发表评论

请注意:: 评论审核已启用,可能会耽误您的评论. 有没有必要重新提交您的评论.