導讀:網站搭建網站搭建我們在平時使用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.bifwcx.com/article/web_35692.html
