画廊自动居中

Automatic Centering Of Gallery

每次我在 post 中添加图库时，我需要从

修改 html 
[gallery type="rectangular" link="none" ids="1743,1742,1741"]

到

<div style="margin: 0 auto; width: 500px;">
[gallery type="rectangular" link="none" ids="1743,1742,1741"]
</div>

我想修改 php 文件以添加这个额外的 html。这可能吗？我对 php 的了解有限，正在努力寻找生成此图库标签的位置。

图库在 <div> 中生成，其中包含 class="gallery" 和一些变量 class，具体取决于图库设置。参见 wp-includes/media.php#L1046。

因此，您只需在样式表 (styles.css) 中添加以下样式，或使用 Simple Custom CSS.

之类的插件 
.gallery { 
    margin: 0 auto;
    width: 500px;
}

如果您的主题是响应式的，我建议您也将最大宽度设置为 100%，以确保它也适合较小的屏幕。

.gallery { 
    margin: 0 auto;
    width: 500px;
    max-width: 100%;
}

请注意，由于您专门添加了 "rectangular" 作为类型，您可能希望使用与画廊不同的 class 以确保样式不会应用于其他画廊。

要验证哪个 class 可以使用，您可以在浏览器中检查图库：

  • 将鼠标悬停在图库上，
  • 点击鼠标右键 select 'inspect element'.

希望对您有所帮助。 GL!