Category Archives: wordpress相关

51

12
四

在WordPress文章后添加作者简介

在WordPress文章后添加作者简介

很多博客在每篇文章的下方都附有一个对作者的简短介绍。 在WordPress多用户博客中这逐渐成为一种趋势。 这里我们就来介绍下怎样在不使用插件的情况下，让文章的结尾部分中出现作者的简介。

首先打开主题文件夹中的style.css文件，添加以下代码：

#authorarea{
background: #f0f0f0;
border: 1px solid #d2d2d2;
padding: 10px;
width:500px;
overflow:hidden;
color: #333;
}
#authorarea h3{
font-size: 18px;
color:#333;
margin:0;
padding:10px 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
color: #333;
font-weight: bold;
}
#authorarea img{
margin:0;
padding:10px;
float:left;
border: 1px solid #ddd;
width: 100px;
height: 100px;
}
#authorarea p{
color:#333;
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{
color:#333;
}
.authorinfo{
padding-left:120px;
}

注意： 可能需要修改css文件使之匹配你的主题格式。
代码添加完毕后，打开single.php文件，在loop中添加以下代码：

<div id=”authorarea”>
<?php if (function_exists(‘get_avatar’)) { echo get_avatar( get_the_author_email(), ’100′ ); }?>
<div>
<h3>About <?php the_author_posts_link(); ?></h3>
<p><?php the_author_description(); ?></p>
</div>
</div>

有很多种方法可以获取作者头像，这里我们用的是Gravatar头像。 上面的代码将获取与作者email匹配的头像。

如果希望建立一个独立的作者介绍页面，请参考如何在 WorPress中添加自定义的个人信息页面。

来源：How to Add an Author Info Box in WordPress Posts

 

2011 年 04 月 12 日 2 Comments yangxiongwei wordpress相关
9
四

WordPress 的缩略图功能

本文来自: Domety»《Wordpress 2.9 的缩略图功能》
本文链接: http://domety.com/archives/272/
本文作者: DDBug

WordPress 2.9 新增的缩略图功能是一个很实用的功能，今天就和大家探讨一下如何开启以及使用该功能。
第一步：让主题支持缩略图功能
首先确保你的wordpress版本在2.9之上，然后在你的当前主题文件夹中找到并编辑functions.php文件，加入下面这句代码

  1. <?php if ( function_exists( ‘add_theme_support’ ) )
  2. add_theme_support( ‘post-thumbnails’ ); ?>

复制代码

(注：主题文件夹都保存在wp-content/themes/目录下)
这样当你在后台编辑文章的时候，右边的分类目录下面就会多出一个“文章缩略图”模块。
wordpress_thumbnail_001.png
点击“设置缩略图”就可以该文章添加缩略图了。

记得在添加图片的时候要点击下面的“用作缩略图”。
第二步：使用缩略图
在需要显示缩略图的地方调用the_post_thumbnail函数，比如你想在首页为每篇文章显示缩略图，可以在index.php文件中加入下面这样的代码

  1. <? php if ( function_exists( ‘the_post_thumbnail’ ) )
  2. the_post_thumbnail( ‘thumbnail’ ); ?>

复制代码

这样就能显示缩略图了，其中参数”thumbnail”表示缩略图显示的大小。wordpress预置了4种大小，你可以使用下面的4个参数来替换’thumbnail’，当然不同的台数显示的图片大小也不同
Ø Thumbnail (缩略图尺寸)
Ø Medium （中等尺寸）
Ø Large （大尺寸）
Ø Full （原始尺寸）
具体尺寸大小可以在后台“设置”中的“媒体”选项中进行设置
wordpress_thumbnail_002.png
你可以设置3种不同的大小，以方便在不同的情况下使用。
至此你的主题已经支持缩略图功能并可以灵活使用了。
下面我将介绍一下更高级的应用技巧。
自定义缩略图尺寸的三种方法
方法一：后台设置
就是上面提到的方法，不过这种方法只设置3种大小。
方法二：自定义
在调用the_post_thumbnail函数的时候，可以直接指定缩略图的大小

  1. the_post_thumbnail(array(200,200)); // 显示200X200尺寸的缩略图

复制代码

