在内置滑块

时间:2018-03-22 21:08:12

标签: php html css wordpress

我的客户问我是否可以在滑块标题中添加简单的换行符。该网站是docksteaderlending.ca。 (基本上,将子标题中的两个句子分开)

我已经用尽了所有的技巧和谷歌搜索广泛而且我似乎无法做到!它让我疯了。

我有基本的html和css知识,但我不是专家。

基本上主题是winsome,它有一个内置滑块。滑块从页面获取标题和子标题,并使用特色图像作为背景。

我已尝试编辑页面的html。我已经尝试过编辑css了。我查看了滑块文件,但我不知道如何做任何与PHP相关的事情......

我希望有人能提供帮助!提前致谢

1 个答案:

答案 0 :(得分:0)

好吧,如果它从页面标题中选取滑块的标题,那么添加一个中断会有点棘手。如果这是您使用滑块的唯一页面,那么您只需编辑模板文件并手动输入滑块文本,从而将其分为两个句子。

我调试了你的Winsome主题,所以你可以毫无问题地编辑它。在Wordpress管理员中,转到“自定义>编辑器”,在右侧找到“模板部件”下的“slider.php”文件。

在第33和37行,你会发现以下几行:

33    <h3><?php echo esc_attr( $slide['title'] ); ?></h3>

37    <div class="slider-meta"><?php echo esc_attr( $slide['excerpt'] ); ?></div>

如您所见,第33行使用页面标题在滑块的标题中显示它,第37行使用滑块子标题中的摘录。

你可以按照自己的喜好编辑这个:

33    <h3>This is some random text<br>I want to break in two lines</h3>

37    <div class="slider-meta">I will break<br>this text too.</div>

保存文件,这应该有效。当然,如上所述,只有在此页面上只有一个滑块时,这才有效,因为我可以看到您创建了一个没有任何子页面的登录页面。如果您打算在其他页面中使用此滑块,则需要进行更多调整。

此外,这并不是真的有用,但尝试使用a child theme进行此类调整。在更新主题时,子主题会保留对上述文件的编辑。因为如果您没有使用子主题并且您决定更新主题,那么这些自定义行将被覆盖。