Question

我正在构建一个wordpress网站，我想让读者能够更改布局和字体（有些人更喜欢衬线/无衬线字体用于阅读）和文字大小。

真的不想要求用户注册，这只会为我现在正在做的事情增加另一层复杂性，所以数据库的东西就出来了。由于不同的设置是如此基本，我认为可能有些事情可以通过cookie完成吗？

虽然我可以找到关于如何实际操作的宝贵信息。

所以，假设我有一个向元素添加类的函数，在页面重新加载后如何为用户保存？

Answer 1

您可以使用此插件http://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/切换样式表，当用户选择主题时，您可以将主题名称存储在cookie中。http://www.w3schools.com/js/js_cookies.asp然后在页面重新加载时检索名称并加载样式表。

这是使用cookies

的示例

http://jsfiddle.net/btevfik/f7mXV/

我将两个事件处理程序绑定到两个按钮，并获取存储字体的cookie。并将字体设置为存储的cookie。

 $(document).ready(function () {

     $("#button1").click(function () {
         setFont('serif')
     });
     $("#button2").click(function () {
         setFont('sans-serif')
     });

     var font = getCookie("username");
     $("body").css("font-family", font);
 });

事件处理程序调用此函数以使用所选字体设置cookie并更改当前字体。

 function setFont(font) {
     setCookie("username", font, 365);
     $("body").css("font-family", font);
 }

在网站上保存用户首选项？

1 个答案: