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

林继 WordPress 2,505 共写了440个字 (2010-12-23 23:30:33) 没有评论 打印 扫描二维码 百度未收录

操作注意:
1.一定不要使用记事本编辑php文件,否则一切后果自负!!推荐使用UltraEdit,Dreamweaver等。
2.如果对于修改代码不是很有把握,请预先备份好原来的文件,否则后果依旧自负!!
3.复制本文的代码,如果是全角符号,请自行改为半角符号,切记!!
为文章添加用户选择字体大小功能(以WordPress为例):

  1. ①在<head></head>标记之间添加以下代码:
  2. <SCRIPT type=text/javaScript>
  3. function doZoom(size){
  4. document.getElementById('zoom').style.fontSize=size+'px'}
  5. </SCRIPT>

(注:标记一般位于头部文件head.php中)
②在需要显示“字体:大 中 小”的地方添加以下代码:

  1. 字体:<a href="javascript:doZoom(18)"></a> <a href="javascript:doZoom(14)"></a> <a href="javascript:doZoom(12)"></a>

(注:这里一般是在文章页single.php进行修改;具体的显示效果可根据模板进行适当修改;上面代码中的数字18、14、12表示字体大小)

  1. ③在文章内容标记 <?php the_content(); ?> 前后添加属性,改成以下代码:
  2. <span id="zoom" style="font-size:14px;">
  3.        <?php the_content(); ?>
  4. </span>

(注:这里一般是在文章页single.php进行修改;上面的代码表示默认字体大小为14px)
好了,到这里为止,你的博客也拥有字体大小选择功能啦。

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >