出于个性化要求,你可能需要自定义WordPress的登录页面的显示效果。貌似有不少这方面的WordPress插件,但是我们完全没有必要安装插件,只需要简单的添加一些代码即可。
成都创新互联网络公司拥有10多年的成都网站开发建设经验,上1000+客户的共同信赖。提供成都网站制作、网站设计、网站开发、网站定制、买友情链接、建网站、网站搭建、响应式网站、网页设计师打造企业风格,提供周到的售前咨询和贴心的售后服务
方法概要
通过WordPress内置的挂钩(Hook),在主题的 functions.php 添加一些简单的代码,即可完成自定义修改,所有的操作都不需要修改WordPress核心文件,即使升级WordPress版本,也不会丢失效果。
wpdaxue.com-201302344
注:下文提到的所有代码,都是添加到主题的 funshions.php 文件的最后一个 ? 的前面。
自定义Logo图片
制作一个名为 login_logo.png 的图片,放在主题下的images文件夹里(也可以根据自己的实际修改,只要下面的代码引用的Logo地址正确即可)。
//自定义登录页面的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的链接改为网站首页链接:
//自定义登录页面的LOGO链接为首页链接
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)
自定义为网站名称:
//自定义登录页面的LOGO提示为网站名称
add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));
自定义为其他任何文本:
//自定义登录页面LOGO提示为任意文本
function custom_loginlogo_desc($url) {
return 'WordPress大学'; //修改文本信息
}
add_filter( 'login_headertitle', 'custom_loginlogo_desc' );
自定义登录框内容
//在登录框添加额外的信息
function custom_login_message() {
echo 'p欢迎来到'.get_bloginfo('name').',请登录后下载本站资源/pbr /';
}
add_action('login_form', 'custom_login_message');
自定义底部内容
//自定义底部信息
function custom_html() {
echo 'p style="text-align:center"© ' . get_bloginfo(url).'/p';
}
add_action('login_footer', 'custom_html');
自定义CSS
要更加灵活地修改登录页面的显示样式,建议添加一个自定义的CSS文件,然后查看登录页面的源代码的html结构,撰写自己的CSS样式。你可以使用下面的代码引入自己的CSS,注意修改代码中的css地址,以下调用的是主题根目录下的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');
本文小结
通过WordPress的挂钩(hook),可以做很多自定义修改,不仅仅是登录页面哦。对于WordPress主题或插件开发者来说,掌握WordPress的各种挂钩,你就可以很自由地自定义WordPress啦!
WooCommerce 4.3现已公开发布!它自2020年4月以来一直在开发中,其核心已更新, 来自24个贡献者的272次提交 。
这是一个 次要发行版 ,这意味着所有内容都与先前版本向后兼容。
与往常一样,建议您创建网站的备份,并确保主题和插件在更新之前兼容。您可以查看 此更新指南 以了解更多信息。
目录 隐藏
1 WooCommerce 4.3中有什么新功能?
1.1 新首页体验
1.2 Block块更新
1.3 杂项改进
2 PHP版本支持
3 扩展兼容性警告
4 新的Hook挂钩和功能
5 最低WordPress要求
6 WooCommerce 4.3是如何测试的?
7 非常感谢所有贡献者
与所有次要版本一样,我们为您带来了几个我们要强调的新功能:
我们为您提供了一个 全新的 主页 ,以提供更加集中的体验,从而使商店管理更加轻松。它仅包含3个最重要的项目,供商家浏览:
[图片上传失败...(image-a63901-1594469790481)]
我们很高兴在新首页上听到您的反馈和想法,希望我们可以将其置于 WooCommerce 体验的中心位置。
默认情况下,新主页可用于所有新客户。如果要从早期版本升级,则可以通过 WooCommerce 设置高级功能主屏幕将其打开。
您还可以查看 涉及主屏幕 功能的 新文档部分 。
在此版本中,包含了Blocks世界的许多改进。除其他外:
如果您的站点上正在使用任何 产品网格 块(“所有产品”除外),并且从未更改该块的任何默认设置,则 该块将更新为3行,而不是 渲染产品 的1行 。但是,如果通过更改设置将块保存到您的内容中,则渲染的内容将不会受到影响。因此,您将需要在更新后再次检查您的块。
请注意,目前,捆绑版的块中 未 启用 购物车和结帐 块。如果要使用这些 插件 ,请安装 单独的Blocks插件 。
除了增加新功能外,我们还不断努力改善核心插件的体验。我们有:
如果您想了解更多信息,请查阅 我们的完整变更日志 。
随着 WordPress世界正在准备将PHP版本推荐升级到PHP到7.2+ ,我们正在紧随其后。借助WooCommerce 4.3,为商人和商店所有者提供足够的交付时间,我们将开始显示建议更新到PHP 7.2+。
PHP 7.1之前的版本不再接受安全更新 ,因此我们绝对建议不要推迟此决定。
在与我们的团队以及与开发扩展的外部团队讨论之后,我们决定 删除 有关次要 WooCommerce 版本兼容性的警告, 而仅显示主要版本。
由于我们努力生产向后兼容的发行版,并且我们决定将发行版的频率提高到每月一次,因此发布扩展来声明与新的WooCommerce的兼容性已成为开发人员的负担。我们相信,我们致力于确保兼容性和改进的测试程序将使我们尽早发现潜在问题。因此,我们认为这一步骤可以减轻开发团队的负担,而不会给我们的客户和商家带来负面影响。我们将继续通过我们的支持渠道评估此决定,以找出此方法中的潜在问题。
我们在此版本中添加了一些新的挂钩:
此版本保留了4.2中引入的最低WordPress版本5.2。请记住,您可以在 开发者博客文章中 详细阅读有关新WordPress支持政策的所有信息。
在过去的几个发行版中,我们一直在努力地迭代我们的测试程序,我们对如此细致的测试所达到的稳定性水平感到非常满意。
最后,非常感谢社区中通过问题报告、 修复 、 翻译 、测试,支持其他用户或只是在传播单词方面做出贡献的所有人 。
浏览量可以统计,然后根据判断下作者,向作者的积分记录里添加
熟悉WordPress的朋友都应该知道,在 后台 – 设置 – 讨论 下,可以设置默认的 Gravatar 头像,但是自带的那几种图标实在是不敢恭维,好在WordPress 提供了 avatar_defaults 这个挂钩,允许我们添加自定义头像,下面倡萌就分享2种修改的方法。
方法一:使用代码自定义 WordPress 的默认 Gravatar 头像
在你的主题的 functions.php 的最后一个 ? 前面添加下面的代码:
add_filter( 'avatar_defaults', 'newgravatar' );
function newgravatar ($avatar_defaults) {
$myavatar = get_bloginfo('template_directory') . '/images/wpdaxue-gravatar.jpg';
$avatar_defaults[$myavatar] = "WordPress大学 默认头像";
return $avatar_defaults;
}
修改提示:
1.第四行代码是头像的URL地址,以上为现用主题的images文件夹下的wpdaxue-gravatar.jpg,请根据实际修改;
2.第五行是自定义头像名称,以上为 WordPress大学 默认头像 ,请自行修改。
保存好以后,就可以在 后台 – 设置 – 讨论 下看到新增的头像,将其设置为默认即可:
方法二:使用 Add New Default Avatar 插件
如果你不想折腾代码,也可以直接在后台安装 Add New Default Avatar 插件,启用后,就可以在 后台 – 设置 – 讨论 下添加自定义头像,非常简单。