如何在Wordpress中添加<span> <h1> </h1> </span>

Question

我想在Wordpress <h1>This is my <span>title</span></h1>中执行此操作，但如何在函数中获得<span>。 <?php the_title(); ?>。

搜索codex我找到了$after参数，所以我尝试了：

<h1><?php the_title( $after ); ?><span class="my-class"> text</span></h1>

虽然有效，但我敢打赌，除了将其硬编码到html中之外，还有一种更好的方法。我只是一个设计师将我的第一个wordpress主题放在一起，所以请耐心等待。有帮助吗？感谢。

Answer 1

自定义WordPress主题实际上非常简单。在这种情况下，您需要找到标题使用的类。让我们假设它是你提到的基本标签。您可以修改主题的样式表（可以使用WordPress编辑器）并在底部添加以下行：

/* Custom CSS */

h1 {<custom css> !important;}

.red {color: #FF0000;}

这会覆盖整个主题中所有h1的CSS，所以要小心。它还可以保留原始CSS，以防您需要恢复。

然后您可以像这样更新您的代码：

<h1>some text goes here<span class="red">some red text goes here</span></h1>

当然你也可以内联这样做：

<h1>some text goes here<span style="color:#FF0000;">some red text goes here</span></h1>

Answer 2

我在回答自己。

1. 首先转到您要添加字幕的页面，然后点击页面顶部的屏幕选项

2. 然后选中自定义字段

3. 之后，在页面底部，您将看到此新字段。键入：字段的名称（标识符）和值（要添加到h1的文本）。然后点击添加自定义字段

4. 你会看到这样的东西

5. 然后转到您的页面或模板页面并添加此代码

   <?php $sub_title = get_post_meta($post->ID,'subtitle',true); if($sub_title != '') { echo '<h1>'. get_the_title() .'<span>' .' '. $sub_title .'</span></h1>'; } else { echo '<h1>'. get_the_title() .'</h1>'; } ?>

6. 这是结果