画廊自动居中

Question

每次我在帖子中添加一个图库时，我都需要修改

中的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的知识有限，我很难找到这个图库标签的生成位置。

Answer 1

图库会在<div>中生成class="gallery"和一些变量类，具体取决于图库设置。请参阅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%;
}

请注意，由于您专门添加“矩形”作为类型，因此您可能希望使用与图库不同的类来确保样式不会应用于其他图库。

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

• 将鼠标悬停在图库上
• 单击鼠标右键并选择“检查元素”。

我希望有所帮助。 GL！