【问题标题】:Switching a caption in wordpress在 wordpress 中切换标题
【发布时间】:2017-08-16 10:23:53
【问题描述】:

我想在 wordpress 图像上放置一个有点风格的(例如,两行不同大小的)标题。悬停时,我想添加一个颜色叠加层并将标题与另一个有点风格的(更多行,一个字体很棒的图标)文本交换。

我已经尝试了很多插件并寻找教程,但到目前为止我发现的那些只涵盖了我想做的一半。例如:始终显示标题或在悬停时显示标题和叠加层,但不能同时显示两者。

标题不必基于任何wordpress图像信息,可以在代码中定义。

非常感谢任何提示、sn-ps 等。


TLDR - Wordpress 问题:

正常状态:图片 + 样式化标题

悬停时:图像 + 叠加层 + 不同样式的标题

编辑: 我没有添加源代码有两个原因:

1) 可能有几种方法可以解决这个问题,我不想通过提供我的一种(无论如何都不起作用)方法来缩小范围。

2) 很可能存在“非编码”解决方案(例如,通过插件),这对于维护来说有些可取。如果我发布不成功的尝试,这条路径可能会被忽略。

为清晰起见添加了图像:

normal state

on hover

最后但同样重要的是,我并不是在寻找“请为我工作”的全方位服务解决方案。我正在寻找的只是如何启动切换的提示、指向文档的链接或实际上涵盖这两点的教程(任一功能的教程都很多,但我无法让事件为文本切换工作) ,或对我可以使用的现有插件的建议。

【问题讨论】:

  • 您是否尝试过任何使用代码而不是 Wordpress 插件的解决方案?能否请您展示一下您到底想要什么的图片?
  • 欢迎来到 Stack Overflow!预计您至少会尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些additional research,通过谷歌或搜索SO,尝试一下。如果您仍然遇到问题,请返回您的代码并解释您尝试过的操作。
  • 如果我给人的印象是没有做过研究或只是问“请为我做我的工作”问题,我很抱歉。不提供代码示例的原因是我不想缩小范围。显然有解决这个问题的方法:本土的 css/js 和一个能够同时显示两者的插件。我很快就会用更多的例子来更新这个问题。

标签: javascript css wordpress overlay caption


【解决方案1】:

经过一番修改后,我找到了一种滥用 Visual Composers“Hoverbox”功能的方法,即在文本字段中插入一些未经请求的 html 标签(br、span)。

并不完美,必然会产生一些维护问题,但自编码的解决方案对用户来说会更加复杂。

此外,该功能还不够重要,不足以证明更多的延迟是合理的。

如果其他人想走这条路,请注意,当您重新打开文本进行编辑时,编辑器有时会丢弃 html 标签。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-12-31
    • 2018-04-21
    • 1970-01-01
    • 1970-01-01
    • 2015-11-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多