WordPress标题欢迎信息与正文字体控制

林继 WordPress 2,701 共写了519个字 (2011-05-18 21:02:51) 没有评论 打印 扫描二维码 百度已收录

一:增加WordPress欢迎信息,给用户宾至如归的感觉。

大家可能在一些WordPress网站上看到了,当你在这个网站评论过之后,下次再打开这个网站,标题上就会显示如”XXX,欢迎回来!”的信息,给人很温馨的感觉,也让用户清楚的知道,这个站他曾今来过。

方法很简单,直接将下列代码放入header或footer中即可

  1. <?php if($_COOKIE["comment_author_" . COOKIEHASH]!="") { ?> 
  2. <script type="text/javascript">document.title = "<?php echo $_COOKIE["comment_author_" . COOKIEHASH].’,欢迎归来~’; ?>" + document.title</script> 
  3. <?php } ?>

注:一些朋友担心这样等于修改了WordPress标题,会影响SEO。其实这个考虑是多余的,首可以看到被输出的文字是被套在 script 里的,一个 JS 的脚本是无法被搜索爬虫识别的。

二:增加WordPress正文字体及背景颜色控制按钮。

如图:很多站都有这样的功能,可以自由控制正文字体大小背景颜色,方便不同的用户群,尤其是小说类网站更为必要。

实现方法:

1.在主题Single中加入如下代码:

  1. <script type="text/javascript">
  2. function SetFont(size){
  3. 	document.getElementById("sizecolor").style.fontSize=size
  4. }
  5. function SetColor(color){
  6.           document.getElementById("sizecolor").style.backgroundColor=color
  7. }
  8. </script>


2.在正文和标题之间的适当位置添加

  1. 文字:<a href="javascript:SetFont('12px')" accesskey="1"></a> <a href="javascript:SetFont('14px')" accesskey="2"></a> <a href="javascript:SetFont('16px')" accesskey="3"></a>
  2. <a href="javascript:SetColor('#ffffff')" accesskey="1"></a> <a href="javascript:SetColor('#b1d5f3')" accesskey="2"></a> <a href="javascript:SetColor('#CCE8CF')" accesskey="3">绿</a>

3.最后在正文部分的DIV中添加 id=”sizecolor”的ID,如下:

  1. <div id="sizecolor" class="content">.........</div>

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

发表评论

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

< >