Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

「追加rel属性」設定をブログカードに...
 
共有:
通知
すべてクリア

[解決済] 「追加rel属性」設定をブログカードにも適用してほしい

6 投稿
2 ユーザー
2 Reactions
3,352 表示
(@excesssecurity)
Estimable Member Registered
結合: 7年前
投稿: 79
トピックスターター  

補足:Wordpress4.7.4で盛り上がった「rel=”noopener noreferrer”」は、ちょっと前から「noopener」だけになったようなので、「noreferrer」は無視します。

内部リンクはひとまず置いておいて、「Cocoon設定」→「本文」タブ→外部リンク設定の「追加rel属性」を外部ブログカードにも適用してもらい、「noopener」を追加させたいです。

「投稿の編集」で「target="_blank"有り」のリンクを入れると、WordPressが自動的に「rel="noopener"」を追加してくれるのは確認できますが、ブログカードにすると、

  • URLだけ入れても追加されない
  • <a href=”URL” rel="noopener" target="_blank">URL</a>とやっても追加されない
  • 「追加rel属性」の「noopenerを追加」にチェックを入れても追加されない

といった状態です(テスト環境での公開時と本環境プレビュー時で確認)。

ブログカードではないリンクタグにすれば、「noopenerを追加」にチェックを入れると反映されるので、この方法で代用しようとしたはいいものの、ブログカード使いたい病にかかっているので要望します。

確認した作業:全プラグイン停止・ページのソースとgoogleデベロッパーでnoopener文字列の確認・PHPを7.0に一旦戻して、よくわからないので「適当確認」。

----------------------------------------------
サイトURL:外部ブログカード掲載記事はバリバリ作成途中です
Wordpressバージョン:4.9.5
PHPバージョン:7.2.3
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:0.4.1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.2
----------------------------------------------


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

ちょっとテスト的に実装してみました。
https://github.com/yhira/cocoon/archive/master.zip
よろしければ試していただけると助かります。


   
(@excesssecurity)
Estimable Member Registered
結合: 7年前
投稿: 79
トピックスターター  
  • URLだけ入れても追加されない
  • <a href=”URL” rel="noopener" target="_blank">URL</a>とやっても追加されない
  • 「追加rel属性」の「noopenerを追加」にチェックを入れても追加されない

この3つは全て要望通りになりました!(内部でも確認!)これにより、外部カードもブイブイ言わせることができ、大変笑顔爆発  ?   ? 

 

ですが、私は以下の使い方をしないけども、気になったので報告。

「ブログカード」タブの「リンクの開き方」設定が統合されたせい? なのか、「本文」タブの「内部リンクの開き方」を「変更しない」にして、手動でリンクに「target="_blank"」を付ける選択をする使い方をし、内部ブログカードは別ウィンドウで開かせるという使い方ができなくなっていました。

 

となると、内部ブログカードを別ウィンドウで開かせるためには、全ての内部通常リンクも別ウィンドウで開かせる設定になってしまう?

 

これは、以下の使い方であれば問題ないと思います。

  • 外部リンクは全て「別の」ウィンドウで開く(設定:「外部リンクの開き方」→新しいタブで開く)
  • 内部リンクは基本『同じ』ウィンドウで開く(設定:「内部リンクの開き方」→変更しない。通常リンクで飛ばしたい時は手動「target="_blank"」)

 

 

非常にややこしく、勘違いしているかもしれません。あってるかな~ ? 

 

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

僕もそこらへんは悩んで、「統一したほうが分かりやすいかな」ということで変更しました。

けれど、「ブログカードの以前の機能をそのままに、説明文を追加すれば問題ないかな」とも思うので、両方使えるようにしました。

最新版0.4.3ではそのようになっています。


   
ぷっぷ reacted
(@excesssecurity)
Estimable Member Registered
結合: 7年前
投稿: 79
トピックスターター  

0.4.3を確認したところ、自然体で使えました。

内部ブログカード別ウィンドウ勢の方たちも、きっと満足のいく結果になったと思います(憶測)。

迅速な対応ありがとうございました。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

動作確認ありがとうございます!


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました