我想让用户使用可选面板更改 CSS.我应该怎么做


I would like to have the users change the CSS using an optional panel. How should I do this?

我正在用PHP做一个项目。我希望用户使用选项面板更改其配置文件上的颜色,字体大小等。类似于WordPress主题可选面板的东西。

有人可以指出我应该如何做到这一点的正确方向吗?

  1. 创建管理面板,用户可以在其中输入其样式设置。
  2. 编写您的 php 代码以从该表单中获取数据,并将其保存到存储数据的位置。
  3. 当将应用这些样式的页面加载时,请使用 javascript 设置样式。 例如,如果你在你的网站上使用jQuery,并且你要对网站上的所有文本应用文本颜色,你可以这样做:

    假设变量 customColor 已使用数据库中的数据进行设置。$('p').css('color', customColor);

现在,如果你没有做太多的javascript,或者脚本和服务器端php之间的太多交互,这里可能存在差距。

在您的网站上创建一个选项面板,该面板是提交到 PHP 文件的表单。在该 PHP 文件中,确保用户提交的数据有效,然后使用mysql_query()更新用户 MySQL 行中的此数据。当然,您需要事先设置MySQL(或其他数据库)结构,以便每个用户配置文件都有与之关联的font-sizecolor等字段。

当您向登录用户显示您的网站时,请使用其他mysql_query()查看用户的首选项。然后使用 PHP 回显出用户首选的 HTML 和 CSS。

编写一个 PHP 脚本,该脚本接受用户 ID 作为参数,并输出包含所有用户设置的 CSS 文件。然后让所有其他脚本执行类似操作

<link rel="stylesheet" href="user_style.php?id=<?php echo $userid; ?>">