Functions的妙用:将文章自动显示为两列

作者: | 发布时间:2011-08-06 6条评论 | 2906人围观 | | 打印

很多博客都有一行显示多个post文章的样式,他的原理其实非常简单,今天找到一段php代码,只需在functions.php文件中添加上,那么你的文章也会多列显示,非常实用!

1.PHP代码:

打开functions.php文件,添加如下的php代码,通过判断是否是第二次输出来给出左右浮动的div标签。

  1. <?php
  2. function my_multi_col($content){
  3. $columns = explode("<h2>", $content);
  4.  
  5. $i = 0;
  6.  
  7. foreach ($columns as $column) {
  8. if (($i % 2) == 0){
  9. $return .= '<div class="content_left">';
  10. if ($i > 1){
  11. $return .= "<h2>";
  12. } else{
  13. $return .= '<div class="content_right"><h2>';
  14. }
  15. $return .= $column;
  16. $return .= "</h2></div>";
  17. $i++;
  18. }
  19.  
  20. if(isset($columns[1])){
  21. $content = wpautop($return);
  22. }else{
  23. $content = wpautop($content);
  24. }
  25. echo $content;
  26. }
  27. }
  28.  
  29. add_filter('the_content', 'my_multi_col');
  30.  
  31. ?>
  32. </h2></div>

代码中的h2是你的每个文章标题所包含的标签。

2.CSS代码:

完成在functions.php文件中添加好上面的代码后,记得打开style.css文件,添加上样式代码。

  1. .content_right, .content_left {
  2.     width:45%;
  3. }
  4.  
  5. .content_left {
  6.     float:left;
  7. }
  8.  
  9. .content_right {
  10.     float:right;
  11. }

那么同理,我们可以根据判断$i变量来输出3列、4列等。

本文转载自:http://www.ihiro.org/wordpress-the-article-automatically-appear-as-two

本文标签:
John自白:

译知天下,导读精华。让我们一起在微博时代,坚持写博!翻译、转载、学习、总结,等等。本人生性喜欢科技类内容,喜欢数码科技,喜欢阅读,喜欢听音乐。希望继续在这个平台上提升自我,同时希望与更多人交流,更深入地了解世界。

如果您喜欢本站文章,别忘了   邮件订阅 RSS订阅本站内容, 您还可以到这里   进入新浪微薄关注我。

你还可以看看下面这些文章:

目前盖楼 (6)层:
  1. 电子商务服务 说道:

    不错。php这个有点深奥。

  2. Firm 说道:

    想不到这个可以应用的范畴 :?:

  3. 博客爪 说道:

    你侧栏的小浮动框,是怎么能上去的?

发表评论 »