出于個(gè)性化要求,你可能需要自定義WordPress的登錄頁(yè)面的顯示效果。貌似有不少這方面的WordPress插件,但是我們完全沒(méi)有必要安裝插件,只需要簡(jiǎn)單的添加一些代碼即可。
成都創(chuàng)新互聯(lián)網(wǎng)絡(luò)公司擁有10多年的成都網(wǎng)站開發(fā)建設(shè)經(jīng)驗(yàn),上1000+客戶的共同信賴。提供成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站開發(fā)、網(wǎng)站定制、買友情鏈接、建網(wǎng)站、網(wǎng)站搭建、響應(yīng)式網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)師打造企業(yè)風(fēng)格,提供周到的售前咨詢和貼心的售后服務(wù)
方法概要
通過(guò)WordPress內(nèi)置的掛鉤(Hook),在主題的 functions.php 添加一些簡(jiǎn)單的代碼,即可完成自定義修改,所有的操作都不需要修改WordPress核心文件,即使升級(jí)WordPress版本,也不會(huì)丟失效果。
wpdaxue.com-201302344
注:下文提到的所有代碼,都是添加到主題的 funshions.php 文件的最后一個(gè) ? 的前面。
自定義Logo圖片
制作一個(gè)名為 login_logo.png 的圖片,放在主題下的images文件夾里(也可以根據(jù)自己的實(shí)際修改,只要下面的代碼引用的Logo地址正確即可)。
//自定義登錄頁(yè)面的LOGO圖片
function my_custom_login_logo() {
echo 'style type="text/css"
h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logo.png) !important; }
/style';
}
add_action('login_head', 'my_custom_login_logo');
自定義Logo鏈接
將Logo的鏈接改為網(wǎng)站首頁(yè)鏈接:
//自定義登錄頁(yè)面的LOGO鏈接為首頁(yè)鏈接
add_filter('login_headerurl', create_function(false,"return get_bloginfo('url');"));
將Logo的鏈接改為任意鏈接:
//自定義登錄界面LOGO鏈接為任意鏈接
function custom_loginlogo_url($url) {
return ''; //修改URL地址
}
add_filter( 'login_headerurl', 'custom_loginlogo_url' );
自定義Logo提示信息(tltle)
自定義為網(wǎng)站名稱:
//自定義登錄頁(yè)面的LOGO提示為網(wǎng)站名稱
add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));
自定義為其他任何文本:
//自定義登錄頁(yè)面LOGO提示為任意文本
function custom_loginlogo_desc($url) {
return 'WordPress大學(xué)'; //修改文本信息
}
add_filter( 'login_headertitle', 'custom_loginlogo_desc' );
自定義登錄框內(nèi)容
//在登錄框添加額外的信息
function custom_login_message() {
echo 'p歡迎來(lái)到'.get_bloginfo('name').',請(qǐng)登錄后下載本站資源/pbr /';
}
add_action('login_form', 'custom_login_message');
自定義底部?jī)?nèi)容
//自定義底部信息
function custom_html() {
echo 'p style="text-align:center"? ' . get_bloginfo(url).'/p';
}
add_action('login_footer', 'custom_html');
自定義CSS
要更加靈活地修改登錄頁(yè)面的顯示樣式,建議添加一個(gè)自定義的CSS文件,然后查看登錄頁(yè)面的源代碼的html結(jié)構(gòu),撰寫自己的CSS樣式。你可以使用下面的代碼引入自己的CSS,注意修改代碼中的css地址,以下調(diào)用的是主題根目錄下的login_style.css:
//添加自定義CSS
function custom_login() {
echo 'link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/login_style.css" /';
}
add_action('login_head', 'custom_login');
本文小結(jié)
通過(guò)WordPress的掛鉤(hook),可以做很多自定義修改,不僅僅是登錄頁(yè)面哦。對(duì)于WordPress主題或插件開發(fā)者來(lái)說(shuō),掌握WordPress的各種掛鉤,你就可以很自由地自定義WordPress啦!
WooCommerce 4.3現(xiàn)已公開發(fā)布!它自2020年4月以來(lái)一直在開發(fā)中,其核心已更新, 來(lái)自24個(gè)貢獻(xiàn)者的272次提交 。
這是一個(gè) 次要發(fā)行版 ,這意味著所有內(nèi)容都與先前版本向后兼容。
與往常一樣,建議您創(chuàng)建網(wǎng)站的備份,并確保主題和插件在更新之前兼容。您可以查看 此更新指南 以了解更多信息。
目錄 隱藏
1 WooCommerce 4.3中有什么新功能?
1.1 新首頁(yè)體驗(yàn)
1.2 Block塊更新
1.3 雜項(xiàng)改進(jìn)
2 PHP版本支持
3 擴(kuò)展兼容性警告
4 新的Hook掛鉤和功能
5 最低WordPress要求
6 WooCommerce 4.3是如何測(cè)試的?
7 非常感謝所有貢獻(xiàn)者
與所有次要版本一樣,我們?yōu)槟鷰?lái)了幾個(gè)我們要強(qiáng)調(diào)的新功能:
我們?yōu)槟峁┝艘粋€(gè) 全新的 主頁(yè) ,以提供更加集中的體驗(yàn),從而使商店管理更加輕松。它僅包含3個(gè)最重要的項(xiàng)目,供商家瀏覽:
[圖片上傳失敗...(image-a63901-1594469790481)]
我們很高興在新首頁(yè)上聽到您的反饋和想法,希望我們可以將其置于 WooCommerce 體驗(yàn)的中心位置。
默認(rèn)情況下,新主頁(yè)可用于所有新客戶。如果要從早期版本升級(jí),則可以通過(guò) WooCommerce 設(shè)置高級(jí)功能主屏幕將其打開。
您還可以查看 涉及主屏幕 功能的 新文檔部分 。
在此版本中,包含了Blocks世界的許多改進(jìn)。除其他外:
如果您的站點(diǎn)上正在使用任何 產(chǎn)品網(wǎng)格 塊(“所有產(chǎn)品”除外),并且從未更改該塊的任何默認(rèn)設(shè)置,則 該塊將更新為3行,而不是 渲染產(chǎn)品 的1行 。但是,如果通過(guò)更改設(shè)置將塊保存到您的內(nèi)容中,則渲染的內(nèi)容將不會(huì)受到影響。因此,您將需要在更新后再次檢查您的塊。
請(qǐng)注意,目前,捆綁版的塊中 未 啟用 購(gòu)物車和結(jié)帳 塊。如果要使用這些 插件 ,請(qǐng)安裝 單獨(dú)的Blocks插件 。
除了增加新功能外,我們還不斷努力改善核心插件的體驗(yàn)。我們有:
如果您想了解更多信息,請(qǐng)查閱 我們的完整變更日志 。
隨著 WordPress世界正在準(zhǔn)備將PHP版本推薦升級(jí)到PHP到7.2+ ,我們正在緊隨其后。借助WooCommerce 4.3,為商人和商店所有者提供足夠的交付時(shí)間,我們將開始顯示建議更新到PHP 7.2+。
PHP 7.1之前的版本不再接受安全更新 ,因此我們絕對(duì)建議不要推遲此決定。
在與我們的團(tuán)隊(duì)以及與開發(fā)擴(kuò)展的外部團(tuán)隊(duì)討論之后,我們決定 刪除 有關(guān)次要 WooCommerce 版本兼容性的警告, 而僅顯示主要版本。
由于我們努力生產(chǎn)向后兼容的發(fā)行版,并且我們決定將發(fā)行版的頻率提高到每月一次,因此發(fā)布擴(kuò)展來(lái)聲明與新的WooCommerce的兼容性已成為開發(fā)人員的負(fù)擔(dān)。我們相信,我們致力于確保兼容性和改進(jìn)的測(cè)試程序?qū)⑹刮覀儽M早發(fā)現(xiàn)潛在問(wèn)題。因此,我們認(rèn)為這一步驟可以減輕開發(fā)團(tuán)隊(duì)的負(fù)擔(dān),而不會(huì)給我們的客戶和商家?guī)?lái)負(fù)面影響。我們將繼續(xù)通過(guò)我們的支持渠道評(píng)估此決定,以找出此方法中的潛在問(wèn)題。
我們?cè)诖税姹局刑砑恿艘恍┬碌膾煦^:
此版本保留了4.2中引入的最低WordPress版本5.2。請(qǐng)記住,您可以在 開發(fā)者博客文章中 詳細(xì)閱讀有關(guān)新WordPress支持政策的所有信息。
在過(guò)去的幾個(gè)發(fā)行版中,我們一直在努力地迭代我們的測(cè)試程序,我們對(duì)如此細(xì)致的測(cè)試所達(dá)到的穩(wěn)定性水平感到非常滿意。
最后,非常感謝社區(qū)中通過(guò)問(wèn)題報(bào)告、 修復(fù) 、 翻譯 、測(cè)試,支持其他用戶或只是在傳播單詞方面做出貢獻(xiàn)的所有人 。
瀏覽量可以統(tǒng)計(jì),然后根據(jù)判斷下作者,向作者的積分記錄里添加
熟悉WordPress的朋友都應(yīng)該知道,在 后臺(tái) – 設(shè)置 – 討論 下,可以設(shè)置默認(rèn)的 Gravatar 頭像,但是自帶的那幾種圖標(biāo)實(shí)在是不敢恭維,好在WordPress 提供了 avatar_defaults 這個(gè)掛鉤,允許我們添加自定義頭像,下面倡萌就分享2種修改的方法。
方法一:使用代碼自定義 WordPress 的默認(rèn) Gravatar 頭像
在你的主題的 functions.php 的最后一個(gè) ? 前面添加下面的代碼:
add_filter( 'avatar_defaults', 'newgravatar' );
function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo('template_directory') . '/images/wpdaxue-gravatar.jpg';
$avatar_defaults[$myavatar] = "WordPress大學(xué) 默認(rèn)頭像";
return $avatar_defaults;
}
修改提示:
1.第四行代碼是頭像的URL地址,以上為現(xiàn)用主題的images文件夾下的wpdaxue-gravatar.jpg,請(qǐng)根據(jù)實(shí)際修改;
2.第五行是自定義頭像名稱,以上為 WordPress大學(xué) 默認(rèn)頭像 ,請(qǐng)自行修改。
保存好以后,就可以在 后臺(tái) – 設(shè)置 – 討論 下看到新增的頭像,將其設(shè)置為默認(rèn)即可:
方法二:使用 Add New Default Avatar 插件
如果你不想折騰代碼,也可以直接在后臺(tái)安裝 Add New Default Avatar 插件,啟用后,就可以在 后臺(tái) – 設(shè)置 – 討論 下添加自定義頭像,非常簡(jiǎn)單。