放置表面部分份版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的研究者日记