导读:网站搭建网站搭建我们在平时使用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登录界面元素,网站搭建主要讲述自定义,元素,网站搭建网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35692.html
