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カスタマイズ依頼

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

投稿者ユーザーでは「トグル(アコーディ...
 
共有:
通知
すべてクリア

[解決済] 投稿者ユーザーでは「トグル(アコーディオン)」や「PDFのインライン埋め込み」などが機能しない。

8 投稿
4 ユーザー
19 Reactions
1,212 表示
(@f-style)
Active Member Registered
結合: 3年前
投稿: 8
トピックスターター  

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

http://xs155832.xsrv.jp/

 

▼相談内容:

投稿者ユーザーでは「トグル(アコーディオン)」や「PDFのインライン埋め込み」などが機能しない。

投稿者権限のユーザーの「編集中」の画面では正常に機能するのですが、
保存してから記事を確認すると下記の状態になってしまいます。

・「アコーディオン」は展開できず中身が見えない状態
・PDFのインライン埋め込みも表示されない状態

 

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

保存した記事を再度表示する(編集モードに入る)とそれぞれ「このブロックには、想定されていないか無効なコンテンツが含まれています。」と表示され右側に【ブロックのリカバリーを試行】という青いボタンも表示されています。

【ブロックのリカバリーを試行】を押すことで再度編集可能になりますが「投稿者」権限ユーザーで保存すると、やはり正常動作しない(展開できない、PDFが見えない)状態になります。

編集者権限や、管理者権限で【ブロックのリカバリーを試行】を実行して保存しなおすと正常動作します。

 

何か入れているプラグインなど、何かの変更点が悪い動作をしているのかと思い、ほとんどいじっていない新しいワードプレスで検証してみましたが、同様の症状です。(上記サイトURL、下記環境情報はそのサイトです)

投稿者にトグルやPDFのインライン埋め込みなどを利用して、快適な記事を作らせたい&他ユーザーの記事は編集させたくない状況なので、投稿者のままこれらの機能を使わせたい状況です。

何か意識が足りてない、たとえば投稿者の権限設定など、または利用しているサーバーに問題があるのか、私個人の環境下のなにかか。。などアドバイスいただければ幸いです。

不具合であれば、修正していただけると大変たすかります。どうぞよろしくお願いいたします。

 

▽サンプル記事

投稿者で記事作成(エラー状態)
http://xs155832.xsrv.jp/2021/11/17/%e3%83%86%e3%82%b9%e3%83%88%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e8%a8%98%e4%ba%8b/

編集者で記事作成(正常動作):
http://xs155832.xsrv.jp/2021/11/17/%e7%b7%a8%e9%9b%86%e8%80%85%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e8%a8%98%e4%ba%8b/

 

▼環境情報:

----------------------------------------------
サイト名:TESTING
サイトURL: http://xs155832.xsrv.jp
ホームURL: http://xs155832.xsrv.jp
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
WordPressバージョン:5.8.2
PHPバージョン:7.4.25
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.7.1
カテゴリ数:1
タグ数:0
ユーザー数:3
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
----------------------------------------------


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

どうも WordPress のデフォルトの動作が原因ぽいです。

投稿者で作成した記事から HTML がなくなっています。

下記のコードを functions.php(可能な限り子テーマの functions.php)に追加すると解決しますか?

add_action( 'admin_init', function() {
  $role = get_role( 'author' );
  $role->add_cap( 'unfiltered_html' );
});

参考:wordpressで投稿時にhtmlタグが削除される権限問題について(instagram,twitterの埋め込み時)

この投稿は3年前ずつAkiraに変更されました

   
(@yamachan11)
Honorable Member Registered
結合: 5年前
投稿: 427
 
 
 

直接的な問題では、ないですが

1.カスタマイズを前提とする場合は,Cocoonの子テーマをインストールして有効化後、

 子テーマの functions.phpをカスタマイズする事をお薦めします※1
 ※1.これは、 Akira(@akira)さんもおっしゃっています。

 理由は、親テーマでメンテナンスしても、
 親テーマのバージョンアップで置き換わってしまうからです。

 

2.XSERVERの初期ドメインをそのまま使われていますが、
 独自ドメインを取得して、運用されることをお薦めします。

 理由は、 
 XSERVERの初期ドメインサーバーID.xsrv.jp)は、
独自ドメインへ変更する場合、面倒※2です。

