WordPress ヘッダーロゴのリンクを無効化にしたい！（Cocoon使用中）

Question

WordpressのCocoonというテーマを使いながら、サイト構築しています。
（普段は若手SEしていますが、WordpressやPHP初心者です。）

現在使用しているテーマではモバイルのデザインで、ヘッダーにおいてあるロゴをタッチすると、ホーム画面へ遷移する仕組みになっています。
今回、ある理由から、これを解消したいです。

ロゴは表示させたまま、リンクのみ削除したいのですが、どこで操作すれば良いか分かりません。

<div id="header-in" class="header-in wrap cf" itemscope="" itemtype="https://schema.org/WebSite">
  <div class="logo logo-header logo-image">
    <a href="XXXXXXXXXX" class="site-name site-name-text-link" itemprop="url">
      <span class="site-name-text" itemprop="name about">
        <img class="site-logo-image" src="XXXXXXXXXX" alt="XXXXXXXXXX">
      </span>
    </a>
  </div>
</div>

jQueryで<a>部分だけ消すとか、そんなことができれば良いのかなと思っているのですが、どこのファイルをどういじったら良いかご教示いただけると嬉しいです。

ちなみに、jQueryもあまり自信ありません。。。
提示する内容で足りていない箇所があれば教えてください！

よろしくお願いいたします。

Answer 1

style属性でpointer-events: none;を指定すればクリックは出来ないと思いますよ。

【pointer-events - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events

【pointer-eventsの本当の意味 - Qiita】
https://qiita.com/ksk1015/items/c397181622d4ca6acceb

【tabindex - HTML: HyperText Markup Language | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Global_attributes/tabindex

Comments

[momosiri]

Cocoonは構造が複雑なので、Kei344さんの方法が一番簡単だと思います。追加CSSへ

.site-name-text-link {
pointer-events: none;
}

を追加すればクリックできないようになると思いますが・・・

[luxa]

皆様本当にありがとうございます。
CSSだけで対応できるとは…また一つ知識が増えてよかったです！！！