メディアクエリでテキストにリンクをつける方法を教えてください。 - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/ Cocoon ディスカッション掲示板 ja Fri, 10 Apr 2026 14:47:12 +0000 wpForo 60 RE: メディアクエリでテキストにリンクをつける方法を教えてください。 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22584 Mon, 30 Sep 2019 07:16:56 +0000 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/
こちらに質問を投稿したので、よろしくお願いします。

]]> Cocoonテーマに関する質問 leonal https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22584 RE: メディアクエリでテキストにリンクをつける方法を教えてください。 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22582 Mon, 30 Sep 2019 07:08:41 +0000 「H見出し内のタグを有効にするは有効にしました。」
というのは、コクーン設定→目次設定→見出し内タグ→H見出し内のタグを有効にするのチェックマークを押したという意味です。
HTMLがCSSより優先されてしまうというのが分かったので、別スレで改めて質問させて頂きます。

]]> Cocoonテーマに関する質問 leonal https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22582 RE: メディアクエリでテキストにリンクをつける方法を教えてください。 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22571 Sun, 29 Sep 2019 15:59:17 +0000

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

<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タグが表示されたって事でしょうか？？？

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

]]> Cocoonテーマに関する質問 かうたっく https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22571 RE: メディアクエリでテキストにリンクをつける方法を教えてください。 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22558 Sun, 29 Sep 2019 12:31:32 +0000 希望としては、
/*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見出し内のタグを有効にするは有効にしました。
よろしくお願いします。

 

]]> Cocoonテーマに関する質問 leonal https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22558 RE: メディアクエリでテキストにリンクをつける方法を教えてください。 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22517 Sat, 28 Sep 2019 21:08:28 +0000

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

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

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

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

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

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

https://gyazo.com/c1379cb4cecbe32c878066a04de44750

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

]]> Cocoonテーマに関する質問 かうたっく https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22517 メディアクエリでテキストにリンクをつける方法を教えてください。 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22511 Sat, 28 Sep 2019 16:08:25 +0000 画面の横幅ごとにフォントの大きさを変える方法はわかったのですが、編集画面で下記のようにリンクをつけると、編集画面でのフォントの大きさが優先して反映されてしまいます。
【編集画面のコード】
<h5><a href="http://comip.online/?page_id=66"><span style="font-size: 36px;">【第１話】人生変える、もう一つの渋谷！</span></a></h5>
【style.css】
/*768px以下*/
@media screen and (max-width: 768px){
/*必要ならばここにコードを書く*/
.article h5 {
color: #745c51;
line-height: 1.5;
margin: 0 0 0.5em 0;
font-weight: 600;
font-size: 22px;
text-decoration-line: underline;
 }
}
【質問】
リンクをつけるにはどうすれば良いでしょうか？
【サイトURL】
http://comip.online/

]]> Cocoonテーマに関する質問 leonal https://wp-cocoon.com/community/cocoon-theme/%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%a7%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%92%e3%81%a4%e3%81%91%e3%82%8b%e6%96%b9%e6%b3%95/#post-22511