Intereting Posts

Как повернуть каждую букву в заголовке

Мне было интересно, как вращать каждую букву в названии.

Вы можете поворачивать каждую букву одним словом

<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 .

Вы можете использовать jquery, чтобы разделить заголовок на буквы и применить класс. Это будет работать для любой html-страницы, независимо от того, была ли она создана WordPress, Drupal, некоторым чуваком, который застрял в Dreamweaver или что-то еще.

Режим WP будет другим. Если вы новичок, это довольно сложно, но хорошее начало, если вы хотите учиться. Заголовок сообщения WP генерируется функцией get_the_title . Эта функция заканчивается фильтром, который позволяет вам изменить полученный заголовок. Подобно этому, который вы поместите в файл functions.php вашей дочерней темы :

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

Вместо «do stuff» вам нужно будет написать php-код, который разбивает $title на буквы, добавляет <span class=slant> вокруг них, а затем склеит $title вместе, прежде чем возвращать его.