• 解決済 uca01

    (@uca01)


    フロントページの固定ページタイトル上にカスタムHTMLのウィジットを貼り、その中で外部サイトへのリンクを記載したのですが、これがなぜか自サイトのアドレスにつながって404エラーになってしまいます。なにが原因なのでしょうか?

    どなたかご教授いただければ幸いです。よろしくお願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • トピック投稿者 uca01

    (@uca01)

    そうなんです。

    説明が足りなかったならすみません。

    リンクの表記自体は

    <a href=″https://stand.fm/episodes/67583fc1ee0ed37f461cffd0″>

    となっているのに、なぜか自サイト https://japkasai.org/ のアドレスにつながってしまうので困っています。

    どなたか原因のわかる方いらっしゃいませんでしょうか?

    ちなみにテーマは cocoon スキンは one というものを使っています。

    • この返信は3週、 3日前にuca01が編集しました。

    多分、半角でなければならない"が全角でです。

    トピック投稿者 uca01

    (@uca01)

    いえ。添付画像見ていただければわかりますがすべて半角で記載しています。

    タグの問題をこのような掲示板でやりとりするときはよくやることですが、ここで半角記述にするとタグ認識されてしまい実際のhtml表記がわからないので敢えて全角に変換して記述しました。

    添付された画像やその上のHTMLコードは参考にしていません。
    実際のサイトで出力されたHTMLを見てコメントしています。
    半角なのは"_self"の部分の2つだけ、href以降の4つは全角です。
    ご確認ください。

    <a target="_self" href=″https://stand.fm/episodes/67583fc1ee0ed37f461cffd0″ target=″_blank″>Say,セイ,性!ちゃんねる</a></div></div></div>

    • この返信は3週、 3日前にmanboが編集しました。
    • この返信は3週、 3日前にmanboが編集しました。
    トピック投稿者 uca01

    (@uca01)

    何度もご返信いただき大変恐縮なのですが、添付した画像が私がサイトを作るためにしている作業画面なので、その作業でこのような結果になる理由を知りたくて質問させていただいています。

    私のしている作業自体におかしな点はないと思うので、テーマやスキンの仕様などが関係あるのかなと。

    ですが、wordpressを使うのが初めてで、その辺のところがいくら調べてもよくわからないので書き込みさせていただきました。

    テーマ(cocoon)のフォーラムでは初心者が質問をすると迷惑そうにされてしまいますが、ここのガイドライン?には「初心者も遠慮なく質問して」のように書かれていましたので。

    初心者が大変失礼いたしました。

    貴方がカスタムHTMLに入力したコードをコピーしてテキストエディタ等にバックアップしておいて以下のHTMLをカスタムHTMLにコピペしてみてください。

    <div style="background-color: #bfff7f; padding-left: 15px; padding-bottom: 6px;">
    2024.12.23<br />
    stand.fm というネットラジオ(になるのかな?)で男性不妊とジャップカサイについての話題があがっていました!<br />
    <a href="https://stand.fm/episodes/67583fc1ee0ed37f461cffd0" target="_blank">Say,セイ,性!ちゃんねる</a></div>

    カスタムHTMLウィジェットのHTMLコードに全角のダブルクォテーションを使用するとエラーで保存出来なかったような。
    症状からするとWordPressの自動変換機能が原因だと思います。

    cocoon子テーマのfunctions.phpに以下のコードを追記してみて下さい。

    remove_filter("the_content", "wptexturize");
    トピック投稿者 uca01

    (@uca01)

    リンク前の絵文字を 10進法表記に直したらリンクに飛べるようになりました。

    manboさん、kenp0513さん、どうもありがとうございました。

    • この返信は3週、 3日前にuca01が編集しました。

    解決したようで何よりです。

    Cocoon オリジナルの「アイコンリストブロック」をお使いになるなどされてはどうかなと思い、横から失礼します。

    テーマオリジナルのブロックや機能を使うと、例えば以下のような表現も可能です。参考になれば。

    よろしければ以下のコードを。

    <!-- wp:group {"extraBottomMargin":"5","className":"is-style-sticky-green","layout":{"type":"default"}} -->
    <div class="wp-block-group is-style-sticky-green is-style-bottom-margin-5em has-bottom-margin"><!-- wp:paragraph {"extraBottomMargin":"0"} -->
    <p class="is-style-bottom-margin-0em has-bottom-margin">2024.12.23<br>stand.fm というネットラジオ(になるのかな?)で男性不妊とジャップカサイについての話題があがっていました!</p>
    <!-- /wp:paragraph -->

    <!-- wp:cocoon-blocks/iconlist-box {"icon":"list-caret-square-o-right","iconColor":"blue","extraBottomMargin":"0"} -->
    <div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-caret-square-o-right block-box has-icon-color has-blue-icon-color is-style-bottom-margin-0em has-bottom-margin"><div class="iconlist-title"></div><!-- wp:list -->
    <ul class="wp-block-list"><!-- wp:list-item -->
    <li><a href="https://stand.fm/episodes/67583fc1ee0ed37f461cffd0" target="_blank" rel="noreferrer noopener">Say,セイ,性!ちゃんねる</a></li>
    <!-- /wp:list-item --></ul>
    <!-- /wp:list --></div>
    <!-- /wp:cocoon-blocks/iconlist-box --></div>
    <!-- /wp:group -->

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • このトピックに返信するにはログインが必要です。