下面的屏幕截图显示了安装后代码的确切生成。
如果您想在电子邮件订阅选项框旁边放置一个滑块,那’正是本教程的全部内容。只要你’重新使用在创世纪上运行的子主题。
滑块图像: 礼貌优雅的主题
该代码内联产生2个小部件。
- 左列窗口小部件的宽度为66%,并装有一个滑块。
- 右列小部件的宽度为33%,并填充有Genesis eNews小部件。
代码安装
- 从Gist标记的functions.php复制PHP代码,然后使用文本编辑器将其粘贴在子主题functions.php文件的末尾。
- 在Gist中标记为style.css的CSS在您的媒体查询之前接近样式表的末尾。
替代方法
这里’编写此解决方案的另一种方法:
小部件
该代码生成2个小部件。
- 左列窗口小部件填充了超快速加载 自滑滑条.
- 右列窗口小部件填充了 创世纪eNews插件小部件.
用图像替换背景色
.slider-email-box {
background-image: url(images/image.png);
}
和这里’s the result:
滑块配置
您还可以使用本教程将图像或视频放置在电子邮件订阅表单旁边,并在文本小部件上使用任何Aweber,MailChimp或任何其他表单代码。
代码可以在所有主题中使用吗?
我还在Enterprise Pro主题上测试了完全相同的代码,这是在不进行CSS调整的情况下得到的结果。
显然,您可以使用CSS删除2行,并添加一些padding-bottom。
这表明您需要根据使用此代码的主题来做一些工作。
请问这将在外展临工作,我是否需要获得其他插件,我想是的!我已经将代码添加到我的网站了。我确实看到了新的小部件区域!!!
我还在Enterprise Pro主题上测试了完全相同的代码,这是在不进行CSS调整的情况下得到的结果。
显然,您可以使用CSS删除2行,并添加一些padding / margin-bottom。
嗨,布拉德,
可以与Minimum Pro一起使用吗?
谢谢,
爱丽丝
你好艾莉斯
Yes but not tested on 那 theme and may need a tiny bit of code tweaking.
更新。
我也得到一个“1”当我输入文本小部件时出现。另外,如何在两个图像之间获得从左到右笔直穿过的背景图像?
感谢您让我知道1的出现。
修复此错误后,我将立即更新代码。
那里’s一个类,涵盖了由PHP代码生成的整个包装:
您r CSS would look something like this:
您’将需要修改颜色,图像和高度的值。
那’现在已修复。只是PHP代码中的简单错字,我还是决定重新编写所有代码,所以现在不见了。
嗨,布拉德,
非常感谢您非常有用的教程。我已经多次提到他们。
在这种情况下,我没有使用滑块,而是在“左列”中有一个文本小部件。一个“1”出现在两个小部件之间。如果我从“左列”中删除文本小部件,“1”消失了。有任何想法吗?
谢谢!
已修复,代码已更新。
粉色吸引了我的布拉德,然后我停下来阅读代码。
如果代码是诗歌,那么您就是一位出色的词匠。
感谢您提供另一个编码宝。
你好基思
刚收到“优雅主题”的电子邮件,该电子邮件给了我关于颜色的想法,有人在论坛上询问如何做到这一点。
希望很快写一些与自定义优雅主题有关的教程。
以为我认出了粉红色的图像。
在我的Divi主题网站上查看我的帖子:
http://divitheme.co.uk/divi-theme-overview-awesome-divi-builder/
“希望很快写一些与自定义优雅主题有关的教程。”
那’s great news –您可以从“典雅主题”页脚开始。
是的让我确切地知道您想要用页脚做什么,并且一旦我进入主题就可以’ll work it out.
这里 it is http://dingyuanhong.com/web-design/divi-by-elegant-themes-change-footer-links-style-social-icons/