在 Wordpress 中更改特定页面的宽度答案

【问题标题】：change the width on a specific page in Wordpress在 Wordpress 中更改特定页面的宽度
【发布时间】：2014-05-26 20:45:21
【问题描述】：

我想这里的所有人都有一个简单的问题。对我来说没那么容易；）

我只想更改 Wordpress 中特定页面的宽度。我正在使用主题 Touchfolio http://dimsemenov.com/themes/touchfolio/about.html

这是我想改变http://karimphoto.com/about/宽度的页面我想把它从900px改成700px宽，包括图片和文字。我确实开始创建一个新的 PHP 模板文件，但真的不知道我需要做什么。

我敢肯定，如果您知道自己在做，那是没有道理的，但我在这方面的知识很差。

编辑：

代码很好用：

.page-id-247 .hentry, .page-id-247 .aligncenter { 最大宽度：700px !important;

我现在能看到的唯一问题是图像不会再调整大小了。

对此有何意见？

谢谢，

【问题讨论】：

因为你有页面 id 作为 body 类，你可以快速'n'dirty 对页面内容应用 css 规则.page-id-247 #main {width: 700px; }

【解决方案1】：

WordPress 将类添加到包含页面 ID 的 body 标签中，您可以使用它来定位 CSS 中的特定页面。您的关于页面的 ID 是 247，因此您可以根据要求使用以下内容更改宽度。将此添加到您的样式表中：

.page-id-247 .hentry, .page-id-247 .aligncenter {
    max-width: 700px;
}

.aligncenter 类以大图像上使用的类为目标。它通常设置为 900px，因此将其设置为与 .hentry 相同的宽度（用于页面内容容器的类）将使您的图像与您的内容具有相同的宽度。

【讨论】：

哇。你很快:) 谢谢，这正是我想要的。 “.aligncenter 类针对您的大图像上使用的类。它通常设置为 900px，因此将其设置为与 .hentry 相同的宽度（用于页面内容容器的类）将使您的图像具有相同的宽度你的内容。”对不起，你在这里有点迷失了我。如果我想改变水平位置？非常感谢
我无法让图像像文本一样响应和调整大小。现在我使用这个代码： .page-id-247 .hentry, .page-id-247 .aligncenter { max-width: 700px !important;我错过了什么？对此有何意见？
你解决了吗？图片看起来响应良好
是的认为它现在工作正常。刚刚添加了这个：.page-id-247 img.aligncenter { height: 100%;宽度：100%； }

【解决方案2】：

将其粘贴到主题选项面板中的自定义 CSS 字段中：

Code:
.page-id-111 .container {
  max-width: 1200px;
}

根据您的目的更改页面 ID 和所需的最大宽度。

【讨论】：

【解决方案3】：

此代码将解决我遇到的响应问题：

.page-id-247 img.aligncenter { 高度：100%;宽度：100%； }

【讨论】：