ホームページ  >  記事  >  バックエンド開発  >  パーソナライズされた WordPress ログイン インターフェイスの作成に関するサンプル チュートリアル、WordPress サンプル チュートリアル_PHP チュートリアル

パーソナライズされた WordPress ログイン インターフェイスの作成に関するサンプル チュートリアル、WordPress サンプル チュートリアル_PHP チュートリアル

WBOY
WBOYオリジナル
2016-07-12 08:50:331033ブラウズ

パーソナライズされた WordPress ログイン インターフェイスの作成に関するサンプル チュートリアル、WordPress サンプル チュートリアル

ログイン インターフェイスをパーソナライズするには 2 つの方法があります。1 つ目は、ログインの背景を置き換える方法です。これは小規模なパーソナライゼーションと見なされます。

/wp-admin/images で 2 つの画像 (login-bkg-tile.gif と login-bkg-bottom_new.gif) を見つけて、独自にカスタマイズした画像 (できれば同じサイズ) に置き換えます。

もちろん、これではログイン ボックスのレイアウトを変更することはできませんが、完璧を追求する乙女座にとっては明らかに十分ではないため、2 番目の方法が登場します。

まずfunctions.phpに関数を追加します:

リーリー

簡単な「フック」を使用して、テーマでパーソナライズされたログイン インターフェイスを有効にすることができます。次に行うことは、ログイン インターフェイスの CSS スタイルを作成し、custom-login.css という名前を付けて、CSS ファイルを追加することです。テーマフォルダー内。

以下は参考用のこのサイトのCSSです(custom-login.cssはテーマフォルダーのサブファイルに配置されているため、背景のURLは../images/login-bg-のように書く必要があります) jpg 形式の場合、MCS に詳しい人は「..」が上位ディレクトリを表すことがわかるでしょう)

リーリー

レンダリングを送信する

2016521120005834.png (1024×491)

効果を確認すると、ページの HTML 要素を変更することはできませんが、各部分の CSS セレクター名がわかっていれば、ログイン ボックスの構造を含むログイン ページ全体をカスタマイズできることがわかります。したがって、firebug などのツールを使用してすべての CSS の ID またはクラスをチェックする限り、完全に独自のログイン インターフェイスを作成できます。

http://www.bkjia.com/PHPjc/1133115.htmlwww.bkjia.com本当http://www.bkjia.com/PHPjc/1133115.html技術記事パーソナライズされた WordPress ログイン インターフェイスの作成に関するチュートリアルの例 WordPress のサンプル チュートリアル ログイン インターフェイスをパーソナライズするには 2 つの方法があります。1 つは、ログインの背景を置き換えることです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。