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

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


2011-05-18 21:02:51 2,606 0 发表评论 字体: 作者:C.K.
标签: WordPress代码

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

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

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

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

<?php if($_COOKIE["comment_author_" . COOKIEHASH]!="") { ?>
  • <script type="text/javascript">document.title = "<?php echo $_COOKIE["comment_author_" . COOKIEHASH].’,欢迎归来~’; ?>" + document.title</script>
  • <?php } ?>
  • 注:一些朋友担心这样等于修改了WordPress标题,会影响SEO。其实这个考虑是多余的,首可以看到被输出的文字是被套在 script 里的,一个 JS 的脚本是无法被搜索爬虫识别的。

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

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

    实现方法:

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

    <script type="text/javascript">
  • function SetFont(size){
  •     document.getElementById("sizecolor").style.fontSize=size
  • }
  • function SetColor(color){
  •           document.getElementById("sizecolor").style.backgroundColor=color
  • }
  • </script>

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

    文字:<a href="javascript:SetFont('12px')" accesskey="1"></a> <a href="javascript:SetFont('14px')" accesskey="2"></a> <a href="javascript:SetFont('16px')" accesskey="3"></a>
  • <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,如下:

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

      网站统计 Statistics

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

      广告区 Guǎng Gào