php - 如何在 Wordpress 中的 <h1> 中添加 <span>

标签 php html css wordpress

我想在 Wordpress 中执行此操作 <h1>This is my <span>title</span></h1>但我如何获得 <span>进入功能。 <?php the_title(); ?> .

搜索手抄本我找到了 $after参数,所以我试过了:

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

这可行,但我敢打赌,有一种比将其硬编码到 html 中更好的方法。我只是一名设计师,正在整理我的第一个 wordpress 主题,所以请耐心等待。有什么帮助吗?谢谢。

最佳答案

自定义 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>

关于php - 如何在 Wordpress 中的 <h1> 中添加 <span>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21918733/

相关文章:

javascript - 从 PHP 脚本调用 Node

javascript - 如何在我的页面上自动显示第一张 google 图片?

php - 为什么我的 PHP 日志文件可能不完全是文本?

python - html对css无效

javascript - 如何使用 Fullpage JS 在部分创建自己的链接

php - codeigniter is_unique 数据库设置

javascript - DIV 绘图重复和优先级

html - 在 CSS 中更改打印文本大小

css - 有两列占据全宽但带有分隔符

html - TableView 在 Chrome 和 IE、Firefox 中显示不同