这种方法的优点的灵活，可以随时通过代码的调用显示不同尺寸的图片，缺点是修改有点麻烦，如果你有多处这样的代码，修改起来就要把每一处代码都要修改掉。
方法三：增加预置尺寸
通过前面的介绍我们已经知道，wordpress为我们预置了三种可以设置的尺寸。可不可以再增加一些预置的尺寸呢？当然可以，我们要用到的函数是add_image_size。比如我们想在首页和分类页面使用不同的缩略图大小，就可以先预置homepage-thumb和category-thumb这两大小。方法是在functions.php文件中加入以下代码

  1. if ( function_exists( ‘add_image_size’ ) ){
  2. add_image_size( ‘category-thumb’, 200, 200 ); // 预置一个名为’category-thumb’,200*200的缩略图大小
  3. add_image_size( ‘homepage-thumb’, 220, 180); //预置一个名为’homepage-thumb’,220*180的缩略图大小
  4. }

复制代码

之后就可以在首页调用
the_post_thumbnail(‘homepage-thumb’);
显示220*180的缩略图
在分类页面调用

  1. the_post_thumbnail(‘category-thumb’);

复制代码

则显示200*200的缩略图。
定义缩略图的样式
首先我们先来看一下the_post_thumbnail函数输出的html是什么样的

  1. <img width=”150″ height=”150″ src=”http://domety.com/wp-content/uploads/2010/10/screenshot-150×150.png“
  2. class=”attachment-thumbnail wp-post-image” alt=”" title=”screenshot” />

复制代码

由此可以看出，我们可以用css定义类attachment-thumbnail的样式就可以了。
但是如果我想分别为首页和分类页面定义不同的样式，该怎么做呢？
方法一是增加一个div，针对不同的div定义不同的样式，在此不多做介绍。
我要介绍的是另一种方法：给缩略图添加属性
你可以测试一下，如果把the_post_thumbnail(“thumbnail”)修改为下面这样的代码，看看输出的html结果是什么？

  1. the_post_thumbnail(‘thumbnail’,array(‘class’ => ‘homepage-thumb’));

复制代码

我这边输出的html为

  1. <img width=”150″ height=”150″ src=”http://domety.com/wp-content/uploads/2010/10/screenshot-150×150.png“
  2. class=”homepage-thumb wp-post-image” alt=”" title=”screenshot” />

复制代码

可以和之前的html对比一下，不难发现class属性变成了我们设置的’homepage-thumb’。可以通过这种方法，把首页缩略图和分类页面的缩略图设置为不同的class属性。
改变the_post_thumbnail的html输出
我们可以使用filter来改变缩略图的html输出结果，下面的这段代码为缩略图加了一个文章链接

  1. add_filter( ‘post_thumbnail_html’, ‘my_post_image_html’, 10, 3 );
  2. function my_post_image_html( $html, $post_id, $post_image_id ) {
  3. $html = ‘<a href=”‘ . get_permalink( $post_id ) . ‘” title=”‘ . esc_attr( get_post_field( ‘post_title’, $post_id ) ) . ‘”>’ . $html . ‘</a>’;
  4. return $html;
  5. }

复制代码

当你点击缩略图的时候就会跳转到相应的文章内页。
检测文章是否有缩略图
一个良好的习惯就是在调用the_post_thumbnail函数之前，先检测一下该文章有没有设置缩略图，检测的方法是调用has_post_thumbnail函数，代码如下

  1. <?php if ( has_post_thumbnail() )
  2. the_post_thumbnail( ‘thumbnail’ );?>

复制代码

