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

WordPress 欲思 0评论

操作注意:

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)

好了,到这里为止,你的博客也拥有字体大小选择功能啦。

转载请注明:欲思博客 » wordpress为文章页添加用户选择字体大小功能

如果你觉得这篇文章或者我分享的主题对你有帮助,请支持我继续更新网站和主题 !捐赠本站
喜欢 (1)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址