问题标签 [siteorigin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
59 浏览

php - 如何在 WordPress 页面上创建小部件时对其进行动态编号?

我正在创建的 WordPress 网站有一个常见问题页面。每个问题/答案对都是通过使用SiteOrigin Page Builder Plugin和自定义小部件创建的。我希望能够添加新问题并重新排列它们,而无需手动重新编号。

这是它现在的样子:

SiteOrigin 页面构建器视图

我只想对问题进行动态编号(1.、2.、3. 等等,就在问题之前)。

我可以想到一些可能完成此任务的黑客方法,例如滥用<ol>标签或全局变量。我也许还可以使用一些代码来计算使用“问题”类创建的元素的数量,但感觉这会给使用仅存在的简单整数变量增加不必要的代码/延迟时间此页面正在呈现。

可以在 WordPress 中使用吗?如果是这样,我该如何完成它?如果没有,有没有比我提到的更好的方法?

如果有帮助,这是我的小部件 PHP 文件中的渲染代码:

0 投票
1 回答
1113 浏览

css - 悬停更改不透明度

我正在创建自己的网站并在 wordpress 上使用 siteorigin 页面构建器。问题是他们没有悬停选项,所以我创建了一个自定义 css 来对背景颜色进行悬停效果。当我将鼠标悬停在背景的特定“div”或“child”上时,它会改变这个背景的不透明度,而不是其他的。这里有一张图片来演示这个问题。

悬停问题

如您所见,蓝色是不同的,相同的规则应用于名为“.featr”的背景类。

有什么帮助吗?谢谢

0 投票
1 回答
978 浏览

amazon-cloudfront - Terraform,创建具有和不具有多个 Origins 的 CloudFront 分发可重用模块

我有一个需要 CloudFront + s3 的应用程序。我想创建一个 CloudFront 模块并使其可用于其他应用程序。

我的问题是我有一个应用程序需要两个 Origin(s3_origin_config 和一个 custom_origin_config),而其他应用程序只需要 s3_origin_config。

问题是:我怎样才能拥有一个模块来处理需要两个 Origin 和另一个只需要一个 Origin 的应用程序。

下面是我的代码示例:

谢谢!

0 投票
1 回答
1676 浏览

css - 无法在 WooCommerce 产品页面中正确对齐内容

我正在使用 WordPress 和 SiteOrigin(插件),它是 North 主题来创建一个 T 恤印刷网站,并且在产品页面中对齐产品的几个部分时遇到了特殊问题。

这是特定页面的链接:

http://7dollarprintedtshirts.com/product/custom-t-shirts-for-kids-and-adults/

基本上,我希望设计师在左边,右边是产品信息,底部是产品细节。

我已经使用以下代码修改了 CSS,因此页面是全宽的:

内容似乎使用以下代码正确对齐:

但是当我调整窗口大小以便查看所有内容是否正确对齐时,它没有。:(

在某一时刻,右侧的产品信息移动到了我想要的设计师下方,但现在它离设计师的底部边缘太近了,但是当我将屏幕调整得更小时,产品信息似乎挤到了设计师部分的权利。

请看附件截图:

http://7dollarprintedtshirts.com/wp-content/uploads/2017/04/now-text-is-squeezed.png

我尝试修改 CSS,但似乎并没有按照我想要的方式结束。

页面的每个部分我该怎么做

• 设计师 • 产品信息 • 产品详情

间隔和对齐是否正确,无论窗口大小,所有内容都将间隔和对齐,以便看起来正确分割?

任何帮助将不胜感激!

请注意,自定义 CSS 代码已被删除,因此我可以从头开始。:)

更新:

好的,我输入了以下 CSS 代码:

它似乎根据屏幕的宽度将我想要的部分分开,但是当我的产品摘要低于 944px 时,当我相信我将它设置到左侧时,它会浮动到右侧。我该如何纠正这个问题,因为我上面输入的内容不起作用。

再次更新!

我输入了以下 CSS 代码,使设计师在顶部,产品摘要在中间,产品详细信息在底部:

这格式正确吗?当我调整它的大小时,一切似乎都正确对齐,但有输入总是很好。:)

0 投票
1 回答
98 浏览

jquery - 使用另一个按钮触发 Sidr 菜单

