Question

我使用＆＃34;简单帖子列表＆＃34; - wordpress插件输出所有帖子作为一个长列表 - 如何设置输出的样式，比如4列，并确定字体大小（据我所知，在PHP中不可能）？看起来不太难，但我不懂php ...所以请告诉我在哪里改变什么...

    function posts_list () {
    $output='<ul>';
    $posts = get_posts('numberposts=-1');
    foreach($posts as $post){
        $permalink = get_permalink( $post->ID );
        $output.= '<li>' . '<a href="' . $permalink . '">' . $post->post_title     .         '</a></li>';
    }
    $output.='</ul>';
    return $output;
}

function pages_list () {
    $output='<ul>';
    $pages = get_pages();
    foreach($pages as $page){
        $permalink = get_permalink( $page->ID );
        $output.= '<li>' . '<a href="' . $permalink . '">' . $page->post_title .     '</a></li>';
    }
    $output.='</ul>';
    return $output;
}

add_shortcode('posts','posts_list');
add_shortcode('pages','pages_list');

?>

非常感谢！迈克尔

Answer 1

一个简单的CSS方法可能是将列表元素向左浮动并给它们总宽度为25％。也许添加一些填充，这样他们就不会碰。所以宽度为23％，左右填充为1％，总共为25％。

ul{list-style-type: none;} 
li{float: left; width: 23%; padding: 0 1%;}

Demo

样式WP插件输出：列和字体大小

1 个答案: