
上記のお悩みを解決します。
こんな方におすすめ
- LuxeritasでAMP化しようと検討している方
本記事の根拠
- 兄弟ブログの『ぶろぐしる~』もAMP化をしていました→現在はSWELLにテーマ変更しています。
それでは本題に入ります。
結論から申し上げますと、クラシックエディタよりもブロックエディタへの動きが拡大してきています。
ブロックエディタは、AMP非対応な場合が多いです。
事実、私が雑記ブログで運営している『ぶろぐしる~』はSWELLを使用していますがAMP非対応です。
しかし、AMPでなくても高速化は十分に実現できています。
SWELLなら、直感的にブロックエディタで執筆ができています。
そろそろSWELLを使ってみませんか?
SWELLとAFFINGER比較!この7つだけ抑えておけばOK!
Luxeritas(ルクセリタス)AMP化手順
ポイント
Luxeritasを使っているなら、AMP化しないのは損です。
style.css(AMP用)を適用することができるので、デザイン崩れは最小限です。
AMP化したくないページがあるなら、個別にAMP無効化すればいいだけです。
もしもアフィリエイトのかんたんリンクがAMP非対応でしたので、AMP無効化を個別に設定しました。
ポイント
これほどの多機能なテーマが無料だなんて信じられませんよね。
ルクセリタス自体をアフィリエイトしたいくらいなのですが、残念ながらルクセリタスのアフィリエイトはございません。
LuxeritasでAMP化する流れを簡単にご説明します。
step
1style.cssをAMP用style.cssへ貼り付け
step
2グーグルアドセンスAMP用自動広告コード取得
step
3AMP用ウィジェットを準備
step
4LuxeritasをAMP化
step
5AMP検証&修正
詳しく説明します。
style.cssをAMP用style.cssへ貼り付け
子テーマのstyle.cssをAMP用style.cssへ貼り付けします。
とりあえず、全部コピペでOKです。
AMP検証をするときに、エラーがあればAMP用style.cssを修正します。
検証して、エラーが無ければラッキーですw。
ポイント
Luxeritasは、AMP化ページも通常ページと同じようなデザインで表示することが可能です。
Luxeritasのいちばんの目玉と言って良い機能です。
当ブログのアフィンガー6ですら、AMP化ページはデザインが崩れてしまいます。(シンプルになっちゃう)
しかし、Luxeritasはページデザインを崩すことなくAMP化が完了します。
サラッと書きましたが、AMP化のページデザインを崩さないってかなりスゴイことです。
無料ワードプレステーマで悩まれている方は、Luxeritasをオススメします。
ポイント
Luxeritasは無料テーマとは思えないクオリティ
グーグルアドセンスAMP用自動広告コード取得
グーグルアドセンスのAMP用自動広告コードを取得します。
step
1グーグルアドセンスにログインして、『AMPサイトをお持ちですか?』をクリック
グーグルアドセンスのUI(ユーザーインターフェース)画面もしょっちゅう変わるので、すでに変わっているかも・・・
step
2『AMPサイトにディスプレイ広告を自動的に表示』にチェック
step
3ステップ2のコードをコピー
※ステップ1のコードは不要!
step
4Luxeritas→カスタマイズ→AMP HTML(body)へ貼り付け
いちばん下にステップ2のコードを貼り付けます。
以上で、グーグルアドセンスのAMP用自動広告の設定は完了です。
AMP用ウィジェットを準備
Luxeritasには、AMP用のウィジェットが用意されています。
メモ
AMP用サイドバー(H4タイプ)
ヘッダー下ウィジェット(AMP用)
記事タイトル上ウィジェット(AMP用)
記事タイトル下ウィジェット(AMP用)
投稿内で最初に見つかったH2タグの上(AMP用)
関連記事上ウィジェット(AMP用)
関連記事下ウィジェット(AMP用)
記事下ウィジェット(AMP用)
記事下ウィジェットよりさらに下(AMP用)
通常ページに配置しているウィジェットを、AMP用ウィジェットにも配置します。
AMPページにも自動で目次を挿入する
step
1カスタマイズ(外観)→目次
『AMPページにも自動で目次を挿入する』にチェックを入れます。
AMP化したら目次が消えていたので、焦りましたw。
LuxeritasをAMP化
step
1Luxeritas→カスタマイズ→AMP
AMP化するにチェックを入れることで、全ページAMP化することができます。
管理画面で使用するプラグインにはチェックを付けなくて良いです。
私は、下記のプラグインはチェックを外しました。
メモ
AddQuicktag
Classic Editor
ContactForm7
EWWW Image Optimizer
AMP検証&修正
URLの最後に『/amp』を付けます。
すると、AMPページを確認することができます。
【検証】ボタンを押すことで、AMPエラーがないのかをチェックできます。
PASS表示があれば、AMP完了です。
AMPエラーがあれば、エラー箇所を表示してくれます。
エラーになっているコードが自分では判断できない場合は、AMP用style.cssをいちど全消しします。
メモ
通常style.cssを順番にAMP用style.cssに貼っていって、その都度【検証】ボタンを押してください。
エラーが出たcssは、AMP用style.cssから除外してください。
私がエラーで引っかかったcssは、マウスオーバーエフェクトでした。
トップページにのみ適用しているcssなので、消しても問題ありませんでした。
(トップページはAMP無効化している)
もしもアフィリエイトのかんたんリンクが使えない
もしもアフィリエイトのかんたんリンクは、AMP非対応です。
『ぶろぐしる~』には、もしもアフィリエイトのリンクを多用しています(爆)
非AMPページ
もしもアフィリエイトのかんたんリンクは問題なく表示されています。
AMPページ
もしもアフィリエイトのかんたんリンクが『リンク』の文字だけに!!!
テキストリンクならAMPの影響を受けなさそうなので、アマゾンアソシエイトや楽天アフィリエイトのテキストリンクに変更しました。
この作業が結構めんどうくさかったです・・・。
メモ
私は、テキストリンクのほうがクリック率が高くなると判断しました。
(もしもアフィリエイトのかんたんリンクを貼っているページはAMP無効化しておくのも手です。収益が発生しているページならなおさら)
AMP化をしたくないページには、『このページでAMPを無効にする』にチェックを入れてください。
ページを個別に【AMP化をするORしない】を選択できるのも便利です。
AMP無効化

