在 Evolve Theme 的 Carousel Slider 中，有一些示例图片。
如何将它们更改为新图片并添加通过单击图像打开文章的 href？
问问题
7761 次
1 回答
1
您在媒体库中上传一张具有正确滑块尺寸的照片。当您选择编辑图像时，您将获得完整大小的版本。
在 Firefox 中，我右键单击图像并要求复制“图像位置”，在 Chrome 浏览器中“复制图像 URL”，它为我提供了剪贴板中图像的 URL，例如
http://www.####.###/wp-content/uploads/2013/06/image.jpg
然后你去小部件
您必须将“T4P Carousel Slider”添加到 Header1 区域。如果您不这样做，主题会自动加载其自己的自定义小部件以宣传主题。添加小部件后，您将获得一个代码框，默认情况下其中包含其代码。
您将用自己的代码替换该代码并不难，但它肯定不是拖放选项。
将 Carousel Slider 拖到 Header 后，您将看到代码。
您将看到 4 个部分，如下所示：
<img src='http://www.####.###/wp-content/themes/evolve/library/media/images/slide/slider_img_01.jpg' alt='' />
<div class='carousel-caption'>
<h4>Built-in Bootstrap Elements let you do amazing things with your website</h4>
您可以使用 cntl-v 将这部分代码替换为库中图像的 url 并添加一个 alt 标记，如果您喜欢之前 http://www.####.###/wp-content/themes/进化/图书馆/媒体/图像/幻灯片/slider_img_01.jpg'alt=''/>
http://wp.fofc.org/wp-content/uploads/2013/06/baby.jpg' alt='Baby' /> 之后
接下来，您可以在图像顶部添加一个标题在内置引导元素之前，您可以使用您的网站做一些惊人的事情
之后这是一个非常酷的图像
在代码框的底部，您将看到其他代码。这控制了矩形窗口中点的数量，用于导航每个点一行因此您希望拥有与图像一样多的行。如果您只有 3 张图像，请完全删除 data-to='4' 的行。或者您可以在底部添加另一行：5
<div id='carousel-nav'>
<a href='#myCarousel' data-to='1' class='active'>1</a>
<a href='#myCarousel' data-to='2'>2</a>
<a href='#myCarousel' data-to='3'>3</a>
<a href='#myCarousel' data-to='4'>4</a>
-- add or remove lines above this line
</div>
这控制滑块下部中心的导航框。但是，随着幻灯片自动更改，点似乎没有移动。该点仅在您单击它时移动。
如果您愿意，您可以从代码中删除整个 div，这将删除导航框。
希望这可以帮助。
于 2013-06-28T16:28:51.213 回答