WordPress : Comment faire pivoter chaque lettre dans un titre

Je me demandais comment faire pivoter chaque lettre dans un titre.

Vous pouvez faire pivoter chaque lettre d’un mot avec

<span class="slant">A</span class="slant">
<span class="slant">c</span class="slant">
<span class="slant">m</span class="slant">

avec le CSS

.slant {transform: rotate(10deg); }

Mais comment faire avec WordPress ?

Je pensais utiliser JavaScript/jQuery pour diviser le <?php bloginfo("url")?>en lettres, ajouter la classe slant et mettre le css dans lestyle.css section.

Solution n°1 trouvée

Vous pouvez utiliser jquery pour diviser le titre en lettres et appliquer la classe. Cela fonctionnerait pour n’importe quelle page html, qu’elle ait été créée par WordPress, Drupal, un mec coincé avec Dreamweaver ou autre.

La manière WP serait différente. Si vous êtes nouveau, c’est assez complexe, mais c’est un bon début si vous êtes prêt à apprendre. Le titre d’un article WP est généré par une fonction appelée get_the_title. Cette fonction se termine par un filtre, qui permet de modifier le titre résultant. Comme ceci, que vous placeriez dans le functions.phpdossier de votre thème enfant :

add_filter ('the_title', 'wpse263471_split_title');
function wpse263471_split_title ($title) {
  ... do stuff ...
  return $title;
  }

Au lieu de « faire des choses », vous devriez écrire du code php qui se divise $titleen lettres, s’ajoute <span class=slant>autour d’elles, puis se colle $titleavant de le renvoyer.