css - 摘录与其 'more-button' 之间的 Wordpress 不连续性

标签 css wordpress customization

我正在构建一个自定义的 Wordpress 主题。在我的 index.php 页面中,我正在循环显示我所有博客文章的摘录。

这就是我打破帖子流程的方式:

//At first I place <!--more--> in my post-text where I want to break it..

the_content('more');

现在的重点是我想将“更多”按钮放置在摘录之后的右侧。我想将此按钮放置在另一个包含其他链接按钮(标签、评论计数 ecc)的 div 中。

enter image description here

我唯一想出的办法是在“更多”按钮周围使用一个 span(具有绝对定位)。

有没有更好的解决方案?

谢谢

卢卡

最佳答案

事实上,WP 将阅读更多链接注入(inject)摘录,而不仅仅是提供格式化的摘录,这对我来说也一直是个问题。特别是因为链接周围的内容取决于作者放置它的位置:内联或换行,图像之前或之后,内联标记内部或外部。这是我过去所做的——我不确定这是否是最好的解决方案,但它应该可行...

  • 获取原始的、未格式化的帖子内容:$content = $post->post_content
  • 使用 explode("<!--more-->", $content) 获取摘录.
  • 通过 the_content 运行摘录过滤器:$excerpt = apply_filters("the_content", $content[0]);
  • 平衡标签... $excerpt = force_balance_tags($excerpt)

总的来说,更好的解决方案可能是要求作者提供每篇文章的文本摘录,而不是依赖这种笨拙的方法。

关于css - 摘录与其 'more-button' 之间的 Wordpress 不连续性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6925555/

相关文章:

browser - div 宽度问题...问题是跨浏览器

HTML CSS hover 改变两个元素

javascript - 如何对 Bootstrap-DateTimePicker 日历小部件进行样式更正?

Wordpress CSS Main Navigation .current-menu-item 变换 :

user-interface - 如何隐藏 VS Code View 栏

javascript - DIV 标签未根据屏幕尺寸显示

html - Wordpress 与 html 页面 SEO 视角

css - 从 WordPress 子主题编译一个 less 文件是否实现了 SEO 友好的来源?

mysql - 如何在redmine上更改自定义字段sql查询

svn - 管理对 3rd 方开源库的更改的最佳实践?