如何旋转标题中的每个字母

时间:2017-04-13 作者:Joao Noch

我想知道如何旋转标题中的每个字母。

可以使用旋转单词中的每个字母

<span class="slant">A</span class="slant">
<span class="slant">c</span class="slant">
<span class="slant">m</span class="slant">
使用CSS

.slant {transform: rotate(10deg); }
但是如何使用WordPress呢?

我在考虑使用JavaScript/jQuery来拆分<?php bloginfo("url")?> 将倾斜类添加到字母中,并将css放入style.css 部分

1 个回复
最合适的回答,由SO网友:cjbj 整理而成

您可以使用jquery将标题拆分为字母并应用该类。这对任何html页面都适用,无论它是由WordPress、Drupal或是一些痴迷于Dreamweaver的家伙制作的。

WP的方式会有所不同。如果你是新手,这相当复杂,但如果你愿意学习,这是一个很好的开始。WP帖子的标题由一个名为get_the_title. 此函数以一个过滤器结束,该过滤器allows you to modify 结果标题。像这样,你会把它放在functions.php 您的child theme:

add_filter (\'the_title\', \'wpse263471_split_title\');
function wpse263471_split_title ($title) {
  ... do stuff ...
  return $title;
  }
代替“做事”,你必须write php code 分裂$title 转换为字母,添加<span class=slant> 然后用胶水粘在他们周围$title 一起归还。

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s