如何修改phpMyAdmin登录界面的Logo图标和背景图

云涛姑娘_1913

云涛姑娘_1913

2026-09-30

560人浏览

原创

phpmyadmin 7.0+ 登录页右上角 logo 实际路径为 ./themes/pmahomme/img/logo_right.png,须为带 alpha 通道的 png 格式、建议 ≤50×50 像素;背景图需通过 login.css 中相对 css 文件路径的 url() 设置,且应避免直接修改 vendor 目录以防升级丢失。

如何修改phpmyadmin登录界面的logo图标和背景图

修改 phpMyAdmin 登录页 Logo 图标的实际路径和文件格式要求

phpMyAdmin 7.0+ 版本默认从 ./themes/pmahomme/img/logo_right.png 加载登录页右上角 Logo(即“phpMyAdmin”文字右侧那个小图标),不是 logo_left.png 或 CSS 背景。替换前必须确认你用的是默认主题 pmahomme,且文件是 PNG 格式、尺寸建议保持 50×50 像素以内——过大或非透明背景会导致显示错位或遮挡文字。

操作步骤:

  • 备份原图:cp ./themes/pmahomme/img/logo_right.png ./themes/pmahomme/img/logo_right.png.bak
  • 准备你的新图标:导出为 32-bit PNG(含 alpha 通道),命名仍为 logo_right.png
  • 覆盖上传:cp your-logo.png ./themes/pmahomme/img/logo_right.png
  • 清空浏览器缓存,或强制刷新(Ctrl+F5),否则可能仍加载旧缓存版本

替换登录页背景图需改 CSS 并注意路径作用域

登录页背景由 ./themes/pmahomme/css/login.css 中的 .login-page 类控制,但关键点在于:该 CSS 文件里的 URL 路径是相对于 CSS 文件自身位置解析的,不是相对于网站根目录。所以不能写 url(/images/bg.jpg),而要写相对路径如 url(../../images/bg.jpg)(假设你把图放在 ./images/bg.jpg)。

常见错误现象:

  • 背景不显示 → 检查浏览器开发者工具 Network 面板,看 bg.jpg 是否返回 404;
  • 背景只在部分分辨率生效 → 原 CSS 使用了 background-size: cover + background-attachment: fixed,若图太小会拉伸失真,建议用至少 1920×1080 的 JPG/PNG;
  • 登录框文字看不清 → 在 login.css 中给 .login-form 增加 background: rgba(255, 255, 255, 0.92); 提升可读性

避免被升级覆盖:不要直接改 vendor 目录下的文件

如果你是用 Composer 安装的 phpMyAdmin(比如通过 composer create-project phpmyadmin/phpmyadmin),那么 ./themes/ 实际位于 ./vendor/phpmyadmin/phpmyadmin/themes/。直接修改这里,下次运行 composer update 会彻底丢失所有定制。

btpanel phpsite 宝塔面板PHP网站
btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理:站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

安全做法是:

  • 复制整个 pmahomme 主题到 ./custom-themes/pmahomme(与 ./themes/ 同级);
  • 修改 ./config.inc.php,添加:$cfg['ThemePath'] = './custom-themes';;
  • 重启 Web 服务后,phpMyAdmin 会优先从 ./custom-themes/ 加载,升级时不受影响

登录页 HTML 结构不可直接修改,CSS 是唯一可控入口

phpMyAdmin 登录页(./index.php)的 HTML 是硬编码生成的,没有模板文件可编辑。你无法增删 <img> 标签或改 class 名——所有视觉定制只能靠覆盖 CSS 和替换指定路径下的静态资源。例如想隐藏左上角文字 logo,只能加这条 CSS:

body.login-page .logo a { display: none !important; }

或者想微调登录框位置,用 .login-form { margin-top: 40px; }。记住:任何改动都必须放在你控制的 CSS 文件里(如 custom-themes/pmahomme/css/login.css),并确保它被正确加载(检查浏览器 Elements 面板中 <link> 标签是否指向你改的路径)。

最易被忽略的是权限问题:Web 服务器用户(如 www-data)必须对新图片和 CSS 文件有读取权限,否则 403 错误静默发生,浏览器只显示空白背景或默认图标。

php免费学习视频:立即使用
踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!

相关文章

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

php phpmyadmin

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2023.09.01

9704

6

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

5821

5

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.11

2055

5

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

2023.10.23

3628

4

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

2023.10.23

4334

6

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.03

3391

9

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.09

4817

8

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.13

3762

8

sprintf函数用法详解
sprintf函数用法详解

sprintf函数的用法:1、格式化字符串;2、指定输出宽度和精度;3、返回值。更多关于sprintf函数用法详解的内容,大家可以阅读下面的文章。

2023.11.27

11762

4

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
墨刀帮助中心
墨刀帮助中心

共0课时 | 0人学习

MyEclipse学习中心
MyEclipse学习中心

共0课时 | 0人学习

Apache Subversion 官方手册
Apache Subversion 官方手册

共0课时 | 0人学习