【質問】
リンクをつけるにはどうすれば良いでしょうか？

管理画面上では見出しにリンクを付けているけど、公開ページではリンクが反映させたい。って事

でしたら、Cocoon設定・目次タブを開き

• 見出し内タグ　欄にある項目にチェックをいれて、設定保存してください。

H見出し内のタグを有効にする

h2-h6見出し内のHTMLタグをそのまま出力します。

https://gyazo.com/c1379cb4cecbe32c878066a04de44750

見出しのタグに付けたHTMLが、そのまま反映されるようになります。

希望としては、
/*768px以下*/で文字が22pxのリンク付きテキスト
/*768px以上*/で文字が36pxのリンク付きテキスト
を使えるようにしたいと思っております。
※【第２話】などのタイトルでも、上の条件で【第１話】と異なるリンクをつけられるようにしたいと思っております。

<h5><strong><span style="font-size: 36px;"><a href="http://comip.online/?page_id=66">【第１話】人生変える、もう一つの渋谷！</a></span></strong></h5>
現状、上のようなHTMLタグを使っているのですが、フォントサイズが36pxでリンク付きのテキストが優先され、/*768px以下*/でもフォントサイズが36pxでリンク付きのテキストになってしまいます。
どうすれば、/*768px以下*/で22pxのリンク付きテキストになりますか？

一応、

H見出し内のタグを有効にするは有効にしました。
よろしくお願いします。

※【第２話】などのタイトルでも、上の条件で【第１話】と異なるリンクをつけられるようにしたいと思っております。

<h5><strong><span style="font-size: 36px;"><a href="http://comip.online/?page_id=66">【第１話】人生変える、もう一つの渋谷！</a></span></strong></h5>
現状、上のようなHTMLタグを使っているのですが、フォントサイズが36pxでリンク付きのテキストが優先され、/*768px以下*/でもフォントサイズが36pxでリンク付きのテキストになってしまいます。
どうすれば、/*768px以下*/で22pxのリンク付きテキストになりますか？

<h5><strong><span style="font-size: 36px;"><a href="http://comip.online/?page_id=66">【第１話】人生変える、もう一つの渋谷！</a></span></strong></h5>

赤字のぶぶんを消してください。

そこはHTMLで指定してるので優先順位が猛烈に高くなります。CSSでそれ以上優先順位を高くする事も可能です。

でもAMPで表示した時に、その状態のCSSは無視されるので。

H見出し内のタグを有効にするは有効にしました。

今は現状を見てませんが、冒頭の質問の回答で

• hタグにあるaタグが表示されたって事でしょうか？？？

その答えだけ。今後の検索流入が万が一あった時、ユーザーさんのリンククリックの手間がなくなるよう、文字で教えてください。

「H見出し内のタグを有効にするは有効にしました。」
というのは、コクーン設定→目次設定→見出し内タグ→H見出し内のタグを有効にするのチェックマークを押したという意味です。
HTMLがCSSより優先されてしまうというのが分かったので、別スレで改めて質問させて頂きます。

https://wp-cocoon.com/community/cocoon-theme/%e6%a8%aa%e5%b9%85%e3%81%94%e3%81%a8%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e4%bb%98%e3%81%8d%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ae%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%92%e5%a4%89%e3%81%88/
こちらに質問を投稿したので、よろしくお願いします。