自己設置WordPress的登錄界面(Logo/鏈接/文本)

  • 時間:2018-07-31 22:45 作者:飛哥有料 來源:飛哥有料 閱讀:195
  • 掃一掃,手機訪問
摘要:使用 WordPress 建博客的同學,假如你厭煩了你的博客后端登錄界面,那么可以自己設置修改成你想要的樣子,其實這樣的教程網上一堆,無非是通過 WordPress 內置的掛鉤(Hook),在主題的 functions.php 中增加少量簡單的代碼,來完成自己設置修改!我們把 WordPress 默

使用 WordPress 建博客的同學,假如你厭煩了你的博客后端登錄界面,那么可以自己設置修改成你想要的樣子,其實這樣的教程網上一堆,無非是通過 WordPress 內置的掛鉤(Hook),在主題的 functions.php 中增加少量簡單的代碼,來完成自己設置修改!

我們把 WordPress 默認圖標換成我們自己設置的Logo,首先要明確的是不能修改 WordPress 的源代碼,由于假如有版本升級之類的操作,這個效果就失效了,所以需要在主題下做修改操作。

1、制作Logo圖片

制作一個名為 login_logo.png 的圖片,而后在主題目錄下新建一個目錄命名為 Login,將圖片放入Login目錄中。

2、修改主題下的 functions.php 文件

在 functions.php 文件的最后面加入以下代碼,來引入一個CSS文件。

/* 登陸界面圖標 */

function custom_login() {

echo ‘’; }

add_action(‘login_head’, ‘custom_login’);

//自己設置登錄頁面的Logo鏈接為首頁鏈接

add_filter(‘login_headerurl’, create_function(false,“return get_bloginfo(‘url’);”));

//自己設置登錄界面Logo鏈接為任意鏈接

function custom_loginlogo_url($url) {

return ‘填寫您的網址’; //修改URL地址

}

add_filter( ‘login_headerurl’, ‘custom_loginlogo_url’ );

//自己設置登錄頁面的Logo提醒為網站名稱

add_filter(‘login_headertitle’, create_function(false,“return get_bloginfo(‘name’);”));

//自己設置登錄頁面Logo提醒為任意文本信息

function custom_loginlogo_desc($url) {

return ‘我的未來不是夢’; //修改文本信息

}

add_filter( ‘login_headertitle’, ‘custom_loginlogo_desc’ );

//在登錄框增加額外的信息

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’);

3、新建 login.css 文件

在Login目錄中新建 login.css 文件,編碼為UTF-8,而后在 login.css 文件中加入以下代碼:

.login h1 a {

background–image: url(‘logo.png’);

height: 100px;

width: 230px;

background–size: 230px;

}

在以上代碼中設定了背景圖和寬、高度還有背景圖片的大小,假如想增加其余樣式,只需在 login.css 文件中加入樣式就可。

4、刷新預覽

修改完后,刷新以下登錄頁面,效果如下:

自己設置WordPress的登錄界面(Logo/鏈接/文本)

  • 全部評論(0)
最新發布的資訊信息
【系統環境|】淘碼庫,據消息稱已被調查。淘碼庫源碼網,已經無法訪問!(2020-01-14 04:13)
【系統環境|服務器應用】Discuz隱藏后臺admin.php網址修改路徑(2019-12-16 16:48)
【系統環境|服務器應用】2020新網站如何讓百度快速收錄網站首頁最新方法,親測有用!免費(2019-12-16 16:46)
【系統環境|服務器應用】Discuz發布帖子時默認顯示第一個主題分類的修改方法(2019-12-09 00:13)
【系統環境|軟件環境】Android | App內存優化 之 內存泄漏 要點概述 以及 處理實戰(2019-12-04 14:27)
【系統環境|軟件環境】MySQL InnoDB 事務(2019-12-04 14:26)
【系統環境|軟件環境】vue-router(單頁面應用控制中心)常見用法(2019-12-04 14:26)
【系統環境|軟件環境】Linux中的Kill命令(2019-12-04 14:26)
【系統環境|軟件環境】Linux 入門時必學60個文件解決命令(2019-12-04 14:26)
【系統環境|軟件環境】更新版ThreeJS 3D粒子波浪動畫(2019-12-04 14:26)
手機二維碼手機訪問領取大禮包
返回頂部
3d开机号查询