【问题标题】:It is possible to edit these HTML tags in Wordpress?可以在 Wordpress 中编辑这些 HTML 标签吗?
【发布时间】:2021-12-23 13:20:44
【问题描述】:

我正在编辑一个使用 Wordpress 和模板创建的网站,看起来某些功能已被锁定,因此您必须购买 Elementor builder。到目前为止,我已经设法使用额外的 CSS 和 Elementor 演示编辑了我想要更改的所有内容。

问题是,除非我修改 HTML 标签(我猜是因为 Bootstrap)使列具有容器宽度的一半,否则我无法更改特定的东西。你知道,col-lg-6、col-xl-6等的那种。

显然,使用 Chrome 浏览器,我可以将这些标签更改为我想要的标签(col-lg-12 等),但这只是暂时的。我不知道是否有可能以某种方式更改这些标签。有什么想法吗?

我将把屏幕截图留在这里,这样你就可以看到我正在谈论的标签。非常感谢,希望你能帮助我!

【问题讨论】:

    标签: html css wordpress content-management-system elementor


    【解决方案1】:

    在 Bootstrap 中 col 最多可以是 12 个。 12 列宽是最大数量,这将是父级的全宽。你的代码说 col 在 xxl(超大屏幕)上是 5 宽,在 lg(大)屏幕上是 6 宽,在 md(中)屏幕上是 8 宽。要获得全宽,请指定 col-12 并删除其余部分。它将在所有屏幕上全宽。

    col-12

    ^ 此列在所有屏幕上始终为 12 宽

    col-sm-12 col-md-10 col-lg-8 col-xl-7

    ^ 这是一列,但宽度取决于小、中、大或超大屏幕尺寸,在我的示例中,12 是小屏幕的全宽。这很正常。您可以使用col-sm-11 col-sm-10,这取决于您希望它的外观。

    使用上面的代码,随着屏幕尺寸变大,列变得有点苗条。这与眼睛有关,看起来不错,所以不要混淆。 col-7 在非常大的屏幕上看起来相当大,并且有足够的空间来制作出色的背景。

    【讨论】:

    • 让我更好地解释一下自己:发生这种情况的模板模块,它实际上是一个两列部分。问题是我不想要这两列之一。但问题是,删除其中一个,另一个仍然是一列宽。我需要手动将标签更改为 col-lg-12、col-md-12 等,但我不知道如何更改这些标签。这确实是我的问题。
    • 是的,完全正确。如果您完全删除其中一列,则剩余的一列将保持相同的宽度。您似乎在暗示您在上面圈出的 HTML 不能手动更改?您的编辑器不允许手动编码更改?在那个带圆圈的部分中,您可以(如果可能)删除class= 语句中的所有col 信息,并将其全部替换为col-12。我不太明白为什么无法编辑代码?
    • 无法编辑代码,因为这是一个 Wordpress 项目。因此,当您右键单击并检查元素时,我发布的 HTML 代码实际上是通过 Chrome 浏览器看到的。因此,我将在那里进行的任何更改都会在我刷新页面后立即被删除。我希望找到一种方法来编辑通过 Wordpress 创建的 HTML 标签,但显然,我无法在后台编辑 HTML,所以我可能应该寻找告诉它是两个的特定文件列而不是一列。
    • 我对 Wordpress 完全没有经验,所以很抱歉,但希望其他人可以在这里添加一些有价值的东西。不得不说,尽管使用 Bootstrap 它不会是一个单独的文件来指示事情。当然,您确实在 Bootstrap 和样式中使用了许多标准代码,但是制作半角列的东西绝对是 HTML 的圆圈部分。其实我学到了一些东西。我不知道不能在 Wordpress 中手动编辑 HTML。有点震惊。
    猜你喜欢
    • 1970-01-01
    • 2013-06-06
    • 1970-01-01
    • 2013-07-19
    • 1970-01-01
    • 2011-07-09
    • 2017-12-25
    • 1970-01-01
    • 2014-04-16
    相关资源
    最近更新 更多