このガイドは、カスタムCSSと小さなPHP関数を使用して、いくつかの簡単な手順でWordPressログイン画面を劇的にカスタマイズする方法を示しています。 簡単なロゴの変更を超えて、完全にブランドのログインエクスペリエンスを作成します。
(クリックしてフルバージョンを表示)このチュートリアルで使用されている背景画像をダウンロードしてください:
このチュートリアルはセクションに分割されているため、必要な側面のみをカスタマイズできます。 微妙な微調整や完全なオーバーホールが必要な場合でも、このガイドではカバーしています。
ステップ1:変更
を変更します
まず、テーマのファイルにコードを追加して、WordPressにログイン画面にカスタムスタイルシートを使用するように指示する必要があります。 次のコードをfunctions.php
ファイルに貼り付けます:
このコードはfunctions.php
アクションに接続され、functions.php
ファイルが含まれています。 関数と
function stylized_login() { echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/stylized-login.css"></link>'; } add_action('login_head', 'stylized_login');
ステップ2:作成login_head
stylized-login.css
を作成します
add_action
テーマのディレクトリ(
という名前のファイルを作成します。 これは、すべてのカスタムCSSを追加する場所です。stylized-login.css
ステップ3:ログイン画面をカスタマイズ(CSS)
stylized-login.css
さあ、style.css
ファイルにCSSを追加しましょう。 次のコードは包括的なカスタマイズを提供しますが、必要な部品のみを選択的に使用できます。
や
などのプレースホルダーを、画像の実際のファイル名に置き換えることを忘れないでください。 ロゴは理想的には247x63ピクセルである必要があります。
ステップ4:ロゴリンクを変更(オプション)
ロゴに関連付けられているリンクを変更するには、これをfunctions.php
ファイルに追加します:
function stylized_login() { echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/stylized-login.css"></link>'; } add_action('login_head', 'stylized_login');
これにより、ロゴがサイトのホームページにクリックされます。
これらの変更を行った後、ブラウザのキャッシュをクリアし、カスタマイズされたログイン画面をテストします。コードを変更する前に、常にWebサイトをバックアップすることを忘れないでください。
以上が様式化されたカスタムWordPressログイン画面を設計しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

WordPress開発に適した統合開発環境(IDE)の選択 10年間、WordPress開発のための多数の統合開発環境(IDE)を調査しました。 自由から商業、基本的なものまで、純粋な品種

このチュートリアルでは、ドリブルAPIを活用して、オブジェクト指向プログラミング(OOP)の原則を使用してWordPressプラグインを構築します。 元の意味と構造を維持しながら、明確さと簡潔さのためにテキストを洗練しましょう。 オブジェクトオリ

PHPデータをjavaScriptに渡すためのベストプラクティス:wp_localize_scriptとwp_add_inline_scriptの比較 PHPファイルに静的文字列内にデータを保存することが推奨される練習です。 JavaScriptコードでこのデータが必要な場合は、INCORPORAT

このガイドは、WordPress PDFプラグインを使用して、WordPressの投稿とページにPDFファイルを埋め込み、保護する方法を示しています。 PDFは、カタログからプレゼンテーションまで、さまざまなコンテンツに対してユーザーフレンドリーで普遍的にアクセス可能な形式を提供します。 この方法は

WordPressは、初心者が簡単に始めることができます。 1.バックグラウンドにログインした後、ユーザーインターフェイスは直感的であり、シンプルなダッシュボードは必要なすべての関数リンクを提供します。 2。基本操作には、コンテンツの作成と編集が含まれます。 WysiWygエディターは、コンテンツの作成を簡素化します。 3.初心者は、プラグインとテーマを介してウェブサイトの機能を拡張でき、学習曲線は存在しますが、練習を通じて習得できます。

人々は、その力と柔軟性のためにWordPressを使用することを選択します。 1)WordPressは、さまざまなWebサイトのニーズに適した、使いやすさとスケーラビリティを備えたオープンソースのCMSです。 2)豊富なテーマとプラグイン、巨大なエコシステム、強力なコミュニティサポートがあります。 3)WordPressの作業原則は、テーマ、プラグイン、コア関数に基づいており、PHPとMySQLを使用してデータを処理し、パフォーマンスの最適化をサポートします。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SublimeText3 中国語版
中国語版、とても使いやすい

ホットトピック









