ワードプレステーマ「Advance Blog (無料版)」はAMPが使えない?


ワードプレス「Advance Blog」は、デザインがブログっぽさを残しながらもスッキリとしたオシャレなデザインで、気に入ったのですが、プラグイン「AMP」ではAMPバージョンが生成できませんでした。

それ以外は使い心地がいいので、「Cocoon」のエディタが直るまで暫定的にこれで行きます。

ブログらしいテーマ

気に入ったポイントは、作りが「ブログっぽい」ところです。

アフィリエイト、アドセンスとかに使われている「ビジネス」な感じがしない、「趣味」な雰囲気が気に入りました。

テーマ「Advance Blog」のホーム
テーマ「Advance Blog」のホーム

アーカイブ(最新記事一覧やカテゴリー一覧)のデザインがちょっと工夫されていて、おしゃれです。

1カラムデザインでアイキャッチ画像を入れると、投稿のトップにでかでかと画像を貼ってくるテーマが多くて好きじゃないのですが、投稿編集画面で(アイキャッチは設定するが)記事には表示しない選択肢があります。

Advance Blog、アイキャッチを記事ページに表示しない
Advance Blog、アイキャッチを記事ページに表示しない

1カラムと2カラム

1カラム、サイドバー右、サイドバー左の3種類から構成を選べます。※サイドバーのオリジナルの色は黒

外観 → カスタマイズ → Advance Blog Option → Global Sidebar Option

ヘッダーメニュー、サイドバー、フッターウィジェットx3のごくフツーなオプションに加え、ホームのスライダーなんかも使えるようですから写真などが趣味な人にもいいかも?

有料版あり

日本の至れり尽くせりな万能テーマではなく、有料版があります。

AMPは生成しなかった

個人的に最大の問題はプラグインAMPをオンにしてもAMPが生成しなかったことです。

ずーっとグルグルして、動きませんでした。しばらくしてから再挑戦してみます。

CSSカスタマイズ記録

カラーオプションやフォントオプションが有料版に組み込まれているので、カスタマイズ記事を書くのも微妙だな…っということで、どうしても気になった部分だけ、最低限調整しました。

外観 → カスタマイズ → CSS追記

コンテンツ幅を1,000pxへ

特に大きいスクリーンで画面幅が広すぎたので、1,000pxへ調整しました。

.wrapper {
max-width:1000px;
}

フッターウィジェットのタイトルの色を薄く

.widget-title, .featured-item-button .short-underline, #scroll-top {
background: #C6BCA8;
}

記事下のカテゴリーの赤色を補色に

.entry-meta .cat-links a, .entry-footer .cat-links a {
background: #C6BCA8;
}

最後に

ワードプレスを「バージョン 5.4–ja」に更新したら「Cocoon」のエディタが型崩れを起こしてしまったので、暫定的にテーマを変えました。

「Advance Blog」でAMPが作れないのも似たような理由なのかもしれません。

「Cocoon」の方はフォーラムでは誰も何も言っていないみたいなので、私だけかも?

「Advance Blog」も制作者のサイトは「?amp」でAMP化できているみたいなので、私の問題化も…

いずれにせよ、どちらのテーマもしばらく様子見です。

最後までお読みいただきましてありがとうございました。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です