我对编程很陌生,并且有一个严肃的问题(就我的水平而言)。我正在使用 sidr-plugin(从这个站点获得:https ://premium.wpmudev.org/blog/how-to-add-side-menus-to-a-wordpress-theme/ (底部的更新版本)),我想知道,是否可以在 wordpress 上使用简单的 SiteOrigin 按钮小部件来复制其中一个 sidr 菜单并打开它?这是我在主题中与插件一起使用的内容:

0 投票
1 回答
221 浏览

css - Wordpress 小部件英雄图像封面下拉菜单

我正在完成 wordpress 网站的工作。我正在使用 Colorib Shapely 模板,但我遇到了 Siteorigin Hero Image 小部件后面的下拉菜单的问题。我不知道应该在哪个 div 上放置 z-depth 属性以使其工作。

url: www.a-dent.net 顶部菜单 -> USLUGI

某人可以帮忙吗?

0 投票
1 回答
419 浏览

wordpress - 仅在网站上的图像上禁用向上和向下滑动/滚动

我在一个网站上工作(第一个,但已经走了很长一段路)我有几个网站源滑块/轮播堆叠在一起。

该网站看起来像Netflix。我唯一遇到的问题是在移动设备上上下滚动时,如果您在图像上滑动,则无法像 netflix 那样向上或向下滚动。img有谁知道如何仅在标签 上禁用上下滑动?

0 投票
1 回答
366 浏览

html - WPForms textarea 在 WordPress 页面上发布时不显示?

我在 WordPress 中使用 Be Theme,并使用 WPForms 创建联系表单。

该表单已在 WPForms Builder 中正确设置(据我所知),并且我在 SiteOrigin 编辑器中使用以下短代码(关闭段落):[wpforms id="397" title="false"描述="假"]

这是结果:

没有文本区域的联系表格

我在想 SiteOrigin / WPForms / Be Theme 之间可能存在冲突,但我不确定。我也在谷歌上做了一些搜索,但我似乎找不到任何可以解决我正在处理的这种确切情况的东西。

感谢任何决定提供帮助的人!

0 投票
0 回答
20 浏览

php - 如何使用 Wordpress 和 CPTUI 显示页面创建列?

我对这个有点迷茫,所以我真的希望对如何将下面的代码修改成对我有用的东西有所帮助。我正在使用 CPTUI 插件,它工作正常。下面的代码片段来自我创建的修改后的有序列表。它按照应有的方式在带有缩略图的有序列表中显示页面。一切正常。但是,我想将此显示为一行三个表格单元格

这是我拥有的代码的链接> https://pastebin.com/N44fyEhB

while 循环的代码片段:

我正在寻找的是一种在单行中显示 3 列的方法......我知道 while 循环必须看起来像这样 >

这甚至接近吗?我在正确的轨道上吗??????我只是在上面猜测......帮助。

是否有任何代码示例具体说明如何执行此操作?

任何指针都会有所帮助。

0 投票
2 回答
574 浏览

wordpress - 如何覆盖 Siteorigin 中的现有字段?

我想为现有字段类型创建一个自定义字段color,这是 Siteorigin 小部件包中的默认字段。基本上,我需要为color字段类型创建自己的 UI 和后端逻辑。

由于该字段在很多地方使用,如果我可以直接覆盖字段类型,将自动在每个地方工作。

我搜索了很多次,并且还挖掘了小部件捆绑包和 SO 本身的源代码,但找不到我需要的东西,即使我尝试以0优先级(最高)加载我的字段文件夹但没有工作。它仍然显示默认颜色字段类型。

任何人都可以向我指出一些操作或过滤器,以便我可以取消注册并使用相同类型重新注册color?或者是否有其他可能的解决方法?


更新

我的问题重点是Siteorigin Widgets Bundle Plugin

我不想只覆盖任何样式变量,而是想覆盖现有字段。经过一番研究,我发现了 2 个可用于覆盖现有字段的过滤器:

这两个过滤器form_options()在类的方法中被调用,SiteOrigin_Widget但是这个方法是这样调用的:

但它看起来$this->form_options永远不会为空,因此$this->form_options()永远不会调用方法,而方法又不会应用过滤器siteorigin_widgets_form_optionssiteorigin_widgets_form_options_<id_base>

因此,我修改表单字段的机会就变成zero了这种方法。

我基本上需要的是例如。有一个现有字段color,我有另一个自定义字段adv-color。现在,挑战是覆盖所有color字段adv-color实例,因此该字段的每个实例都被覆盖。但是,这仍然是一个希望。

请让我知道我的方法是否错误或是否有其他方法可以解决此问题。非常期待示例。