プログラマのブログ

プログラマのブログ

考えたこと。調べたこと。

【ブログ】はてなキーワードリンクを消す方法【Javascriptコピペ】

はてなブログの記事中のリンクを消したいな」

と思ったことはありませんか?

リンクを無効にする方法を調べましたので、シェアしたいと思います。

Javascriptを埋め込む事で無効にする方法です)

 

 

はてなキーワードリンクとは?

下記は以前投稿した記事です。

  f:id:programmer-jun:20190419124610p:plain

iPhone」「iMovie」といった単語にリンクが設定されています。

クリックすると、単語の意味を解説しているページ(Hatena Keyword)に飛びます。

これ、私が設定しているのではなく、記事を書くと自動的に設定されています。

リンクが多いと読みにくいと感じましたので、消してみましょう。

 

PCサイト上でリンクを消す方法

1.はてなブログの管理メニューの[設定]-[デザイン]画面を開く
  http://blog.hatena.ne.jp/my/config/design/detail

2.[カスタマイズ]-[ヘッダ]を選択

  f:id:programmer-jun:20190419124554p:plain

3.[タイトル下]にスクリプトを貼り付け

  f:id:programmer-jun:20190419124550p:plain

<script type="text/javascript">// <![CDATA[
addEventListener("DOMContentLoaded",function(){var a=document.getElementsByClassName("entry-content");if(a)for(var i=0;i<a.length;i++)for(var b=a[i].getElementsByClassName("keyword");b.length;)b[0].outerHTML=b[0].textContent},!1);
// ]]></script>

4. [変更を保存する]

 

スマホサイト上でリンクを消す方法

1.はてなブログの管理メニューの[設定]-[デザイン]画面を開く
  http://blog.hatena.ne.jp/my/config/design/detail
2.[カスタマイズ]-[記事]を選択

  f:id:programmer-jun:20190419124546p:plain

3.[記事上]にスクリプトを貼り付け

  f:id:programmer-jun:20190419124542p:plain

4.[スマートフォン]-[記事]-[PCと同じHTMLを表示する]チェックをON

  f:id:programmer-jun:20190419124537p:plain

5.[変更を保存する]

 

参考サイト様

https://holic.hateblo.jp/entry/2015/11/01/200842