サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2018年4月9日 09:40
こんにちは、お世話になります。
■ 以下のページで内部リンクをクリックすると新しいタブで開いてしまいます。
http://antonsan.net/vt/2018/0319173735
「Cocoon CSS ブログテスト」の下に「ぺージ内リンクです。」と言うリンクがあり、これをクリックすると、ページ下部の「ここがページ内リンク先」と言う場所に、同一画面でジャンプする予定だったのですが…。
■ Cocoon 設定
「本文」の設定は以下の通りです。
・外部リンク設定
外部リンクの開き方 新しいタブで開く
フォロータイプ 変更しない
追加rel属性 ３つともチェックしていません。
・内部リンク設定
内部リンクの開き方 変更しない（「同一画面で開く」にしても同じ現象です。）
フォロータイプ 変更しない
追加rel属性 ３つともチェックしていません。
■ ソース
・投稿画面でのソース
<a href="#test">ページ内リンクです。</a>
・Cocoon 書き出されたソース
<p><a target="_blank" href="#test">ページ内リンクです。<span class="fa fa-share-square-o external-icon anchor-icon"></span></a></p>
・投稿画面でのソース
ここが<a name="test"></a>ページ内リンク先
・Cocoon 書き出されたソース
<p>ここが<a name="test"></a>ページ内リンク先</p>
どこかでおかしな操作をしているのでしょうか？
教えていただけると嬉しいです。
よろしくお願いします。
わいひら reacted
トピックスターター 2018年4月9日 18:51
困っている現象の補足です。
この現象は同一サイトの別ページでは発生しないようです。
ページ内のリンクでのみ発生するようです。
よろしくお願いします。
2018年4月9日 19:32
・Cocoon 書き出されたソース
<p><a target="_blank" href="#test">ページ内リンクです。<span class="fa fa-share-square-o external-icon anchor-icon"></span></a></p>
上記の「target="_blank"」という記述がリンクタグに入っているので、「別ウィンドウ」で開きます！ 取り除けば希望通りになるかも？
Cocoon設定よりも、記事内が優先されるようです。
恐らく、「投稿の編集」でリンクをつける時に、「リンクを新しいタブで開く」にチェックを入れたので、混入してしまったのかなぁ ? （画像参照）。
トピックスターター 2018年4月9日 21:20
ぷっぷ様
お返事ありがとうございます。
最初に既述したように投稿画面で、リンクに target属性はつけていないんです。
なので、Cocoon が「target="_blank" 」を書き出しているんです。
ただ、Cocoon 設定は間違っていない気が…するんです。
ページ内にリンクをかける際の設定がどこかにあるのか、Cocoonに不具合があるのかだと思うんです。
お答えいただきありがとうございました。
2018年4月9日 22:32
おそらく、以下のようにhrefが#XXXXのみでのリンクが原因かと思われます。
<a target="_blank" href="#test">
Cocoonでは、hrefのURLから内部リンクと外部リンクを判別しています。
なので、hrefにサイトURLが含まれていなかったので、外部リンクと判別されてしまったようです。
一応、#リンクを「リンク設定」から除外し対応したものをアップしておきました。
https://github.com/yhira/cocoon/archive/master.zip
よろしければ試してみていただければ幸いです。
ぷっぷ reacted
トピックスターター 2018年4月10日 08:43
わいひら様
ご回答ありがとうございます。
わいひらさんのおっしゃる通りでした。
リンクのパスを絶対パスにしたら思う通りの動作になりました。
OK → <a href="http://antonsan.net/vt/2018/0319173735#test">
NG → <a href="#test">
わいひらさんのアップしてくれた「#リンクを『リンク設定』から除外」してくれたファイル群も確認させていただきました。
希望通りの動作になりました。
素早く対応していただき本当にありがとうございました。
感謝です！！
2018年4月10日 09:37
antonさん
投稿画面のソースって思いっきり書いてある ……?
下の方の文章を完全に無視してしまい、申し訳ありませんでした。精進します！ ?
トピックスターター 2018年4月10日 12:53
ぷっぷ様
いえいえお返事ありがとうございました。
質問部分がちょっと読みにくかったですもんね、すみません。
ところで、このスレッドを解決済みにするにはどうしたらいいか教えてくださいませんか？
解決ボタン…みたいなのが…見当たらない気が…どこかに書いてあるかもしれませんが…。
本題からそれてしまい申し訳ありませんが、よろしくお願いします。
トピックスターター 2018年4月10日 12:57
ぷっぷ様、わいひら様
たびたびすみません。
解決済みにする方法を下の投稿で見つけました。
余計な投稿をしてしまい申し訳ありません。
これにて解決済みにさせていただきます。
ありがとうございました。
2018年4月10日 20:52
動作確認ありがとうございます！
うまく修正できていたようでよかったです。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。