首页 » 建站技术 » WordPress » 浏览内容

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


2010-12-23 23:30:33 2,478 0 发表评论 字体: 作者:C.K.
标签: 代码备忘

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

操作注意:
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)
    好了,到这里为止,你的博客也拥有字体大小选择功能啦。

    网站统计 Statistics

    • 创建时间: 2005年1月3日 距今5062 天
    • 日志总数: 2461
    • 评论总数: 630
    • 标签总数: 654
    • 链接总数: 273
    • 最后更新: 2018-8-31 17:57:04
    • 您是本站第 14144458 位访客

    广告区 Guǎng Gào