AMPに対応した時に、Table Plusで作成される目次をきれいにするための方法です。
目次を作成するためのプラグインとして、Table Plus(TOC+)を使っている人は多いと思います。しかし、AMPに対応すると、せっかくの目次の見た目が残念な感じになってしまいます。今回は、それを簡単な方法で修正します。
3.2 回避策2:問題になっているコードを自動的に置換(上級者向け)
このコードをコピーして、AMPのCSSに追加するだけ。以上!なのですが、下の方で少しだけ詳しく解説します。
プラグインでAMPに対応した直後の目次はこんな感じになります。ただの箇条書きになってしまい、デザイン的にいまいちになってしまいます。
実は、上に記載しているCSSはTOC+のプラグインにあるコードをそのまま持ってきたものです。
上に記載してあるコードが手順3のものなので、コピーして手順4をやるだけで対応完了、となります。
対応するとこのようになり、いつものTOC+による目次とほぼ同じ見た目になります。この対応を行うだけで、AMPページのいまいち感がかなり解消されますので、対応をオススメします。
AMPとTOC+でもう一つ、厄介な問題が発生する場合があります。それは、タイトルに英字として「AMP」だけが入っている場合に、AMPページがエラーになってしまう、という問題です。例えば、
というコードが自動挿入されてしまうため、これがエラーになってしまいます。
「WordPressをプラグインで簡単にAMP対応。サイトを超高速化させる方法」を投稿した直後にエラーが発生して、あわてて調べたらTOC+のせいだった、というオチで気付きました。
function.phpに下記を追記する事で、エラーにならないようにできます。
補足:このコードは、MORIAWASE:AMPページの目次が原因でエラーに!見出しに「AMP」はダメ?を参考にさせて頂いた上でコードを修正しています
AMPプラグインで致命的なエラー。
エックスサーバーの設定を変えてWordPressをたった5分で高速化... エックスサーバーはサーバーパネルから色々な設定を変更したりできますが、その一部の設定を変更するだけでサイトをいきなり高速化する事ができます。
金融のプロではありませんが、個人的に試行錯誤を繰り返しながら、いろいろな資産運用を勉強中。 勘に頼らず、論理的な投資をすることで、少しでも最終的な結果につながらないか、と考えながら模索を続けています。 今は色々あきらめてメインはインデックス投資。たまに個別株とかオプションで遊んでいます。 投資関連の記事がメインですが、WordPressによるサイト運営のTipsもたまに投稿しています。