如果是用HTML完成的，你可以用WP完成🙂 在模板上复制旧站点中的操作。为所有内容创建一个div容器（旧站点中的div.imagen01）。在该div中，输出包含特色图像的锚链接。之后，但仍然在div.imagen01中输出另一个带有“SCONTO”和折扣金额的div。
绝对定位sconto div，使其覆盖图像的任意角落。根据需要设置样式。旧站点使用半透明.png图像作为背景，但您可以指定半透明背景颜色使用rgba（）功能。例如：
div.lbl_sconto{背景色：rgba（180180180,0.3）；
RGB值通常是颜色分量，每个分量为0-255。A部分是0-1透明度因子。
如果您没有意识到，一些帖子的红色额外折扣是图像本身的一部分，而不是HTML。
螺纹起动器
萨科尼
（@sacconi）
但当折扣数字未设置时，不应显示“-%”
https://test.sacconicase.com/case-vacanza/italia/friuli-venezia-giulia/lignano-pineta-appartamenti-vacanze（https://test.sacconicase.com）/
我怎样才能修好它？我在content.php中有以下内容：
<div class=imagen01><?php sacconicase_post_thumbnail（）；？><div class=“mostrasconto”><？php echo（“ ”），“-”，get_the_author_meta（'discount'，$post->post_author），“%”；？></div>
螺纹起动器
萨科尼
（@sacconi）
我尝试了以下方法，但没有奏效：
<?php$discount=get_the_author_meta（'discount'，$post->post_author）；if（！empty）trim（$折扣）{echo（“ ”），“-”，get_the_author_meta（'discount'，$post->post_author）），“%”；}?>
如果没有折扣，就根本不应该输出mostrasconto div。即使你用现在的条件成功地抑制了-%，角落里还是会有一个空白的灰色框。如果您有条件地删除div和-%，那么将根本没有灰色框。
螺纹起动器
萨科尼
（@sacconi）
有人给我写了以下解决方案，但不起作用：
<div class=“imagen01”><?php sacconicase_post_thumbnail（）；？><?php（电话）$discount=get_the_author_meta（'discount'，$post->post_author）；如果！空（$折扣）{？><div class=“mostrasconto”><？php echo（“-”），“-”，$折扣，“%”；？></div><?php}？>
我试图发明一些东西：
<div class=“imagen01”><?php sacconicase_post_thumbnail（）；？><?php（电话）$discount=get_the_author_meta（'discount'，$post->post_author）；如果！空（$折扣）{$output='<div class=“mostrasconto”>'.'-'$折扣。“%”</div>'；echo$output；}?></div>
不工作🙁
螺纹起动器
萨科尼
（@sacconi）
可能外部div必须包装1语句，而不是2语句，我也尝试朝这个方向做一些事情，甚至转换sacconicase_post_thumbnail（）；变量中，但我什么都没有…
- 此回复在7个月、3周前被修改
萨科尼.
也许 吧
<div class=“imagen01”><?php sacconicase_post_thumbnail（）；$discount=trim（get_the_author_meta（'discount'，$post->post_author））；if（！空（$discount））{echo'<div class=“mostrasconto”>'；echo“-”$折扣，“%”；echo“</div>”；}?></div>
? （未测试）
与您上次尝试的差不多，可能只是因为语法错误而无法工作。看起来你的逻辑很合理。
我以为你有一个全球$邮政；行之前的某个位置，需要它才能获得作者ID。
螺纹起动器
萨科尼
（@sacconi）
螺纹起动器
萨科尼
（@sacconi）
也许这些css只在桌面上工作，而我需要一套专门的手机？
目录图像01{位置：相对；}div.mostrasconto公司{位置：绝对；顶部：10px；左：10px；宽度：87px；高度：45px；字体大小：30px；font-weight：粗体；颜色：#F3F5CE；背景色：rgba（180180180,0.6）；border-top-left-radius：10px；}.single-post div.mostrasconto{display:无；}
手机需要一套不同的规则是常见的。我们使用媒体查询这样做。您需要确定从桌面规则切换到移动规则的显示宽度。您的CSS中可能已经存在其他媒体查询，其中已经使用的宽度可能就是您自己的媒体查询所需的宽度。
螺纹起动器
萨科尼
（@sacconi）
最大宽度：769px
在这种情况下，我不明白为什么我需要为小设备制定一套不同的规则
因为有些设备的宽度小于300像素，而769像素的布局由于某种原因无法工作。您只需要在媒体查询中使用足够的规则来纠正布局问题。
在其他情况下，可以对所有宽度使用不同的布局方法，这样就不需要进行媒体查询。
螺纹起动器
萨科尼
（@sacconi）
我试图将px值更改为%values，但没有任何变化。有什么建议可以为所有部门提供解决方案吗？
