サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年5月2日 08:28
私の運営するブログで特定URLをブログカードにして利用した際、下記事象が発生します。対策方法ご教授いただけないでしょうか。
事象：
私の運営するブログにおいて特定のブログカードにおいてブログカード自体は表示されるが、クリックした際リンク先が404エラーになってしまう事象が発生しています。404エラーページのURLを確認したところURLの一部分が誤った内容に変換されてしまいます。具体的には下記対象URLの末尾「3x3」の「x」が半角から全角に変わり「3ｘ3」に変換され404エラーになっている模様です（日本語URLです）。
事象発生ページ：
https://camprism.com/%e3%80%90dd%e3%82%bf%e3%83%bc%e3%83%973x3%e5%bc%b5%e3%82%8a%e6%96%b9%e3%80%91%e3%80%80%e3%81%8a%e3%81%99%e3%81%99%e3%82%81%e5%bc%b5%e3%82%8a%e6%96%b96%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e7%b4%b9/
上記ページにおいて下記対象URLのブログカードで発生
・ブログカード名「【DDタープの張り方】ダイヤモンド張り（DDタープ 3×3)」
※上記以外のページでも発生しています。一例として挙げております。
対象URL：
・正しいURL
https://camprism.com/%e3%80%90%e3%82%bf%e3%83%bc%e3%83%97%e3%81%ae%e5%bc%b5%e3%82%8a%e6%96%b9%e3%80%91%e3%83%80%e3%82%a4%e3%83%a4%e3%83%a2%e3%83%b3%e3%83%89%e5%bc%b5%e3%82%8a%ef%bc%88dd%e3%82%bf%e3%83%bc%e3%83%97-3x3/
↓
・ブログカードからページを表示した際のURL
https://camprism.com/%e3%80%90%e3%82%bf%e3%83%bc%e3%83%97%e3%81%ae%e5%bc%b5%e3%82%8a%e6%96%b9%e3%80%91%e3%83%80%e3%82%a4%e3%83%a4%e3%83%a2%e3%83%b3%e3%83%89%e5%bc%b5%e3%82%8a%ef%bc%88dd%e3%82%bf%e3%83%bc%e3%83%97-3%C3%973/
その他：
URLの張り直し、ページ更新などするが改善されませんでした。
2021年5月2日 19:22
試しに「【DDタープの張り方】ダイヤモンド張り（DDタープ 3×3)」のページだけURLに日本語が入らないようにスラッグを設定してブログカード（URL）を記事に貼り付けるとどうなりますでしょうか。
Topic starter
2021年5月2日 21:34
@yhiraさん
コメントありがとうございます。先ほど試しに一度変更いたしましたが、日本語が入らないようにした場合も同じく「3x3」が入っている場合、「x」が半角から全角に変わり「3ｘ3」に変換され404エラーになりました。（アクセス数多い記事なのですでにスラッグ戻しております。）
同様の事象が発生している記事一覧をまとめたテストページを作成しましたのでご参照いただけますと幸いです。（一覧の中には日本語が入っていないURLもございます。）
https://camprism.com/%e3%83%86%e3%82%b9%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8/
2021年5月2日 22:07
ブログカードだけでなく、リンクの文字列でも同じような問題は起きるようですね。
↓リンク <a href="https://example.com/3x3/"> https://example.com/3x3/</a>
たとえばこんな形でリンクを作った場合、ブログカード化せず
↓リンク
みたいな感じに表示されるべきです。
にもかかわらず、半角の「x」が全角の「ｘ」に置き換わった文字列に見えてしまい、文字の幅的に不思議な印象を受けました。
（リンク動作には無影響、半角として動作）
一応、メモとして。
わいひら reacted
2021年5月2日 22:24
WordPressの自動変換と関係ありそうでしょうか・・
WordPressで記事内の記号が自動変換されるのを防ぐ方法
https://fukuro-press.com/wordpress-disable-wptexturize/
【WordPress】特殊文字が自動変換されるのを回避する方法。
https://on-ze.com/archives/2967
WordPress記事内で連続するハイフンが繋がってしまう件。自動変換の関数を停止させることで回避する方法
https://unsolublesugar.com/20130930/171704/
[解決済] ブログカードが表示されない
わいひら reacted
2021年5月3日 02:22
ジャム君さんとリフィトリーさんの返信を拝見しての推測ですが。
WordPressの「wptexturize」という関数が影響している可能性がある気がします。
今回のケースは「3x3」の部分が、乗算記号と判定され、「x」が全角に変換されてしまったように見受けられますね。
※上記リンクの「参考」の表の一番下です。
ローカル環境でブログカードのショートコードで確認したところ。
データベースには半角のまま格納されていましたが、ページを表示させてaタグを確認したところ、全角で設定されていました。
どこかで、上記関数が働いているのでしょうか。
わいひら reacted
2021年5月3日 08:58
function.phpに下記コード記述することで「3ｘ3」をスラッグに含むブログカードが正常に機能するようになりました。
ふと思ったんですが。
この自動変換って、[3x3]のように、xの両側に数字があって、間にスペースがない場合にされるんじゃないんですかね。
なので、自動変換をしないようにphpを修正しなくても、[3x3]→[3 x 3]のようにxの両側をスペースで区切れば自動変換されないような気がします。
あと、x（小文字）ではなくX（大文字）を使うとか。
※しかし、なんでこんな余計な変換する仕様にしたんでしょうか。（多分日本語版WordPressの仕様ですよね）
2021年5月3日 12:56
この謎仕様は、別に日本語版だからということではないみたいです。
https://developer.wordpress.org/reference/functions/wptexturize/
クォーテーションも何だか微妙に変換されるみたいですし。
WordPress 0.71の頃からある仕様？
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。