Cocoonフォーラム

2018-02-102023-01-25

書き込みの前に以下の3点をご確認ください。

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

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

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

相談内容：

不具合の発生手順：

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

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

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

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

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

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

共有:

通知

すべてクリア

[解決済] AMP 不具合について

不具合報告

最新の投稿 : わいひら 6年前

5 投稿

3 ユーザー

4 Likes

1,922 表示

RSS

kazuaki

(@kazuaki)

Estimable Member Registered

結合: 6年前

投稿: 192

Topic starter 2018-06-15 23:54

AMPページで許可されていない属性が HTML タグ「col」にあります。と言われています。表を挿入しているページでは必ずなので回避方法や改善することは可能でしょうか？

https://car-news.jp/archives/15401?amp=1

よろしくお願いします。

かうたっく

(@kautakku)

Famed Member Moderator

結合: 6年前

投稿: 4764

2018-06-16 07:54

https://search.google.com/test/amp?id

上記リンクでampページをテストすれば以下のエラーが検出されますよね。

HTML タグの禁止された用法、無効な用法
属性「width」はタグ「col」で使用できません。
行 302:0 　<col span="1" width="12" /></colgroup>
行 380:0　<col span="1" width="12" /></colgroup>

行を選択すれば以下のコードが表示されます。

<h2>乗用車ランキング</h2>
<p>&nbsp;</p>
<table border="1" width="100%" cellspacing="0" cellpadding="2">
<colgroup>
<col span="1" width="12" /></colgroup>
<tbody>
<tr>
<td class="tablettl" align="center" width="158">順位</td>

width属性が12とありますが、この記事を見るとこの指定は全く効いてないようですね。

その赤字部分が原因なので『 width="12"』を削除すれば大丈夫です。※2か所

<col span="1" />

span属性の1はエラーは出てませんが、もし削除しても何も変わらないのであれば、<col>だけでも良くないですかね。

あと状況が不明な点は以下です。

過去記事がクロールされるたびにパラパラとAMPエラーが出ている状態ですか？

そのばあい過去記事にあるcolタグ内がどのようになっているかプラグインSearch Regexなどでcolタグをチェックして、width属性がないか確認してみるのも良いかもしれません。

※Search Regexはデータベースの書き換え（一括置換）もできる。※間違えると面倒なので念のため、データベースのバックアップ（復元できる最新のバックアップファイル）があった方が良いと思います。

それとも新規でtableを作成するたび、colタグに反映しないwidth属性が入る状態ですか？そのばあいは、何かのプラグインで出力してますか？

可能であれば不要なタグは初めから出力させないようにしておけばエラーは出ないと思います。

テーマ側で何か対応されるかは、現在不明ですけどね。

わいひら, haineons and ジャム君 reacted

わいひら

(@yhira)

Illustrious Member Admin

結合: 6年前

投稿: 16475

2018-06-16 19:32

エラー対応してみました。

https://github.com/yhira/cocoon/archive/master.zip

よろしければ、試してみていただけると幸いです。

kazuaki

(@kazuaki)

Estimable Member Registered

結合: 6年前

投稿: 192

Topic starter 2018-06-17 00:19

ご対応ありがとうございます。

バージョンあげることにより、AMPエラー解消されている様子です。

わいひら reacted

わいひら

(@yhira)

Illustrious Member Admin

結合: 6年前

投稿: 16475

2018-06-18 18:54

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

一応、置換コードはこんな感じにしました。

 //colタグのwidth属性削除
$the_content = preg_replace('/<col(.*?) width="[^"]*?"(.*?)>/i', '<col$1$2>', $the_content);
$the_content = preg_replace("/<col(.*?) width='[^']*?'(.*?)>/i", '<col$1$2>', $the_content);