自定义wordpress登录页的一些技巧方法

自定义wordpress登录页的一些技巧方法,第1张

自定义wordpress登录页的一些技巧方法

根据WordPress中嵌入的钩子,你可以在主题的functions.php中添加一些简单的代码来定制修改。所有实际 *** 作都不需要修改关键的WordPress文档,即使升级了WordPress版本,实际效果也不会丢失。

下面提到的所有代码都是最后添加到主题中的funshions.php文档?>前面。

制作一张名为login_Logo.png的照片,放在主题下的images文件夹中(也可以根据自己的细节进行修改,如果下面代码介绍的Logo详细地址合适的话)。

自定义登陆页面的LOGO照片

复制代码如下:
Functionmy_custom_login_LOGO(){
echo'h1a{background-image:url('。get_bloginfo('template_directory')。/images/logo.png)!重要;}
<;/style>;';
}
add_action('login_head','my_custom_login_logo');

自定义徽标连接

将徽标连接更改为主页连接:


复制代码编码如下:
Add_filter('login_headerURL',create_function(false,"returnget_bloginfo('URL'));"));

将Logo的连接改为随机连接:


复制代码编码如下:
函数Custom_loginLogo_URL($URL){
return'https://www.JB51.net';//修改URL详细地址
}
Add_filter('login_headerURL','custom_loginlogo_URL');

自定义徽标信息提示


复制代码编码如下:
Add_filter('login_headertitle',create_function(false,"returnget_bloginfo('name'));"));

自定义其他所有内容:


复制代码的编码如下:
函数custom_loginlogo_desc($URL){
返回‘乌图刚’;//修改文本信息内容
}
Add_filter('login_headertitle','custom_loginlogo_desc');

自定义登录框内容


复制代码编码如下:
函数Custom_login_Message(){
echo'

自定义底部内容


复制代码编码如下:
FunctionCustom_HTML(){
echo';'。get_bloginfo(url)。</p>;';
}
add_action('login_footer','custom_html');

自定义CSS

为了更方便的修改登陆页的显示信息样式,建议添加一个自定义的CSS文档,然后查询登陆页源代码的html结构,编写自己的CSS样式。您可以应用以下代码来导入自己的css。注意在代码中修改CSS的详细地址。以下是主题根目录下的login_style.css:


复制代码编码如下:
FunctionCustom_login(){
echo'}
add_action('login_head','custom_login');

根据WordPress的钩子,你可以做很多定制化的修改,不仅仅是登陆页面。就WordPress主题或者软件开发者而言,抓住WordPress的各种钩子就可以随意定制WordPress!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/772462.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存