【问题标题】:How do I adept CSS-rules to Wordpress plugin我如何熟练地使用 CSS 规则到 Wordpress 插件
【发布时间】:2016-06-11 11:08:16
【问题描述】:

我正在尝试将标题滑块(流星幻灯片)添加到我自己在 Wordpress 中构建的主题:http://michaelpeyron.com/ 但如您所见,我无法使插件图像继承我的“div”的 CSS 规则id=横幅”。我试图去掉“#banner's background-image:”,但这搞砸了整个结构。

我想到的另一个想法是将"background-image:url("img/banner.png");" 替换为"background-image:url("<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>");" 但随后我们需要将 css 文件更改为 php 文件。而 Wordpress 需要一个“style.css”文件。

为了保持简单;我需要帮助的是在我的标题图像现在所在的位置添加一个滑块。

【问题讨论】:

    标签: php html css wordpress


    【解决方案1】:

    我现在能想到的一件事是使用内联样式 -

    例如,在这里,对于您的横幅 div,转到其代码所属的页面,并将其更改为跟随 -

    <div id="banner" style="background-image:url("<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>");">
    

    并从您的 style.css

    中删除 #banner 'background-image' 属性

    希望能有所帮助!

    【讨论】:

    • 感谢您的回答!这是一个很好的尝试。我自己应该想到的。无论如何,我按照你的建议做了,但我想我搞砸了,因为标题失去了它的结构。
    • 这是我现在的#banner:#banner { float: none;宽度:自动;高度:100%;颜色:rgb(0, 0, 0);位置:相对;顶部:0px;左:0px; z 指数:85; -webkit-背景大小:100%;背景尺寸:100%;显示:块;背景附件:滚动;最小宽度:0px;最小高度:0px;左边距:自动;边距右:自动;明确:无;边距顶部:0px;最大宽度:无;最大高度:无;背景位置:0% 0%;背景重复:不重复不重复; } 我必须删除所有“背景”属性吗?
    • 查看您网站的代码,我认为滑块本身正在通过该 php 代码显示!我的代码只有在返回图像时,现在您只需要添加 到要显示滑块的任何位置。
    • 但我添加了 "
    • 删除那个,并添加<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?> 看看会发生什么
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签