- WordPress 2.7 Cookbook
- Jean-Baptiste Jung
- 489字
- 2021-04-01 13:55:50
Customizing WordPress admin login page
If you're creating a WordPress web site for a client, you'll probably like to make his or her login page a bit more personal than the default. In this recipe, we'll see how to make a custom admin login page for your clients, or even for yourself.
While writing this recipe, I was tempted to provide you two ways to customize your admin login page: with the help of a plugin, and by using a hack. But in the hack method, you are required to edit the WordPress core files, this really isn’t a good idea. For example, suppose you hack the WordPress core successfully, but when you update your WordPress installation your hacks will be replaced by the new WordPress files. You'll have to hack again the new version, and so on.
This is the reason why, in this recipe, we shall discuss only about the plugin solution, which I think is really the best for the current scenario. The following screenshot shows a custom admin branding displayed on www.womantribune.com.

How to do it...
Creating a custom login panel is easy using the WordPress custom admin branding plugin and your creativity. Just carry out the following steps to get started.
Carry out the following steps in order to get the plugin:
- The plugin we shall be using to rebrand or admin login page is called WordPress custom admin branding and can be downloaded for free at the following link: http://pressingpixels.com/wordpress-custom-admin-branding/
- Once you have saved it in your hard drive, unzip it, and upload the
custom_branding
file into yourwp-content/plugins
directory. Login to your WordPress dashboard and activate the plugin. - Once activated, you'll be able to notice some changes. For example, in your WordPress dashboard your blog name has been replaced by Pressing Pixel (the plugin author's blog) logo. You should also log out to see your new login form—it also will have the Pressing Pixel logo. Don't worry, we shall learn how to replace this logo with yours!
Carry out the following steps in order to create your own images:
- Now that we have a functional plugin, it's time to create and use our very own images. Luckily, the plugin author provided some PSD files that we can edit in a program such as Adobe Photoshop or The Gimp.
- Under the
custom_branding
directory, you'll find apsd_image_template
directory which contains 3 PSD image templates—custom_footer.psd
,custom_header.psd
, andcustom_login.psd
. The plugin author has also provided useful information, such as the part of the login form that may be hidden by the forms elements. - Once you have edited the PSD files, export it as
custom_login.jpg
,custom_header.png
, andcustom_footer.png
. Upload it to yourwp-content/plugins/custom_branding/images
directory and replace the existing images.
- Expert Cube Development with Microsoft SQL Server 2008 Analysis Services
- Photoshop CC 實戰入門
- Spring Web Flow 2 Web Development
- 剪映:短視頻剪輯/字幕/動畫/AI從新手到高手(手機版+電腦版)
- UG NX 12.0實例寶典
- 專業級音樂制作理論與實踐Pro Tools:從入門到應用
- 3ds Max 2015中文版從入門到精通
- MATLAB 2022a從入門到精通
- 從零開始:AutoCAD 2010中文版建筑制圖基礎培訓教程(第2版)
- Linux Shell Scripting Cookbook
- AutoCAD 2016中文版基礎教程(全圖解視頻版)
- Photoshop CC 2019 平面設計實例教程
- Microsoft Azure: Enterprise Application Development
- 3ds Max影視動畫角色設計技法教程
- Instant BlueStacks