如何自定义WordPress的登录页面

你好，

右江ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：13518219792（备注：SSL证书合作）期待与您的合作！

通过WordPress内置的挂钩(Hook)，在主题的 functions.php 添加一些简单的代码，即可完成自定义修改，所有的操作都不需要修改WordPress核心文件，即使升级WordPress版本，也不会丢失效果。

自定义Logo图片

制作一个名为 login_logo.png 的图片，放在主题下的images文件夹里（也可以根据自己的实际修改，只要下面的代码引用的Logo地址正确即可）。

自定义Logo链接

将Logo的链接改为网站首页链接：

将Logo的链接改为任意链接：

自定义Logo提示信息(tltle)

自定义为网站名称：add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));

自定义为网站名称：add_filter('login_headertitle', create_function(false,"return get_bloginfo('name');"));

自定义为其他任何文本：

//自定义登录页面LOGO提示为任意文本2.function custom_loginlogo_desc($url) {33 . return 'WordPress大学'; //修改文本信息54.add_filter( 'login_headertitle', 'custom_loginlogo_desc' ); //自定义登录页面LOGO提示为任意文本

自定义登录框内容

//在登录框添加额外的信息function custom_login_message() { echo '欢迎来到'.get_bloginfo('name').'，请登录后下载本站资源';}add_action('login_form', 'custom_login_message');

自定义底部内容

//自定义底部信息function custom_html() { echo ' ' . get_bloginfo(url).'';}add_action('login_footer', 'custom_html');

自定义CSS

要更加灵活地修改登录页面的显示样式，建议添加一个自定义的CSS文件，然后查看登录页面的源代码的html结构，撰写自己的CSS样式。你可以使用下面的代码引入自己的CSS，注意修改代码中的css地址，以下调用的是主题根目录下的login_style.css：//添加自定义CSSfunction custom_login() { echo '';}add_action('login_head', 'custom_login');

如何创建一个自定义的WordPress登录页面

1、 在comments.php评论表单中添加自己想要的字段，如：

p

input type="text" name="tel" id="tel" size="22" tabindex="4" /

label for="tel"电话/label

/p

tabindex 这个属性按照从小到大排，为什么要这样？你可以自己试试….

2、如果评论表单是使用系统自带的，那么请用以下方法添加表单字段，如果不是，请略过

add_filter('comment_form_default_fields','comment_form_add_ewai');

function comment_form_add_ewai($fields) {

$label1 = __( '国家/地区' );

$label2 = __( 'Skype账号' );

$label3 = __( '电话' );

$label4 = __( '传真' );

$label5 = __( '地址' );

$value1 = isset($_POST['guojia']) ? $_POST['guojia'] : false;

$value2 = isset($_POST['skype']) ? $_POST['skype'] : false;

$value3 = isset($_POST['tel']) ? $_POST['tel'] : false;

$value4 = isset($_POST['fax']) ? $_POST['fax'] : false;

$value5 = isset($_POST['address']) ? $_POST['address'] : false;

$fields['guojia'] =HTML

p

label for="guojia"{$label1}/label

input id="guojia" name="guojia" type="text" value="{$value1}" size="30" /

/p

HTML;

return $fields;

}

3、 接收表单字段并写入数据库

在主题目录的 functions.php添加以下代码

add_action('wp_insert_comment','wp_insert_tel',10,2);

function wp_insert_tel($comment_ID,$commmentdata) {

$tel = isset($_POST['tel']) ? $_POST['tel'] : false;

//_tel 是存储在数据库里的字段名字，取出数据的就会用到

update_comment_meta($comment_ID,'_tel',$tel);

}

这两步就可以将数据写入数据库了，不信你试试看

add_action()参数中的10和2分别表示该函数执行的优先级是10（默认值，值越小优先级越高），该函数接受2个参数。

4、在后台显示额外字段

前面两步只是接收和写入到数据库，那么要怎么在后台评论列表中显示呢？将以下代码复制到主题目录的functions.php 中：

add_filter( 'manage_edit-comments_columns', 'my_comments_columns' );

add_action( 'manage_comments_custom_column', 'output_my_comments_columns', 10, 2 );

function my_comments_columns( $columns ){

$columns[ '_tel' ] = __( '电话' ); //电话是代表列的名字

return $columns;

}

function output_my_comments_columns( $column_name, $comment_id ){

switch( $column_name ) {

case "_tel" :

echo get_comment_meta( $comment_id, '_tel', true );

break;

}

如果要在前台的留言列表中调用，就用以下代码，_tel就是你在数据库中存储的字段名字

?php

$tel = get_comment_meta($comment-comment_ID,'_tel',true);

if( !empty($tel)){

echo "电话".$tel;

}

?

WordPress教程：自定义登录界面网站模板元素

我们在平时使用wordpress的时候，有可能希望将登录页面开放给访客，那么就涉及到了wordpress主题页面定制，但传统方法的定义，改CSSJSPHP，往往意味着版本更新，就要重新来过，太繁琐，不过可以通过简短的方式实现。

自定义登录LOGO

将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面

//自定义登录LOGO

function

custom_loginlogo()

{

$UAZOH_PLUGIN_URL

=

WP_PLUGIN_URL."/".dirname(plugin_basename(__FILE__));

echo'';

}

add_action('login_head',

'custom_loginlogo');

//自定义登录LOGO的超级链接

by

function

custom_loginlogo_url($url)

{

return

'';

}

add_filter(

'login_headerurl',

'custom_loginlogo_url'

);

自定义登录页面风格

将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面，也可和上面的方法合并使用.

通过下面的定义登录背景色变成淡灰色，登录按钮变成深灰色。也可以自己再添加:hover等伪类修改悬停、点击等样式

//自定义登录页面风格

function

uazoh_custom_login_page()

{

echo'';

}

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

'

';

}

add_action('login_head',

'uazoh_custom_login_page_imgbackground');

修改登录界面地址

将下面代码放在主题目录内的functions.php文件内即可，也可以自己定义一个插件放在里面

修改完成后，登录页的地址就是http://域名/wp-login.php?usr=Ga6ges2vo

，没有usr=Ga6ges2vo字段的登录地址就无法访问，会跳转到下面定义的地址

这个方法对于高手来说有很严重的漏洞

//修改登录界面地址

function

Uazoh_login_url_crk(){

$uel_f='usr';//等号前的内容

$uel_b='Ga6ges2vo';//等号后的内容

if($_GET{$uel_f}

!=

$uel_b)header('Location:

');//如果还用原来的登录地址，会自动跳转到博客首页

}

add_action('login_enqueue_scripts','Uazoh_login_url_crk');

wordpress安装主题后不能登录页面

遇到这个问题，或许你的主题被别的主题中某些不干净的代码给感染了，或者有些主题本身就有代码问题，所以显示出错。

你可以用FTP登陆，然后把所有主题删除。

登陆WP后台启用后安装新主题即可。

又或者你在FTP上传新主题都行。

文章题目：wordpress登录页 wordpress登录页面去除忘记密码
网站地址：http://csdahua.cn/article/dopesjd.html