我是新来的，需要一些帮助。我正在为一家企业制作一个网站，希望显示他们的所有仪器（带有测量值的照片），如下所示。

https://ibb.co/gSf3eF

然后，他们希望当有人搜索一种乐器时，例如“钢琴”，只有这篇帖子出现。我目前的搜索就是这样做的，你可以在下面看到的问题是，找到的结果显示得很差。标题和测量值显示在一行中，没有图像。

https://ibb.co/bLyjmv

当你滚动浏览所有乐器时，我想让它显示的是相同的东西，只会显示匹配的乐器。我希望你们能理解我的意思！

我在localhost上（客户机将在我们的会议后让我访问他的主机和域）。主题是悉尼（免费版）。我安装了许多插件，搜索插件叫做“搜索和筛选”。我还安装了：

–联系表格7–GTranslate–按SiteOrigin排序的页面生成器–帖子类型订单–SMTP邮件–社交媒体和共享图标（终极社交媒体）-悉尼工具箱–Wordfence Security–WP Google Maps–WPGlobus–Yoast SEO

帖子的格式是图像，没有特色图像，例如标题“吉他”，这是它的代码（钢琴类似）：

<div id="pl-312" class="panel-layout">
<div id="pg-312-0" class="panel-grid panel-has-style">
<div class="panel-row-style panel-row-style-for-312-0" style="padding: 100px 0;" data-overlay="true">
<div id="pgc-312-0-0" class="panel-grid-cell" data-weight="1">
<div id="panel-312-0-0-0" class="widget_text so-panel widget widget_custom_html panel-first-child panel-last-child" data-index="0" data-style="{">
<div class="widget_text panel-widget-style panel-widget-style-for-312-0-0-0" style="text-align: left;" data-headings-color="#443f3f" data-title-color="#443f3f">
<h3 class="widget-title">Guitar</h3>
<div><img class="alignnone size-full wp-image-313" src="http://localhost/wordpress/wp-content/uploads/2017/09/Electric-Guitar-Clip-Art-PNG.png" alt="" width="958" height="510" /></div>
<div class="textwidget custom-html-widget">Width: 150cm<br />
Height: 180cm</div>
</div>
</div>
</div>
</div>
</div>
</div>

我希望这是足够的信息，你可以帮助我！我已经在其他网站上发布了这篇文章，到目前为止没有得到任何帮助，但我真的需要尽快弄清楚这一点！提前感谢！