※2.エックスサーバーでは
ドメインごとにホームページ公開フォルダが異なっており、
 これを変更することはできません

 そのため、WordPressの運用ドメイン名を変更する場合
 「データベース上に設定された、WordPressのURLを変更する作業」とともに、
 「FTPソフトを用いた、WordPressのプログラム本体の移動作業」が必要となります。

 

それとも、これ(このサイトURL)は、
テストの為のだけのものでしょうか????

この投稿は3年前 2回ずつYamachan11に変更されました

   
F-STYLE and わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8101
 

ご本人からの返信はまだのようですので。

私のローカル環境で試したところ、Akiraさんご提示のコードを子テーマのfunctions.phpに追加することで、解消されました。

ただ、既存投稿(functions.php編集前に更新した投稿)はアコーディオンは開かないままで、HTMLソースも変わりないようでした。

functions.php編集後に、新たに投稿したものは、問題なくアコーディオンの開閉ができました。
(HTMLソースも削除されていない感じです。)

そして、このコードは権限をデータベースに保存するようですので、1度動いてしまえば、それ以降はfunctions.phpからコードを削除しても問題ないようでした。

 

【追記】

「ブロックのリカバリーを試行」も、functions.php編集後にはでなくなったようです。
きちんと確認していないのですが。


   
F-STYLE and わいひら reacted
(@f-style)
Active Member Registered
結合: 3年前
投稿: 8
トピックスターター  

@akira アドバイスどおりに子テーマに追記して、正常機能を確認しました!

ありがとうございます!大変助かりました!

(参考記事のリンクもありがとうございます!)

 

@yamachan11 アドバイスありがとうございます!
原因特定が分かりすいかと、追加機能をなるべく省いた環境用に、
元々契約していたX Serverの初期サーバーで検証したものです。

次から似たような相談がある際は一言添えておこうと思います!

 

@mk2_mk2 検証ありがとうございます!こちらも正常動作確認しました。

追記の部分:こちらでは子テーマでfunctions.php編集後も
「ブロックのリカバリーを試行」の修正ボタンが表示され、
ボタンを押して保存することで症状が直りました。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8101
 

すみません、言葉足らずでしたね。

投稿者:: @f-style

追記の部分:こちらでは子テーマでfunctions.php編集後も
「ブロックのリカバリーを試行」の修正ボタンが表示され、
ボタンを押して保存することで症状が直りました。

おそらく権限の上書きが必要なんだと思います。

私が、「ブロックのリカバリーを試行」が出なくなったと書いたのは、functions.phpの編集後に新規作成した投稿でした。
(投稿者で投稿して、その後管理者などで開いた時。)

確認はしていないのですが、functions.php編集前の投稿では、おそらく「ブロックのリカバリーを試行」は出るのではないかと思います。

 

それにしても、WordPressにはまだまだ謎仕様がありますね。
(権限の違いは必要だとは思いますが・・・。)


   
(@f-style)
Active Member Registered
結合: 3年前
投稿: 8
トピックスターター  

@mk2_mk2 ご連絡ありがとうございます。確かにWordpressには良く分からない仕様がありますね。

そういった仕様も含めて柔軟に対応していかないといけないのでしょうね。。。

 

ともあれこのCocoonフォーラムで、的確なアドバイスを皆様にいただけて大変助かりました。

まだまだWordpress若輩者なので聞く側に徹してしまいそうですが、今後とも宜しくお願いいたします。

みなさま、ありがとうございました。


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

今回の WordPress の仕様は、セキュリティ対策のためだと思います。

「トグル(アコーディオン)」が表示されなかったのは、input タグが削除されていたため。

「PDFのインライン埋め込み」が表示されなかったのは、object タグが削除されていたため。

参考にしたサイトでは、iframe タグが削除されていたと書かれています。

これら input や object、iframe は、セキュリティの懸念が生じるタグです。例えば、悪意のある者が悪意のあるコードが含まれたページを iframe で読み込むのはまずいです。

投稿者権限のユーザーに全ての HTML の使用を許可する場合は、チェック体制の強化やルール作りが必要になると思います。また、参考にしたサイトに書かれている方法を参考に、許可する HTML の範囲を限定するのも選択肢だと思います。


   
共有:

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

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

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

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

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

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

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

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