结合本站之前的提取文章内图片做为缩略图的方法，现在可以合二为一：首先判断文章有没有设置缩略图，如果有就直接显示，如果没有再提取文章内的图片为缩略图。

  1. view plaincopy to clipboardprint?
  2. /*
  3. * 缩略图
  4. */
  5. function dm_the_thumbnail() {
  6. global $post;
  7. // 判断该文章是否设置的缩略图，如果有则直接显示
  8. if ( has_post_thumbnail() ) {
  9. echo ‘<a href=”‘.get_permalink().’” title=”阅读全文”>’;
  10. the_post_thumbnail(‘thumbnail’);
  11. echo ‘</a>’;
  12. } else { //如果文章没有设置缩略图，则查找文章内是否包含图片
  13. $content = $post->post_content;
  14. preg_match_all(‘/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(??: |\\t|\\r|\\n)+.*?)?>/sim’, $content, $strResult, PREG_PATTERN_ORDER);
  15. $n = count($strResult[1]);
  16. if($n > 0){ // 如果文章内包含有图片，就用第一张图片做为缩略图
  17. echo ‘<a href=”‘.get_permalink().’” title=”阅读全文”><img src=”‘.$strResult[1][0].’” alt=”缩略图” /></a>’;
  18. }else { // 如果文章内没有图片，则用默认的图片。
  19. echo ‘<a href=”‘.get_permalink().’” title=”阅读全文”><img src=”‘.get_bloginfo(‘template_url’).’/imgs/default_thumbnail.jpg” alt=”缩略图” /></a>’;
  20. }
  21. }
  22. }

复制代码

有兴趣的朋友可以把以上代码复制到functions.php文件中，然后调用dm_the_thumbnail()即可。

 

2011 年 04 月 09 日 Leave a comment yangxiongwei wordpress相关
9
四

找出被隐藏的日志分页功能

其实 wordpress 自带日志分页功能的，不过却默认屏蔽了编辑器快捷栏的分页标签按钮，也许是想加快 TingMCE 的载入吧。不过一些喜欢长篇大论的博友就犯难了，甚至因此还去寻找分页插件。其实我们可以把被屏蔽的分页标签按钮给找出来。修改及其简单，打开 wp-includes/js/tinymce/plugins/wordpress/editor_plugin.js，找到 TinyMCE_wordpress_getControlHTML 函数，删除下面的（带单引号）：

  1. ‘;
  2. // Add this to the buttons var to put the Page button into the toolbar.
  3. // ‘

复制代码

也就是整个函数变成：

  1. function TinyMCE_wordpress_getControlHTML(control_name) {
  2. switch (control_name) {
  3. case “wordpress”:
  4. var titleMore = tinyMCE.getLang(‘lang_wordpress_more_button’);
  5. var titlePage = tinyMCE.getLang(‘lang_wordpress_page_button’);
  6. var titleHelp = tinyMCE.getLang(‘lang_wordpress_help_button’);
  7. var buttons = ‘<a href=”javascript:tinyMCE.execInstanceCommand(\’{$editor_id}\’,\’mcewordpressmore\’)” target=”_self” onclick=”tinyMCE.execInstanceCommand(\’{$editor_id}\’,\’mcewordpressmore\’);return false;”><img id=”{$editor_id}_wordpress_more” src=”{$pluginurl}/images/more.gif” title=”‘+titleMore+’” width=”20″ height=”20″ onmouseover=”tinyMCE.switchClass(this,\’mceButtonOver\’);” onmouseout=”tinyMCE.restoreClass(this);” onmousedown=”tinyMCE.restoreAndSwitchClass(this,\’mceButtonDown\’);” /></a><a href=”javascript:tinyMCE.execInstanceCommand(\’{$editor_id}\’,\’mcewordpresspage\’)” target=”_self” onclick=”javascript:tinyMCE.execInstanceCommand(\’{$editor_id}\’,\’mcewordpresspage\’);return false;”><img id=”{$editor_id}_wordpress_page” src=”{$pluginurl}/images/page.gif” title=”‘+titlePage+’” width=”20″ height=”20″ onmouseover=”tinyMCE.switchClass(this,\’mceButtonOver\’);” onmouseout=”tinyMCE.restoreClass(this);” onmousedown=”tinyMCE.restoreAndSwitchClass(this,\’mceButtonDown\’);” /></a>’;
  8. return buttons;
  9. }
  10. return ”;
  11. }

复制代码

这样就修改完了。下次打开 TingMCE 在 MORE 按钮旁边多了个图标很相似的分页按钮，如果怕混淆可以自己修改图片，路经是 wp-includes/js/tinymce/plugins/wordpress/images/page.gif

 

2011 年 04 月 09 日 Leave a comment yangxiongwei wordpress相关
14
三

WP Super Cache 安装与设置方法

