引导到 wordpress 不会正确显示图像

Posted 2023-03-05

【中文标题】引导到 wordpress 不会正确显示图像

【英文标题】：Bootstrap to wordpress wont show the image correctly

【发布时间】：2016-11-19 00:07:32

【问题描述】：

我正在尝试将 Bootstrap 主题转换为 WordPress 主题，而 WordPress 不会显示图像。我做了一些截图，左边是 Bootstrap 中的主题，右边是 WordPress 中的主题。

这是我在 WordPress 中的图像容器的代码我不知道我做错了什么我已经尝试了一切，但没有任何效果。

<div class="container-fluid">
  <div class="row" data-fluid=".fluidHeigt" data-float="true">
    <div class="col-sm-5 imageCol">
      <div class="image fluidHeigt" style="background-image:url(<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg)">
        <img src="<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg"  class="img-responsive visible-xs" />
          </div>
            </div>

我尝试将class="img-responsive visible-xs" 更改为class="img-responsive.visible-xs"，我得到了这个：

Bootstrap 和 WordPress 的样式都是一样的，所以我排除了样式代码作为问题的原因，我还注意到 Bootstrap 主题在标签样式 min-height:799px; 之后自动生成此代码，同时 WordPress 主题不会产生那个。

请有人帮助我，如果您需要更多信息来解决这个问题，请告诉我谢谢。

【参考方案1】：

我会检查并查看您的 Wordpress 主题是否正在加载 jQuery。如果你没有看到它，你可以把它放在你的functions.php文件中让它加载：

function my_init() 
    if (!is_admin()) 
        wp_enqueue_script('jquery');
    

add_action('init', 'my_init');

【讨论】：

它不起作用这就是我在函数中调用 jquery 的方式。php 函数函数 b2w_theme_js() wp_enqueue_script( 'bootstrapmin_js', get_template_directory_uri() . 'js/bootstrap.min.js' , 数组('jquery') , '', true); wp_enqueue_script('bootstrap_js', get_template_directory_uri() . 'js/bootstrap.js', array('jquery') , '', true); wp_enqueue_script('main_js', get_template_directory_uri() . 'js/main.js', array('jquery') , '', true); add_action ('wp_enqueue_scripts', 'b2w_theme_js');

这对于添加 js 文件是正确的，但是您需要在所有这些之前调用 jquery 才能使这些文件正常工作。我提供的 sn-p 将拉入最新版本，或者您可以前往jquery.com/download 下载并将其添加到您的入队脚本中。 （PS，这可能不是问题，但这是我在你的场景中检查的第一件事 - 如果我的 js 正常运行。）

【参考方案2】：

.visible-xs 使图像仅在超小型设备上可见。试着把这个：

 <img src="<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg"    class="img-responsive" />

【讨论】：

我已经尝试过了，它可以正确调整长度，但现在宽度很小，应该是 799px，我得到 577px，我需要 wordpress 像引导主题一样自动生成 799px没有

JS 中是否有可能产生高度的东西？如果是这样，那可能需要重新配置。 Wordpress 有一些添加的 js 文件，所以如果你的 JS 没有按正确的顺序加载，某些东西将无法工作/运行。

你的 html 头部有 meta name="viewport" 标签吗？