css - 媒体网格插件定制

标签 css wordpress custom-post-type

我想知道是否可以将 LC WEB 媒体网格的元素加载到媒体网格插入的任何 div 中的灯箱内容 -

例如见附件图片。我想采用媒体网格,将其放入页面并将其设置为不加载到灯箱中而是加载到列中(例如,如果我有两个引导列)并且还根据内容高度自动拉伸(stretch) div(自动)..

enter image description here

任何有助于选择是否可以测试的帮助都很棒

最佳答案

开箱即用似乎没有办法做到这一点。凭借一些独创性,我相信这是可能的(使用一些自定义的 javascript 和 CSS。)

插件灯箱使用两个 div 来显示内容:mg_full_overlaymg_full_overlay_wrap。在我们的 CSS 中,我们可以使用 display: none!important 将它们设置为始终隐藏。

到目前为止一切顺利。现在要获取该内容,我们可以添加一个新的 click 事件处理程序来处理从该 div 中抓取内容并将其显示在其他地方。由于隐藏的灯箱 div 中的内容会刷新,即使它是隐藏的,我们只需要调用 jQuery 的 html()append() 方法。

这似乎有点 hack,但我认为它可以无缝运行。

编辑

此时我只能为您指出一个大体方向(正确或其他方向),因为您似乎还没有编写任何代码供我们帮助,我认为您只是在寻找初学者的策略。

但是我要补充一点:我不知道您对 WP 主题修改/开发和编写 javascript 的舒适程度如何,但您只需要修改主题的 javascript 和 css,也许还有您的 functions.php 或任何您需要的地方排队您的脚本和样式。 Wordpress 核心和插件将保持不变,因此您不必担心将来的更新会破坏某些内容。

如果您使用的是现成的主题,您希望更新到您可以使用 child themes WP 保留原始主题不变的能力。

如果您对我的回答有任何疑问,请在评论中告诉我,我会更新我的回答。例如,如果您不确定如何使用这些 jQuery 方法来执行我提到的操作(从隐藏的 div 中获取单击内容并将其放置在另一个 div 中),我可以提供一些代码,但您可能会从其他人那里得到更好的回应通过将这个问题分成更容易回答的问题 block 并为每个问题发布一个问题。

您在评论中还提到,在问题中添加了一些关于通过您在页面中放置的简码来更改插件工作方式的能力。这也可能在不修改插件本身但没有看到插件代码并尝试它的情况下是可能的,这很难说。这在它自己的问题线程中也可能更好。

关于css - 媒体网格插件定制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36804424/

相关文章:

mysql - ACF 将中继器子字段值移动到帖子中的字段

php - 管理面板中 Wordpress Post 数组的奇怪问题

http-status-code-404 - 自定义帖子类型上的 Wordpress 预览中断

css - 在 LESS 中使用 Bootstrap 中的 mixin 进行自定义

html - 内联单选按钮 Bootstrap 的标签

javascript - 在 HTML Canvas 上绘制多条路径

php - 如果嵌套的meta_query不正常,我该如何改进WordPress中的这个查询?

css - css中的 body 背景图像位置问题

php - 如何使用 Constructor 主题修复 Wordpress 中的 float 侧边栏?

css - 如何解决 Bootstrap 4 的 sticky-top 类在我的页面上不起作用的原因?