自动显示WordPress 文章为多列

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

1.PHP代码:

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

< ?php
function my_multi_col($content){
$columns = explode("<h2>", $content);

$i = 0;

foreach ($columns as $column) {
if (($i % 2) == 0){
$return .= '<div>';
if ($i > 1){
$return .= "<h2>";
} else{
$return .= '<div><h2>';
}
$return .= $column;
$return .= "</h2></div>";
$i++;
}

if(isset($columns[1])){
$content = wpautop($return);
}else{
$content = wpautop($content);
}
echo $content;
}
}

add_filter('the_content', 'my_multi_col');

?>
</h2></div>

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

2.CSS代码:

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

.content_right, .content_left {
width:45%;
}

.content_left {
float:left;
}

.content_right {
float:right;
}

那么同理,我们可以根据判断$i变量来输出3列、4列等。只要想的到,就能做得到!

Tag(s):
  • QQshuqian
  • Del.icio.us
  • Baidu
  • Google
  • Fanfou
  • FriendFeed
3 Comments Contributed by Visitors
  1. rebuttonzwwooooo | 15:07@10-04-17 1 zwwooooo

    这折腾cms主题用的上吧

  2. rebuttonedikud | 22:49@10-04-17 2 edikud

    @zwwooooo 我只是记录作为了解下! :grin: 亦有可能会用到也不一定的啊!

  3. rebutton小陈 | 17:16@11-04-19 3 小陈

    这个我不是很明白, 我按文章中提到的, 1,2, 都做好了, 还需要在哪里做修改吗? 如index.php/ archive.php

Leave Comments Here...

:smile: :grin: :sad: :eek: :shock: :???: :cool: :lol: :mad: :razz: :oops: :cry: :evil: :twisted: :wink: :?: :idea: :neutral:

必填

必填&保密

随您

Ctrl+Enter

  • 已部署"白忙活" Anti-Spam 系统,猪肉 Spammer 请注意查看源代码链接处。
  • 本站不会泄露您的邮件地址,敬请放心。
  • 支持常用 HTML 代码调用,插入 PHP 代码需注意:< = &lt;> = &gt;
  • 仅当某人针对您的评论做出回应时,您才会收到由本站发出的通知信件。
  • 如您希望以相同方式通知某位网友,请点击 Reply 按钮,或自行输入 @对方名字:
  • 鼠标移至评论列表中的 @someone: 区域即可自动显示 someone 的评论内容。

您直接访问了本站! 嘿嘿