摘录中的行,最多5行

时间:2017-07-29 作者:user3583085

我做了一个诗歌网站。我想能够显示我的文字逐行(最多5行),而它把一切都连续。

搜索结果:
第1行
第2行
第3行
第4行
第5行

在我的摘录中,我看到了这句话:
第1行第2行第3行第4行第5行

你能给我一条跟踪的轨道吗?

对不起,我是法国人,我的英语由谷歌翻译帮助;)

编辑

诗歌原创:

法国北部和欧洲南部的铁路、马尔坎迪斯的Ils运输

摘录:

法国北部和欧洲南部的铁路和铁路,以及马尔坎迪斯的Ils运输

我想:

法国北部和欧洲南部的铁路,[…]

2 个回复
最合适的回答,由SO网友:Johansson 整理而成

如果您在编辑器中键入这样的诗人,并用新行分隔他们:

这是一个短语

这是另一个短语

然后,您可以用新行分割它们,然后将它们返回到前端。您可以使用get_the_excerpt 滤器这是你的主题functions.php 文件:

apply_filters( \'get_the_excerpt\', \'divide_by_newline\' );
function divide_by_newline() {
    // Get the content of the poet
    $content = get_the_content();
    // Let\'s trim the excerpt by default value of 55 words
    $content = wp_trim_words( $content , 55, \'...\' );
    // Check if it\'s empty
    if( $content ) {
        // Divide the poets by new line 
        $content_array = explode( "\\n", $content );
        // Store 5 of them into a string
        foreach( $content_array as $key=>$phrase ) {
            if( $key < 6 ) {
                $excerpt .= \'<span class="poet-excerpt">\'.$phrase.\'</span>\';
            }
        }
    } else {
        $excerpt = \'\';
    }
    // Return the data
    return $excerpt;
}
现在,您的摘录结构如下:

<span class="poet-excerpt">This is a phrase</span>
<span class="poet-excerpt">This is another phrase</span>
我们还没做完。必须更改跨距的默认视图。默认情况下,span是内联元素,这意味着它们不会生成新行。通过使用这段CSS,我们使它们的行为类似于块:

.poet-excerpt{
    display:block;
}
您可以通过标题轻松地将其添加到Appearance > Customizer > Custom CSS 无需修改style.css.

但我必须提到,只有当你有诗人的时候,这才有效。这不适用于其他摘录。

全部完成。代码也是诗!

SO网友:Mark Kaplun

另一种看待这个问题的方式是,摘录是正确的,而你的帖子显示方式是错误的。

你应该把这首诗的每一行作为一个段落,就像你在写普通的文本一样,这应该使摘录成为多行格式。现在,您应该对主题应用CSS更改,以消除段落之间的填充和边距。这样做的最大挑战是能够识别哪些帖子应用这种样式。

一种更容易实现的方法可能是向编辑器本身添加css样式,这将允许您标记“诗歌样式”应应用于特定段落。

http://www.wpbeginner.com/wp-tutorials/how-to-add-custom-styles-to-wordpress-visual-editor/ 似乎是一个相对容易遵循的指南Add CSS Class to Link in TinyMCE editor 更切中要害。

第二种方法的挑战是将所有不同的CSS部分放在适当的位置,显然在为每个段落选择格式时可能需要更多的手工工作。您可能会遇到的另一个问题是摘录本身的样式,如果它对您很重要的话,因为摘录生成代码会删除格式。

如果您决定这样做,那么将一段摘录最多截断5行就变得相对容易了,这可能值得提出自己的问题;)

结束