wordpress 的插件越来越多,速度也越来越慢,咋整?

静态化!

2011 年 03 月 14 日 Leave a comment yangxiongwei wordpress相关
13
三

WP-MulticolLinks 让你的友情链接分栏显示

http://www.blook.org.cn/wp-content/uploads/auto_save_image/2010/04/045332J60.png

 

插件简介:
在侧边栏显示以多栏的布局显示友情链接。
你可以限制显示链接的数量，在单栏和多栏之间随意切换。并且可以对链接进行排序或随机排列。还可以使用“显示全部”的按钮。

适用版本:
WordPress 2.2 或以上

插件下载: Download

安装方法:
1. 将压缩包解压到 {WordPress 根目录}/wp-content/plugins/
2. 登录你的 WordPress 后台, 到 Plugins 页面激活插件 WP-MulticolLinks
3. 这里有两种添加方法:
(1) 到 Design -> Widget, 将控件 WP-MulticolLinks 添加到你的侧边栏
(2) 打开 sidebar.php, 在适当位置追加以下代码:

1
2
 
<h3>友情链接</h3>
<ul><?php wp_multicollinks(); ?></ul>
使用参数:
名称 类型 描述 默认值 支持版本
limit 整数 显示的评论数量 5 1.0 或以上
columns 整数 链接的显示列数 1 1.0 或以上
category 字符串 分类名称 (空串, 显示所有链接) 1.0 或以上
orderby 字符串 排序对象 (name/url/rating/rand) name 1.0 或以上
order ASC/DESC 排序方法 ASC 1.0 或以上
navigator true/false 显示分页导航按钮 true 1.0 或以上

如果是手动添加, 你可以通过上面的参数改变最新评论的显示方式, 例如:
<?php wp_multicollinks('limit=20&orderby=rand&columns=2'); ?>
<?php wp_multicollinks('category=blogroll&orderby=rand&order=DESC'); ?>
<?php wp_multicollinks('limit=20&navigator=false'); ?>

插件本地化:
此版本支持英文和简体中文, 其中英文是默认设置. 若要使用简体中文, 请执行以下步骤:
1. 打开 WordPress 根目录的文件 wp-config.php.
2. 查找 define ('WPLANG', ''); 并修改为 define ('WPLANG', 'zh_CN');.

更新日志:
http://wordpress.org/extend/plugins/wp-multicollinks/other_notes/

备注信息:
如果激活插件报错如下:

Parse error: syntax error, unexpected T_FUNCTION in /…/wp-content/plugins/wp-multicollinks/core.php on line 1

请打开 core.php, 把第二行那个空行删了, 或者在第一个 <php 后加个空格, 再尝试激活.

转自: 插件发布: WP-MulticolLinks

2011 年 03 月 13 日 Leave a comment yangxiongwei wordpress相关
2
三

wordpress首页只显示某个分类的文章/插件实现（完美实现，附插件源码）

wordpress首页只显示某个分类的文章/插件实现（完美实现）

——————————————–插件源码—————————————————————-

2011 年 03 月 02 日 3 Comments yangxiongwei wordpress相关
搜索本站:
关于我
照片上这家伙就是我！ 这里是我的个人网站，我会经常在这里发布一些个人的生活状况，欢迎各位老同学和各位狐朋狗友常来这里看看沟通沟通~！经常保持联系。
Photo
DPP_0125DPP_0119DPP_0098DPP_0091DPP_0074DPP_0073DPP_0071DPP_0067DPP_0054DPP_00252110、术后一年的外观效果9、利用两侧大阴chun做Y囊成形（大阴chun还有这用处啊......，那阴chun小的怎么办......）8、切开Y蒂，将鸟道包埋其中。将Y蒂周围的皮瓣进行适当裁剪，转移并环形包绕延长的Y蒂体部，使之形成“新Y茎”7、将皮瓣卷成管状，与前面做成的部分鸟道吻合，形成前端鸟道
Post Types
发短信给我

这里可以直接发短信到我的邮箱和手机上。

Clear
nuffnang
© Copyright 2010-2012 Crazy left hand. All rights reserved. Created by Dream-Theme — premium wordpress themes. Proudly powered by WordPress.