Question

在Evolve主题的Carousel Slider中，有一些示例图片。

如何将它们更改为新图片并通过点击图片添加文章打开的href？

Answer 1

您可以使用滑块的正确尺寸在媒体库中上传照片。当您选择编辑图像时，您将获得完整尺寸版本。

在Firefox中，我右键单击图像并要求在Chrome浏览器“复制图像URL”中复制“图像位置” 这给了我剪贴板中图像的网址，如

http://www.####.###/wp-content/uploads/2013/06/image.jpg

然后你去小工具

您必须将“T4P Carousel Slider”添加到Header1区域。如果不这样，主题会自动加载自己的自定义小部件以宣传主题。添加小部件后，您将获得一个默认情况下包含其代码的代码框。

您要用自己的代码替换代码并不难，但肯定不是拖放选项。

将Carousel Slider拖到标题后，您将看到代码。

你会看到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和ad a alt标记将此部分代码替换为库中图像的网址之前 http：//www.####.###/wp-content/themes/evolve/library/media/images/slide/slider_img_01.jpg'alt =''/＆gt;

在 http://wp.fofc.org/wp-content/uploads/2013/06/baby.jpg'alt ='宝贝'/＆gt;

接下来，您可以添加标题，使其位于图像顶部之前内置的Bootstrap Elements让您可以使用您的网站做出惊人的事情

在这是一个非常酷的形象

在代码框的底部，您将看到其他代码。这将控制矩形窗口中点的方式，以便为每个点导航一行因此，您希望拥有与图像一样多的线条。如果您只有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，这将删除导航框。

希望这有帮助。

Wordpress Evolve主题：更改滑块中的图像

1 个答案: