您的位置：首页 > 其它

wordpress为文章页添加用户选择字体大小功能

2012-02-19 00:00 169 查看

操作注意：
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>标记一般位于头部文件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）
好了，到这里为止，你的博客也拥有字体大小选择功能啦。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航