特典機能について

投稿者ユーザーでは「トグル(アコーディオン)」や「PDFのインライン埋め込み」などが機能しない。 | 不具合報告 | Cocoon フォーラム

サイト内検索
運営者(わいひら)は、骨の手術明けのためしばらく体調を優先して運営させていただきます。ですので、フォーラム負担軽減のため登録者のみ書き込めるようを制限をさせていただきます。フォーラム未登録の方はこちらの手順で登録を行ってください。予定としては12月前半まで実施させていただきます。
書き込みの前に以下の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. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

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

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


F-STYLE
(@f-style)
New Member
結合: 2週間前
投稿: 4
Topic starter  

▼不具合・カスタマイズ対象ページの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
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 786
Akira - FacebookAkira - Twitter
 

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

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

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

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

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

This post was modified 2週間前 by Akira

さる子, F-STYLEわいひら 件のいいね!
Yamachan11
(@yamachan11)
Reputable Memberサイト
結合: 2年前
投稿: 256
Yamachan11 - FacebookYamachan11 - Twitter
 
 F-STYLE(@f-style)さん
 
 

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

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

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

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

 

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

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

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

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

 

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

This post was modified 2週間前 2回 by Yamachan11

F-STYLEわいひら 件のいいね!
mk2
(@mk2_mk2)
メンバー Moderator
結合: 9か月前
投稿: 2311
 

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

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

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

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

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

 

【追記】

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


F-STYLEわいひら 件のいいね!
F-STYLE
(@f-style)
New Member
結合: 2週間前
投稿: 4
Topic starter  

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

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

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

 

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

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

 

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

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


わいひら, Yamachan11mk2 件のいいね!
mk2
(@mk2_mk2)
メンバー Moderator
結合: 9か月前
投稿: 2311
 

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

投稿者:: @f-style

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

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

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

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

 

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


わいひら, Yamachan11F-STYLE 件のいいね!
F-STYLE
(@f-style)
New Member
結合: 2週間前
投稿: 4
Topic starter  

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

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

 

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

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

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


mk2, わいひらYamachan11 件のいいね!
Akira
(@akira)
Prominent Memberサイト
結合: 4年前
投稿: 786
Akira - FacebookAkira - Twitter
 

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

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

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

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

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

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


mk2, わいひらさる子 件のいいね!
共有:
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:18年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:5年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

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