WordPress修改sigle product
Wordpress建站教程:修改BLOCKSY主题的默认搜索框样式
继续分享wordpress建站教程。有些wordpress主题自带的搜索都是那种全屏弹窗样式的,如上图所示,当我们点击搜索时它会出现一整块半透明的全屏搜索弹窗(透明度可调),其实个人感觉这样挺好,就用它默认的样式就行了。但是也有部分用户会觉得这种搜索样式不好,所以我们有时可能会需要修改这个搜索框样式,下面就分享方法。
作者:悦然WordPress建站
方法一:用代码替换Wordpress建站教程:给导航栏添加默认搜索框
悦然wordpress建站之前分享过一个方法,可以移除主题的搜索框,然后直接在wordpress建站主题的function.php文件中添加代码,这样会在导航栏多出一个默认搜索框,方法查看上面的教程。
方法二:使用CSS修改大多数用户不太喜欢那种全屏的搜索样式,所以我们可以通过修改下面的CSS代码来修改搜索框的大小和透明度。
/*blocksy搜索框弹出背景CSS*/[data-header*="type-1"] #search-modal { top: 15%; left: 25%; right: 25%; bottom: 55%; background-color: rgba(18, 20, 26, 0.85);}(此处已添加小程序,请到今日头条客户端查看)
这里就以BLOCKSY主题为例,大家可以直接把上面的CSS代码添加到主题自定义的额外CSS中,然后还可以通过修改上面的几个百分比数字修改调用位置和大小。
修改之后的搜索框效果如上图所示。
以上就是今天给大家分享的内容,希望对您有用。
Wordpress建站教程:修改Wordpress登陆页面LOGO的方法
作者:悦然wordpress建站(悦然建站)
(此处已添加小程序,请到今日头条客户端查看)继续分享wordpress建站教程。我们在使用wordpress建站时可以修改网站的LOGO和浏览器图标LOGO,但是默认情况下不能修改wordpress站点后台登陆与注册LOGO,会显示为wordpress官方LOGO。虽然这并不影响网站的正常使用,但对有些企业网站用户来说,显示为自己的公司LOGO还是更好一些,如果你的网站开启的用户注册功能,那么修改为自己的LOGO也会更好一些。
下面悦然wordpress建站就给大家分享两个修改wordpress登陆注册页面LOGO的方法。
方法一:替换系统LOGOwordpress默认的LOGO图片在网站根目录【/wp-admin/images】中,文件名为【w-logo-blue.png】。
我们可以使用宝塔文件管理或FTP文件打开对应的文件目录,然后把你准备好的LOGO文件名修改为【w-logo-blue.png】,然后上传替换就可以了。
接下来我们还城朵打开wp-login.php文件,找到【$login_header_url= __( ‘’)】,把里面的链接修改为你自己的,比如改为首页的。
这个方法悦然建站并不是很推荐,所以我们继续看下面。
方法二:使用代码我们可以在当前wordpress建站主题的functions.php文件中添加下面的代码:
function custom_loginlogo() {echo '<style type="text/css">h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }</style>';}add_action('login_head', 'custom_loginlogo');
接下来把你自己的LOGO文件名修改为【login_logo.png】,然后上传到当前wordpress建站主题目录下的【images】文件夹中,如果没有这个文件夹,可以自己新建一个。
接下来我们修改logo的链接,再在wordpress建站主题的functions.php文件中添加如下代码:
functioncustom_loginlogo_url($url) {return''; //在此输入你需要链接到的URL地址}add_filter( 'login_headerurl', 'custom_loginlogo_url');
上的链接修改为你自己的就可以了。
Wordpress建站教程:使用插件替换Functions.Php
我们同样可以使用Code Snippets插件来代替functions.php文件,分别把上面的现段代码添加到Code Snippets插件中即可,效果一样。
方法三:使用插件最简单的方法还是直接使用插件,目前有多款插件可以修改wordpress的登陆和注册页面LOGO,而且不止LOGO可以修改,页面的样式、背景也可以修改。
这里给大家推荐的插件是Login Designer,可以直接在wordpress插件中心免费下载安装,也可以通过下面的链接下载。
Login Designer插件下载
插件安装启用之后进入设置页面就可以修改wordpress站点的后台登陆与注册页LOGO了,背景颜色与图片也可以修改,插件提供了多种内置效果,也可以自己调整。
总结今天的wordpress建站教程就给大家分享到这里,这是一个比较小众的需求,有需要才去修改。悦然建站觉得如非必要还是别去折腾了。