2016-10-03 14 views
0

との見出しから、いくつかの自動生成されたテキストを削除し、私が表示されているページの見出しを持っている「アーカイブ:ポートフォリオ」私はuncodeテーマを使用していたJavaScript

私は「アーカイブ:」を削除したい

ビットをその見出しから。私はYoast SEOプラグインですべてのページのタイトルからアーカイブを削除しようとしたが、それはまだ表示され

<h1 class="header-title h1"><span>Archives: Projects</span></h1>

:それはこのようになりますソースで

javascriptでその単語を削除する方法はありますか?

ありがとうございます!

答えて

0

JavaScriptを使用して削除することには注意が必要です。コードの実行のどこかにテキストを追加してから、クライアントサイドでそれを削除すると、"contrived complexity"のようなにおいがするようです。

wordpress template hierarchyをご覧になり、Archives:文字列を表示しているテンプレートファイルを手動で検索してください。

私はarchive.phpで始まり、他のarchive-*.phpページ、次にtaxonomy.phpcategory.phpなどになります。

WordPress Template Hierarchy

あなたは、コマンドラインでの快適であれば、あなたはまた、文字列のためにgrepを検討するかもしれない:grep -r /path/to/wp/theme "Archive:"とそのラインの一つ上のものとテンプレートファイル(複数可)を見つけるために、結果をふるいです。

しかし、あなたはJavaScriptで文字列を削除するに主張すれば、あなたはfunctions.php内の関数を経由して、<body>の一番下にこのような何かを落としてみてください:

function remove_archive_text_via_js() { 
    if (is_archive()) { ?> 
     <script type="text/javascript"> 
      var archiveHeaders = document.getElementsByClassName('header-title'); 
      for (i = 0, headerCount = archiveHeaders.length; i < headerCount; i++) { 
       var replacedText = archiveHeaders[i].textContent.replace('Archives: ', ''); 
       archiveHeaders[i].textContent = replacedText; 
      } 
     </script> 
    <?php } 
} 

add_action('wp_footer', 'remove_archive_text_via_js'); 
+1

ご回答いただきありがとうございます。通常、私はこれをやっても問題ありませんが、サイトはuncodeのテーマに基づいて構築されており、ページテンプレートはありません。代わりにWP管理エリア内のテーマオプションを使って構築されているので、私はそれほどよく知られていません。 – igloobob

+0

jsオプションも追加されました。 ;) –

+0

コマンドラインではなかなか使い慣れていませんが、私はしばしばテンプレートファイル内のものを検索しながらトラウリングするので、便利なツールのように聞こえます。 – igloobob

0
var elem = document.getElementsByClassName('header-title h1'); 

var innerSpan = elem[0].getElementsByTagName('span'); 
innerSpan[0].innerHTML = innerSpan[0].innerHTML.replace('Archives: ', 'jsfiddle'); 

jsfiddle:https://jsfiddle.net/orcadj3u/

+0

提案していただきありがとうございます。私はこれをどこに置くの? – igloobob

+0

ページが存在するテンプレートの足元にある。 JavaScriptのタグで囲んでください: Bryan

0

$(function() { 
 
\t $("h1 span").each(function(index) { 
 
\t \t var newtext = $(this).text().replace("Archives: ", " "); 
 
\t \t $(this).html(newtext); 
 
\t }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<h1 class="header-title h1"><span>Archives: Projects</span></h1><br> 
 
<h1 class="header-title h1"><span>Archives: Solutions</span></h1><br> 
 
<h1 class="header-title h1"><span>Archives: Yozgat</span></h1><br> 
 
<h1 class="header-title h1"><span>Archives: Turkey</span></h1><br>

関連する問題