WordPress如何显示日志评论者的头像
当WordPress升级到2.5版本后, 我们基本就不再需要那些显示Gravatar头像的插件了, 因为从WordPress2.5版本以后, WordPress本身就支持了这个功能. 所以, 你可能发现, 在你BLOG的后台管理评论时, 有些评论者是有头像的, 但是在BLOG的前台页面中却没有显示…
因为在2.5版本之前, WP自身是没有评论者头像显示功能的, 所以, 很多WP的模板也没有设计评论者头像的位置… 那么, 现在要怎么做才能把在WP后台管理评论处看到的评论者的头像, 让前台的日志评论中也显示出来呢??
其实很简单, 只是输出一个函数运行结果而已… 方法如下:
代码: <?php echo get_avatar( $comment, 50 ); ?>
简单解释一下, echo是输出指令, get_avatar()是获取头像的函数, 那个参数50是头像的大小(也就是长宽), 你可以填写你想要的数值, 不过最好不要超过80, 因为Gravatar服务所提供的最大头像只是80*80大的图片.
将上面的代码插入到你的评论模板中(comments.php)的适当位置就可以了. 😀 简单吧~
以上这些, 对那些WP的熟练使用者来说, 已经足够了… 他们完全看得懂也知道怎么做了… 但是可能一些不熟悉HTML和对代码一看到就头痛的人来说… 估计起不到什么作用… 那么… 我就尽量讲的再细致一些…
大侠们就不用往下看了… 😛
针对人群1: 对页面排版要求不是十分严格, 也懒得去摆弄代码的同学. 否则请参考”针对人群3″
在你们的commnets.php这个文件中, 你们一定会找到 <?php comment_author(); ?> 这样一段代码, 无论是哪个模板, 这段代码是一定会有的… 如果你觉得代码太多, 用眼睛找会很痛苦, 那么就”Ctrl+F”搜索这段代码就行了… 然后把 <?php echo get_avatar( $comment, 50 ); ?> 插入到这段代码前面就可以了… 但这是在你完完全全不知道该怎么做, 插入到哪里的情况下… (我想能够自己安装WP的都一定已经不是泛泛之辈了… 所以… 这段文字貌似有些废话的嫌疑…)
针对人群2: 对HTML有一定了解, 但PHP语言是0基础的同学.
如果你对网页制作和HTML比较熟悉的话… 这个程度至少要在你看到HTML代码时, 至少有70% – 80%的代码你清楚它们是什么意思. 如果你符合这个条件, 那么我只需要说一句话, 你们就完全明白了… <?php echo get_avatar( $comment, 50 ); ?> 这段代码的最终结果, 就是在网页上输出一段 <img alt=”” src=”http://图片地址” class=“avatar avatar-xx” width=“xx” height=“xx”> 这样的代码(XX表示你所设置的头像大小). 只不过PHP代码是在服务器上被执行, 而HTML代码是在客户端被浏览器读取, 所以你在查看网页源代码的时候无法看到PHP的代码.
针对人群3: 希望页面排版能尽可能漂亮一些, 有情绪去接触HTML, 但并不太会HTML的同学.
插入的方式就在上面, 我就不再重复了, 但插入后效果可能不太好… 你可能看到的是下面这个样子:
昵称: 戴耳钉的猫
发布于: 公元前300年16月271日
星期十六
我想你可能也不太喜欢这个效果吧?
恩… 你可以通过DIV+CSS来完成对这一部分图片的控制, 具体方法如下:
在你的CSS文件中, 添加以下样式的定义:
/* 评论头像左对齐 */
.gravatar {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #009900;
padding-bottom: 5px;
}
.gravatar img {
border: none;
float: left;
margin: 0 5px 0 0;
}
简单解释一下吧, 还是用老办法, 把这段代码直接用中文的方式表达出来…
/* 到 */ 之间的内容是注释部分, 不会干扰其它代码. 包括C语言, PHP, C++等很多语言都可以使用这种注释方法…
.gravatar (随便定义个名字而已, 名称随便你, 只是用来被DIV调用) {
下面的-边框-粗细: 1像素;
下面的-边框-样式: 虚线;
下面的-边框-颜色: 深绿色; (#RRGGBB是颜色表, 关于颜色表的具体细节请查看这里)
区域内放置-距离底部: 5像素;
}
.gravatar img (对这个区域内出现的IMG标记进行定义) {
边框: 没有;
放置: 左边;
区域外放置: 0 5像素 0 0; (这里是4个数值, 分别代表距离”上 右 下 左”的长度, 这个例子中就是距离右边5像素, 其它方向0像素)
}
OK, 这么解释一下就清楚多了吧? 你可以根据自己的需要修改成符合你页面的样式… 如果你实在没明白… 那就直接复制粘贴这个也可以…
接着, 回到你的comments.php模板文件中… 观察 <?php comment_author(); ?> 这段代码的附近区域… 它们可能会类似这个样子:
<a href=”<?php comment_author_url(); ?>”><?php comment_author(); ?></a>
<br>
<a href=”#comment-<?php comment_ID() ?>” title=””><?php comment_date(‘Y.m.d l’) ?> <?php comment_time() ?></a>
<?php edit_comment_link(‘编辑’,'[‘,’]’); ?>
上面这段只是举例, 你的代码是和我上面这段不完全一样的, 但应该是类似, 可能会多些东西或少些东西…
还记得要吧 <?php echo get_avatar( $comment, 50 ); ?> 插入到哪里吗? 恩.. 很好, 如果你不想让头像也带有超链接, 那么就插到 <a href=”<?php comment_author_url(); ?>”><?php comment_author(); ?></a> 的前面. 下面, 要做的就是用<div class=”gravatar”>和</div>把这段代码括起来. 即:
<div class=”gravatar”>
<?php echo get_avatar( $comment, 50 ); ?>
<a href=”<?php comment_author_url(); ?>”><?php comment_author(); ?></a>
<br>
<a href=”#comment-<?php comment_ID() ?>” title=””><?php comment_date(‘Y.m.d l’) ?> <?php comment_time() ?></a>
<?php edit_comment_link(‘编辑’,'[‘,’]’); ?>
</div>
这里面<div class=”gravatar”>中的gravatar是刚刚上面定义好的CSS样式名称, 如果你用了你自己起的名字, 那么记得这里也要使用对应的名字, 才能让DIV找得到.
通过DIV+CSS的控制后, 修改后的代码在页面中显示的效果就会好多了… 如下:
发布于: 公元前300年16月271日
星期十六
好了… 就是这么多… 不知道能不能让人明白…
哦, 对了… 如果你是在写日志的时候希望插入一张图片, 也用这种样子排版的话, 那么大可不必这么费劲的去弄CSS… 因为文章中插入的图片都是HTML代码形式的, 那么只要在IMG标签中进行样式的控制就可以了, 将<img src=”http://图片地址” border=”0″ >中加入 style=”float:left” 或者 style=”float:right” 即: <img src=”http://图片地址” boder=”0″ style=”float:left (或者right)”>
总算是写完了… 不过写的我心里很没底… 毕竟能够自己安装使用WordPress的人都不是一般战士… 这种教程对他们来说绝对是可笑的… 因为这些都是最基础不过的东西… 而且这篇文章在Yo2.cn将WordPress程序升级到2.5之前, 基本是没什么用的… 所以… 我真的很怀疑我写这篇东西到底是不是在做无用功… 不管怎么说… 反正也写完了… 发布出来吧… 不然就真的成无用功了… 😛
—— by: 本来想写关于OpenID文章的 戴耳钉的猫
Orignal From: WordPress如何显示日志评论者的头像
新的世界纪录创造成功!
下午收到了来自Firefox Download Day的邮件, 邮件中通知Firefox的下载日世界纪录已经创造成功, 以及下载次数.
下面是邮件原文:
我们成功了！
我们创造了一项吉尼斯世界记录──24小时内软件下载次数最多。凭借您的帮助我们达到了8,002,530次下载
您现在不仅是一项世界记录的一员，还是最好一版Firefox的拥有者！
别忘记下载特别属于您的创造这次吉尼斯记录的证书。
不知道以后这个下载记录会被哪个软件打破… IE7/8?(估计它应该没有资格参与), Oprea? 还是Firefox自己? …
Orignal From: 新的世界纪录创造成功!
8月, Google将暂停AdSense推介计划
今天收到来自Google AdSense小组的通知邮件… 应该算一个坏消息吧…
邮件原文如下:
您好：
2008 年 8 月的最后一周，我们将暂停 AdSense 推介计划。这可能会给正在投放推介广告的发布商带来一些不便，我们在这里表示歉意。Google 一直努力为发布商和广告商提供更好的广告产品和体验，也在不断评估各种广告产品的表现，一旦 AdSense 推介计划重新启动，我们会在第一时间通知大家，非常感谢各位发布商对我们工作的支持和理解。
对于在正在投放 AdSense 推介广告（包括Google 产品推介和 AdWords 广告商的推介广告）的发布商，为了避免推介计划暂停给您带来不便，我们建议您在我们暂停推介计划之前，采取如下操作:
第一步：从您的网站撤下所有 AdSense 推介代码。8 月最后一周之前，请您把所有 AdSense 推介代码从您的网站撤下，然后您可以继续利用这些空出的广告位赚取收益。
第二步：用 AdSense 文字广告替代之前的 AdSense 推介广告。如果您的网页目前只投放了一个或两个AdSense文字广告单元，我们建议您在撤下 AdSense 推介广告后，在这些广告位投放 AdSense 文字广告。
第三步：把所有 AdSense 推介的报告数据保存到您的电脑。AdSense 推介报告会在您的 AdSense 帐户保存到10月底。我们建议您在10月底之前备份所有的推介报告，以便日后查看。
如果您有其他问题，可以访问我们的帮助中心，或者稍后访问我们的官方博客。
非常感谢大家一直使用 AdSense 推介，也希望大家继续使用我们的其他广告产品，祝大家一切顺利！
Google AdSense 小组敬上
也就是说… 目前正在投放AdSense推介广告的用户, 包括Firefox, Picasa, AdWords等等… 需要在今年(2008年)8月前撤下他们的AdSense推介广告了… (比如本人BLOG文章页下面的FireFox和AdWords的468*60推荐广告) 当然, 如果你只有AdSense的广告, 并没有投放推介广告, 也就和你没关系了.
至此… 无论是美好的Firefox推荐广告, 还是恶毒的Firefox推荐广告, 都将告一段落了… 这是Firefox的幸运, 还是Firefox的不幸呢???
但本人对Firefox浏览器的推荐不会因此停止…
—— by: Firefox忠实用户 戴耳钉的猫
Orignal From: 8月, Google将暂停AdSense推介计划
如何在文章日志中插入表格(应用��)
续接基础篇…
在这之前, 我希望初学者最好能够先看一下基础篇, 简单的了解一下HTML表格部分的一些内容.
基础篇里介绍的都是如何在HTML源代码编辑模式下如何去手写表格的代码… 这在制作复杂表格的情况下, 是很麻烦的事儿. 而且HTML也很抽象, 不容易理解和记忆. 所以, 如果你没有专门去学习HTML的兴趣, 那只要了解就够了, 有了火柴和打火机, 谁还钻木取火呢? 是吧… 😛
下面就来介绍两个可以让你瞬间制作出一个简单表格的网页编辑软件, 一个是被称作网页三剑客之一的Dreamweaver, 他也是最普及的网页制作工具. 另外一个是微软Office办公软件中的FrontPage, 相对Dreamweaver来说, 可能Frontpage对零基础的初学者来说更容易上手(?)… 不过我还是推荐大家尽可能的去使用Dreamweaver, 不是因为Dreamweaver的出色, 而是因为FrontPage编辑出来的网页, 很容易出现与除了IE浏览器以外其他浏览器都无法兼容, 产生乱版的情况… 我个人的理解是, FrontPages是专门针对IE的网页编辑工具. 而制作网页, 不应该只为IE服务…
制作过程是非常简单的, 但要使用好网页编辑软件并不是十分简单, 需要多练习, 多琢磨…
– Dreamweaver部分 –
先启动Dreamweaver… 呃… 对了… 如果你没有Dreamweaver这个软件, 可以在下面这个地址下载, 解压好以后先执行目录里面的”绿化”程序, 就可以直接使用了.
Dreamweaver下载地址: http://www.newchen.com/download/dreamweaver.rar (下载地址为网通线路, 电信的用户可能下载会比较慢, 建议可以到其他下载网站下载.)
如上图所示, 点击文件菜单, 新建一个HTML文件.
如果出现的是源代码编辑模式, 那么点击编辑窗口上方的”设计”按钮转到所见即所得编辑模式.
点击菜单中的插入, 然后选择”表格”. 或者按键盘快捷键”Ctrl+Alt+T”来插入一个表格.
这种表格的创建方法与基础篇里面的代码相比, 是不是容易多了? 呵呵… 在这个创建表格的对话框中, 设置好表格的行和列数目(基础篇提到的<tr>与<td>), 还有表格宽度(基础篇里面提到的width宽度), 边框的粗细(基础篇里面提到的border=?), 单元格的边距和间距等等… 然后点击确定, 一个表格就创建好了.
在设计的编辑模式下, 你所创建好的表格能够直接以网页上显示的样子显示出来, 很方便选择和编辑.
你可以通过按住键盘的”Ctrl”键, 来选择多个单元格, 然后在属性中设置这些单元格的样式. 属性面板可以通过鼠标右键菜单, 点击属性打开, 也可以按快捷键”Ctrl+F3″打开.
在表格中单击右键, 在弹出菜单中的”表格”中有各种针对表格编辑的功能, 可以方便你随时对表格进行调整, 比如插入100万行, 插入1000万列, 合并13亿个单元格, 拆分50亿个单元格… 等等…
简单举一个实际操作的例子吧… 比如上图是一个3行2列的表格. 但我希望最后一行变成一个单元格, 只需要选中最后两个单元格, 你可以用”鼠标拖过”的方式选择这两个单元格, 也可以向上面说的, 按住键盘的”Ctrl”键然后选择这两个单元格. 之后在选择的单元格上单击右键, 在弹出的菜单中选择”表格”-“合并单元格”(快捷键: Ctrl+Alt+M)即可.
怎么样? 是不是很简单, 很形象? 比之前的HTML相比, 容易理解多了吧… 🙂
如果要把这个表格放到撰写日志的窗口, 点击编辑窗口上方的”代码”按钮. 这时如果你看过基础篇的话, 你就又看到了你熟悉的东西… HTML源代码. 把那段<table></table>之间的表格代码复制下来吧~ 然后粘贴到撰写日志的HTML模式中就可以了~! 🙂
– FrontPage部分 –
如果你学会了使用Dreamweaver创建一个简单的表格, 那么用Frontpage来创建表格也会变得无比简单…
仍然是启动FrontPage, 然后新建一个HTML网页文件. 同样的, 如果你看到的是源代码编辑模式, 那么点击左下角的”设计”按钮来切换到所见即所得的编辑模式. 然后点击菜单中的”表格”-“插入”-“表格”, 来向页面中插入一个表格.
与Dreamweaver基本相同, 在这个插入表格的对话框中, 你可以设置表格的各种属性, 多少行, 多少列, 什么背景色, 边框多粗多细, 是否使用背景图片… 等等…
创建好表格后, 也与Dreamweaver基本相同, 在表格中单击右键, 就可以设置表格, 以及单元格的属性了. 因为操作基本都差不多, 加上本人也并不推荐使用FrontPage, 就不再重复讲述了.
创建网页表格只是网页编辑软件的一种最简单的使用, 通过网页编辑软件, 你可以制作出各种各样的网页, 你也可以用它来给你自己的BLOG或者网站设计模板. 但无论你有多么好的想法, 熟练使用这些网页编辑软件, 才能让你更加流畅的完成自己的设计. 所以, 如果你开始对网页编辑工具产生了兴趣的话, 那么就经常和这些网页编辑软件亲密接触接触吧~ 😀
如果有任何疑问, 可以留言给我.
如果文中有错误, 请帮忙指出, 多谢!
—— by: 认为人性高于一切的 戴耳钉的猫
Orignal From: 如何在文章日志中插入表格(应用篇)
〖猫宅〗-「裏」 