为文章页添加用户选择字体大小功能
操作注意：1.一定不要使用记事本编辑php文件，否则一切后果自负！！推荐使用UltraEdit，Dreamweaver等。2.如果对于修改代码不是很有把握，请预先备份好原来的文件，否则后果依旧自负！！3.复制本文的代码，如果是全角符号，请自行改为半角符号，切记！！为文章添加用户选择字体大小功能(以WordPress为例)：
- ①在<head></head>标记之间添加以下代码：
<SCRIPT type=text/javaScript> function doZoom(size){ document.getElementById('zoom').style.fontSize=size+'px'} </SCRIPT>
（注：标记一般位于头部文件head.php中）
②在需要显示“字体：大 中 小”的地方添加以下代码：
字体：<a href="javascript:doZoom(18)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>
（注：这里一般是在文章页single.php进行修改；具体的显示效果可根据模板进行适当修改；上面代码中的数字18、14、12表示字体大小）
③在文章内容标记 <?php the_content(); ?> 前后添加属性，改成以下代码：
<span id="zoom" style="font-size:14px;"> <?php the_content(); ?> </span>
（注：这里一般是在文章页single.php进行修改；上面的代码表示默认字体大小为14px）好了，到这里为止，你的博客也拥有字体大小选择功能啦。
信息科技 2010-12-23 23:30:33 通过 网页 浏览(2663) 打印
共有0条评论！