-
十大 Wordpress Hack 技巧
Posted in 技术分享, 辐射鱼
-
- 使用Wordpress相册
- <p class="attachment">
- <a href="<?php echo wp_get_attachment_url($post->ID); ?>">< ?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a>
- </p>
- <div class="caption">
- < ?php if ( !empty($post->post_excerpt) ) the_excerpt(); // this is the "caption" ?>
- </div>
- <div class="imgnav">
- <div class="imgleft">< ?php previous_image_link() ?></div>
- <div class="imgright">< ?php next_image_link() ?></div>
- </div>
- <br clear="all" />
- ?>
- /****************Image Gallery *********************/
- .gallery {text-align:center;}
- .gallery img {padding:2px; height:100px; width:100px;}
- .gallery a:hover {background-color:#ffffff;}
- .attachment {text-align:center;}
- .attachment img { padding:2px; border:1px solid #999999;}
- .attachment a:hover {background-color:#FFFFFF;}
- .imgnav {text-align:center;}
- .imgleft {float:left;}
- .imgleft a:hover {background-color:#FFFFFF;}
- .imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
- .imgright {float:right;}
- .imgright a:hover {background-color:#FFFFFF;}
- .imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
- 在博客上显示Twitter
- 为侧边栏添加125×125广告位
- <div class="bannerads">
- <div class="ad_125x125"><a href="#"><img src="<?php bloginfo('template_directory'); ?/>/ads/125x125.gif" border="0" alt="Advertising" /></a></div>
- <div class="ad_125x125"><a href="#"><img src="<?php bloginfo('template_directory'); ?/>/ads/125x125.gif" border="0" alt="Advertising" /></a></div>
- </div><!-- bannerads -->
- <br clear="all" />
- .bannerads {width:270px; margin:10px auto;}
- .ad_125x125 {float:left; margin:0px 5px 10px 5px; width:125px; height:125px;}
- 改变默认的图片上传文件夹
- 改变插件或者主题文件夹路径
- 显示评论者Gravatars头像
- <div class="gravs">
- < ?php if (get_bloginfo('version')>=2.5)
- echo get_avatar( $comment->comment_author_email, $size = '50', $comment->comment_author_link);?>
- < ?php comment_text() ?>
- </div>
- <br clear="all" />
- ?>
- .gravs {margin-top:20px;}
- .avatar {float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #999999;}
- 关闭 WordPress 2.6 的日志修订功能
- 添加打印按钮
- 侧边栏登录窗口
- <li>
- < ?php global $user_ID, $user_identity, $user_level ?>
- < ?php if ( $user_ID ) : ?>
- <h2>Control panel</h2>
- <ul>
- <li>Identified as <strong>< ?php echo $user_identity ?></strong>.
- <ul>
- <li><a href="<?php bloginfo('url') ?>/wp-admin/">Dashboard</a></li>
- < ?php if ( $user_level >= 1 ) : ?>
- <li><a href="<?php bloginfo('url') ?>/wp-admin/post-new.php">Write an article</a></li>
- < ?php endif // $user_level >= 1 ?>
- <li><a href="<?php bloginfo('url') ?>/wp-admin/profile.php">Profile and personal options</a></li>
- <li><a href="<?php bloginfo('url') ?>/wp-login.php?action=logout&redirect_to=< ?php echo urlencode($_SERVER['REQUEST_URI']) ?>">Exit</a></li>
- </ul>
- </li>
- </ul>
- < ?php elseif ( get_option('users_can_register') ) : ?>
- <h2>Identification</h2>
- <ul>
- <li>
- <form action="<?php bloginfo('url') ?>/wp-login.php" method="post">
- <p>
- <label for="log"><input type="text" name="log" id="log" value="<?php echo wp_specialchars(stripslashes($user_login), 1) ?/>" size="22" /> User</label><br />
- <label for="pwd"><input type="password" name="pwd" id="pwd" size="22" /> Password</label><br />
- <input type="submit" name="submit" value="Send" class="button" />
- <label for="rememberme"><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> Remember me</label><br />
- </p>
- <input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?/>"/>
- </form>
- </li>
- <li><a href="<?php bloginfo('url') ?>/wp-register.php">Register</a></li>
- <li><a href="<?php bloginfo('url') ?>/wp-login.php?action=lostpassword">Recover password</a></li>
- </ul>
- < ?php endif // get_option('users_can_register') ?>
- </li>
- 使用自定义字段显示文章缩略图
- <a href="<?php the_permalink() ?>" title="< ?php the_title(); ?>"><img src="<?php $values = get_post_custom_values("image_thumb"); echo $values[0]; ?/>" alt="< ?php the_title(); ?>" /></a>
Wordpress2.5加入了全新的相册功能,我们以前也介绍过如何在日志和页面中调用它。但这个功能相当单薄,让我们来丰富一下:
打开single.php并另存为image.php,在the_content函数之前插入以下代码:

在the_content函数之后插入以下代码:css样式:

用你的帐号登录Twitter.com,然后到http://twitter.com/badges/html选择一个样式并将代码插入你的主题文件中即可
眼下有125×125广告位相当受欢迎,你是不是也想弄一个?
在你主题目录增加一个“ads”文件夹用以存放125.gif,并在侧边栏添加如下代码:自定义css样式

默认情况下,WordPress 把所有的图片都保存到 wp-content/uploads 文件夹下。现在 WordPress 后台 - Settings - Miscellaneous 有两个选项:Store uploads in this folder 和 Full URL path to files (optional)。你可以利用这两个选项来使用不同的目录甚至你空间中的子域名来保存文件。在 WordPress 2.6,你可以把 wp-content 文件夹放在你服务器的任何位置。当你升级的时候这将非常有用,因为你现有的主题或者插件都不会被覆盖。
如果你想把 wp-content 文件夹放到另外的位置,可以在 wp-config.php 中指定路径:define(’WP_CONTENT_DIR’, ‘http://www.labnol.org/assets/wp-content’);
?>以前也跟大家分享过在WordPress 2.5中显示Gravatar头像,不过展示效果不是很丰富,今天再介绍个表现更丰富的方法。首先,打开你所使用主题的comments.php文件,找到:
< ?php comment_text() ?>用以下代码替换之:
现在你的主题就可以显示Gravatars头像了,最后我们修改style.css美化下:
WordPress 2.6 引入了 Wikipedia 样式的文档修订功能,这样可以让你在不小心误操作的时候,很容易就可以返回。
这个功能可能对多人博客来说非常好,但是对个人 WordPress 用户时不需要这个功能。日志修订功能也会增大 wp_posts 数据表,因为每个修订意味着一个额外的数据行。
你可以在 wp-config.php 文件中添加下面代码屏蔽日志修订功能:define('WP_POST_REVISIONS', false);在single.php文件中添加如下代码:
<a href="javascript:window.print()">Print this Article</a>a. 修改主题index.php文件;
下面是实现使用自定义字段来显示日志缩略图的详细步骤:
打开主题目录中的index.php文件,在the_content之前添加如下代码:b. 上传图片到你的服务器;
c. 在撰写新日志的页面,点击一个叫做自定义字段(Custom Fields)的地方,在 Key 字段输入 “image_thumb”,然后在 “Value” 字段输入你刚才上传的图片的 URL。
d. 写完日志后发布。本文摘要翻译自10 WordPress Hacks to Make your Life Easy与WordPress Tips + Things You Can Do After Installing Wordpress希望大家喜欢这些 Wordpress Hack 技巧。
关联阅读






7 Comments
沙发。这些东西都是非常实用和友好的。
好长好长啊
这个要收藏的!
唉,,好多php代码啊。
要慢慢看 也许才看懂些。
很喜欢。:)
@page:小姑娘那么聪明的,慢慢看,慢慢就懂了,你的主题水平慢慢上去了,祝贺
@proprint:欢迎常来,多评论
great thanks