导读:网站搭建网站搭建我们在平时使用wordpress 的时候，有可能希望将登录页面开放给访客，那么就涉及到了页面定制，但传统方法的定义，改CSS/JS/PHP，往往意味着版本更新，it技术网站网站的搭建。
我们在平时使用wordpress的时候，有可能希望将登录页面开放给访客，那么就涉及到了页面定制，但传统方法的定义，改CSS/JS/PHP，往往意味着版本更新，就要重新来过，太繁琐，不过可以通过简短的方式实现。
自定义登录LOGO
将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面
//自定义登录LOGO
function?custom_loginlogo()?{
$UAZOH_PLUGIN_URL?=?WP_PLUGIN_URL."/".dirname(plugin_basename(__FILE__));
echo'<style?type="text/css">.login?h1?a?{background-image:?url('.$UAZOH_PLUGIN_URL.'/logo.svg)?!important;-webkit-background-size:?120px;background-size:?120px;width:?120px;height:?120px;?}body{background:none;}#nav,#backtoblog{display:none;}</style>';
}
add_action('login_head',?'custom_loginlogo');
//自定义登录LOGO的超级链接
f织梦模板免费下裁unction?custom_loginlogo_url($url)?{
return?'http://www.uazoh.com';
}
add_filter(?'login_headerurl',?'custom_loginlogo_url'?);
自定义登录页面风格
将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面，也可和上面的方法合并使用.
通过下面的定义登录背景色变成淡灰色，登录按钮变成深灰色。也可以自己再添加:hover等伪类修改悬停、点击等样式
//自定义登录页面风格
function?uazoh_custom_login_page()?{
echo'<style?type="text/css">html?{background:?#d1d1d1?!important;}?.wp-core-ui?.button-primary?{background:?#121212;border-color:?#000000;}</style>';
}
add_action('login_head',?'uazoh_custom_login_page');
自定义登录页面风格（图片轮换背景）
将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面，也可和上面的方法合并使用.
使用到的的jQuery插件下载：jquery.backstretch.min.js
需要在你主题下面建立一个login_page_bg文件夹，也可以修改下面var imgsrc部分代码，改成自己的地址
//自定义登录页面风格（图片轮换背景）
function?uazoh_custom_login_page_imgbackground()?{
echo?'??<script?type="text/javascript"?src="/wp-includes/js/jquery/jqu织梦后台模板ery.js?ver=1.11.1"></script>
关键词标签: 网站搭建 自定义 元素
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ，文章自定义WordPress登录界面元素,网站搭建主要讲述自定义,元素,网站搭建网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: http://www.tngdez.cn/article/web_35692.html
