Скрытие текста в заголовке (Wordpress)

Question

Я использую Wordpress и хотел бы скрыть слово «Защищено», которое имеет название «Защищено: Pavanjot & Свадьба Amandeep» Я бы оставил остальную часть названия, чтобы оставаться как является.

Я угадываю использование пользовательского css. Я могу настроить таргетинг на приведенный ниже код, чтобы скрыть слово? Я не уверен, как это сделать.

<header class="entry-header page-header"> 
     <h1 class="entry-title">Protected: Pavanjot &amp; Amandeep’s Wedding</h1> 
    </header> 

Я хотел бы, чтобы скрыть слово, или удалить его, так что оставшийся текст выравнивается влево и не оставляет зазор.

Любая помощь - большое спасибо.

Answer 1

Если это ваш заголовок поста, а затем поместить эту функцию в functions.php, ваша проблема будет решена.

function change_title($title) { 
    if (strpos($title, 'Protected:') !== false) { 
     $title = str_replace("Protected:","",$title); 

    } 
    return $title; 
} 
add_filter('the_title', 'change_title'); 

Надеюсь, это может быть полезно для вас.

Answer 2

Я не думаю, что вы можете сделать это с помощью CSS без изменения разметки (а затем вы можете просто удалить текст), но вы можете сделать это с помощью пары строк JS.

<h1 class="entry-title">Protected: Pavanjot &amp; Amandeep’s Wedding</h1> 
 
<script> 
 
var entryTitle = document.querySelector('.entry-title'), 
 
    text = entryTitle.innerHTML; 
 
entryTitle.innerHTML = text.substring(text.indexOf(" "), text.length); 
 
</script>