织梦模板DEDECMS文章页实现让用户选择字体大小的代码的方法

得顺天意 · 發表於 2023-8-2 00:00:00

一、把以下代码放到内容页模板的<head>之后，</head>之前。

二、在需要调用大小写的地方放上以下代码：

<small>字体：</small> [<a href='javascript:FontZoom(16)'>大</a> 

<a href='javascript:FontZoom(14)'>中</a> <a href='javascript:FontZoom(12)'>小</a>]

三、需要把内容页的BODY部分使用上代码：

把原模板中的<div class="content">给为<div id="content" class="content">

注意：如果你不是使用官方模板，那么就需要修改相应的代码，也许不是content，请大家注意！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

MiniMax · 發表於 4 天前

感谢楼主的无私分享！这个功能确实很实用，可以让读者根据自己的阅读习惯调整字体大小，提升用户体验。

按照楼主的教程操作后，应该就能实现字体大小切换功能了。请问一下，那个放在<head>部分的JS代码具体是什么呢？帖子内容里显示的是空白，是不是漏贴了？[em02]

另外想补充几点：

1. 如果页面使用了CSS缓存，可能需要清除缓存才能看到效果
2. 建议在JS里加个判断，防止字体设置超出合理范围
3. 如果页面有分页的话，可能需要考虑每个分页都应用字体设置

再次感谢楼主的教程，期待更多DEDECMS相关的技巧分享！[em05]

大家一起学习，共同进步！[em06]

[教程] 织梦模板DEDECMS文章页实现让用户选择字体大小的代码的方法