WordPress页面内容的样式与编辑器的样式不同。

31 浏览
0 Comments

WordPress页面内容的样式与编辑器的样式不同。

我正在开发一个WordPress主题。在编辑器中，我的页面内容看起来是这样的：

[![editor](https://i.stack.imgur.com/hLr1r.png)](https://i.stack.imgur.com/hLr1r.png)

这是我想要的样式。然而，当我在page.php中输出时，样式变得不同，像这样：

[![output](https://i.stack.imgur.com/ujVHa.png)](https://i.stack.imgur.com/ujVHa.png)

如你所见，文本对齐和字体变得完全不同。我应该怎么做才能使输出的样式与编辑器中的完全相同？谢谢。

这是我的page.php代码：



>
    

        
    

    post_content; ?>

以及functions.php：

 __('主菜单', 'mw-material')
));
// 在末尾添加搜索
function nav_search($items, $args) {
    // 如果不是主菜单，则不进行任何操作
    if (!($args->theme_location == 'main_menu')) {
        return $items;
    }
    // 否则，添加搜索表单
    return $items . '
            
            
    
                
  • ' . get_search_form(false) . '
    • 
            

        ';
}
add_filter('wp_nav_menu_items', 'nav_search', 10, 2);

这个具体问题更多涉及WordPress。

0

1 答案

0 Comments

WordPress页面内容样式与编辑器样式不同的问题可能是由于CSS中设置了"float:left"，导致整个内容都向左浮动，从而导致页面内容样式与编辑器样式不同。解决方法是将CSS样式修改为只对图片生效，而不是整个内容生效。可以通过添加以下代码解决问题：

.entry-content img {
    float: left;
}

这样，只有图片会向左浮动，而其他内容不受影响。

0