あなたの貴重な時間を無駄にしないためにも『有料テーマ』を買うことをオススメします。
私はLuxeritasを使っていました。
Luxeritasを2年弱使ってから、SWELLとAFFINGER6へテーマ変更しました。
6つのブログを2つの有料テーマ(SWELLとAFFINGER6)で運営している私が『有料テーマを買うべき理由』を解説します。
当ブログで使っているAFFINGER6は¥14,800(税込)です。
サラリーマンの時給平均って『1,486円』らしいです。
サラリーマンの給料、時給換算するとなんと平均「1486円」
出典元:マイナビ学生の窓口フレッシャーズ(https://gakumado.mynavi.jp/freshers/articles/14142)
ココがポイント
10時間、働けばAFFINGER6を購入できるって計算です。
私は、Luxeritasを2年弱使い倒しました。
自分なりに、CSSやHTMLをカスタマイズしましたがAFFINGER6の『A』にも及んでいないのが現実です。
正直に言って、CSSやHTMLをカスタムするために費やした時間は10時間は超えています。
注意ポイント
ググった時間
エラーに対処する時間
デザインを考慮する時間
CSSやHTMLを記述する時間
etc・・・
10時間以上の貴重な時間をカスタムに費やしても、思い通りのデザインにできていません。
私は職業柄(得意言語はCOBOLやVBA笑)、プログラミングにはくわしいと自負していましたが勘違いも良いところでした。
繰り返します。
あなたの貴重な時間を無駄にしないためにも、AFFINGER6を買うことをオススメします。
あなたがどんなに優れたSEであったとしても、たったの10時間でAFFINGER6並のカスタマイズをすることは限りなく不可能だと感じています。
¥14,800(税込)で【優れたデザイン✕装飾✕操作性のテーマ】を手に入れることができるなら安いとすら感じます。
注意ポイント
失った時間は取り戻すことはできません。
CSSやHTMLに時間を費やすくらいなら、記事を書いていたほうが有意義です。
さらに言うと、記事が溜まってからテーマ変更をするとデザイン修正に多大な手間と時間を要します。
Luxeritasで運営している運営していた私が言えることがあります。
『AFFINGER6』を買うということ=貴重な時間を買うこと。
SWELL or AFFINGER6で悩まれている方へ
『アフィリエイトを追求したいなら』AFFINGER6をオススメします。(AFFINGER6のアフィリエイト報酬は、4件目~7,000円。SWELLは2,500円固定)
SWELLとAFFINGER6の両方を使って、2つのブログを現在進行形で運営している私が実際に感じていることです。
SWELLは、10件で『25,000円』
AFFINGER6なら、同じ10件でも『52,000円』(倍以上も差が生まれています。)
当ブログの限定特典は下記の2記事
\当ブログ限定特典付き/
特典内容
1位を実際に取った『検索クエリ(コロナ渦で急伸中の食品宅配系の会社でa8.netにも広告があります。2023年8月確認。資料請求800円、新規加入800円の広告です。広告がなくなる前に始めるのがオススメかも。)(月間検索ボリューム1000~10000&競合性=低)』
クリック率上昇が見込めるタイトルの付け方
SEO効果が期待できる記事の書き方
キーワード選定方法
期間限定で、公式限定特典で下記もダウンロード可能(終了時期は未定)
『SUGOI MOKUJI(すごいもくじ) [LITE]』
AFFINGER(アフィンガー)EX版体験版
タグ管理マネージャー体験版
PVモニター体験版
購買意欲をそそる装飾がとっても豊富!
ゴリゴリにカスタマイズして、他ブログとの差別化をすることができています!
凝り性のひとはハマりすぎに要注意です(笑)
迷ってる時間なんてもったいない!
\当ブログ限定特典付き/
まとめ
LuxeritasでAMP化する手順をご説明しました。
AMP化したページデザインを崩すことなく表示できるのは、Luxeritas最大の魅力です。
注意ポイント
AMP化する前は、スマホからページ表示をすると4秒ほどかかっていました。
しかし、AMP化をすることで4秒→即座にページ表示可能になりました。

早いページは、翌日に検索結果にAMPの稲妻マークが反映されていました。
Luxeritasなら、AMP化をしないのは損だと感じています。以上です。
※本記事でご紹介した作業は必ず自己責任で行ってください。

\当ブログ限定特典付き!/
テーマ変更をすると、デザイン修正の問題が発生します。
私自身、デザイン崩れを修正するのに約1ヶ月かかりました。(毎日作業)
注意ポイント
130もの記事を修正するのは本当に苦行でしかありませんでした。
テーマ変更を決断するなら、早いほうが断然良いです。
テーマ変更に悩んでいた時間とデザイン修正をした時間は無駄だったと感じました。
ココがポイント
悩んでいる時間はもったいない!タイムイズマネーですよ!
ポイント
期間限定で、公式からも特典がついてきます。
『SUGOI MOKUJI(すごいもくじ) [LITE]』
AFFINGER(アフィンガー)EX版体験版
タグ管理マネージャー体験版
PVモニター体験版
(ACTION)AFFINGER6の購入方法&インストール方法
『【AFFINGER6特典付】購入~インストールまでの流れを詳しく解説!』
(ACTION)AFFINGER6のオススメ設定
『【AFFINGER6設定】この4つでライバルたちを突き放せ!』
さすがAFFINGER6
30代男性