AMPに対応したレスポンシブ・高機能の無料WordPressテーマ 「LION BLOG」

AMPに対応したレスポンシブ・高機能の無料WordPressテーマ 「LION BLOG」

AMPに対応したレスポンシブ・高機能の無料WordPressテーマ「LION BLOG」がリリースされました。

デモサイトが公開されています。

AMPやGoogle Adsense広告に対応した無料WordPressテーマではSimplicityが有名ですが、LION BLOGもなかなかの高機能です。

デザイン性は有料WordPressテーマとして有名なストークハミングバードに近い印象です。

LION BLOGの特徴を紹介します。

JavaScriptやプラグインの使用を徹底的に抑える作りで、高速表示を実現できるテーマに仕上がっています。

JavaScript不使用で軽量、高速

JavaScript不使用で軽量、高速

JavaScriptはCSSの非同期読み込み用のものがフッターに一行記述されているだけです。SNSのシェアボタンもCSSとアイコンフォントで表示しており、JavaScriptを使用していません。

JavaScriptはページの読み込み速度に影響を与えるので、使用を抑えることで高速なページ表示が可能になります。

唯一使用しているJavaScriptは、CSSの非同期読み込みのためのもので、これはレンダリング速度(ページの表示速度)をより速くするためのものです。

AMPに対応

AMPページのサンプル

LION BLOGはAMPに対応しています。

AMPはAccelerated Mobile Pagesの略で、モバイルサイトの表示を高速化するための仕組みです。2016年に本格的に導入され、検索結果にもAMP対応のページが増えてきました。

AMPに対応している無料テーマは少ないので、嬉しいですね。

AMPページでも通常ページと基本的なデザインが変わりません。

検索窓や広告の設置、Twitter、Instagram、YouTubeの埋め込みも可能です。

AMPページ用のGoogle AnalyticsトラッキングコードIDを指定できるので、通常ページと分けたアクセス解析が可能です。

AMPページのサンプルです。

パンくずリストと投稿記事に構造化データを実装済み

構造化データ

パンくずリストと投稿記事には構造化データが実装されています。

構造化データはGoogleの検索結果に利用されることがあるので、細かい部分ですが、SEOを意識したサイトの場合、実装しておきたい機能です。

構造化データが実装されているかどうかは、構造化データテストツールで確認できます。

記事ページのURLを入力してテストを実行、右側の検出画面に表示される「BreadcrumbList」がパンくずリスト、「BlogPosting」がブログ記事の構造化データです。「エラーなし」と表示されていれば、構造化データが正しく実装されています。

4パターンのデザイン

4パターンのデザイン<

4パターンのベースデザインが用意されており、カスタマイズ画面から好みのデザインを選択することができます。

テーマカラーは自由にカスタマイズが可能です。

デザイナーでなくても、美しいブログデザインを実現できます。

広告表示エリア

広告表示エリア

記事上用、記事下用、関連記事内広告用、サイドバー固定表示用のウィジェットエリアがあり、広告表示用のウィジェットアイテムが用意されています。

ヘッダーエリア専用の広告枠も用意されています。

Google Adsenseなどの広告の設置が可能です。

プラグインを使わずに多機能を実現

プラグインを使わずに多機能を実現

プラグインを使わずに、関連記事(ページ下部)、記事の目次、シェアボタン、人気記事(ウィジェット)の表示が可能です。

プラグインは数が増えるほどページの表示速度が遅くなるので、よく使用する機能をプラグイン無しで実装することで、ページの高速表示に繋がります。

簡易お問い合わせフォーム搭載

簡易お問い合わせフォーム搭載

お問い合わせフォーム用のテンプレートが用意されており、簡単にお問い合わせフォームを実装することができます。

自動返信機能もあり、お問い合わせを送信したユーザーに自動返信メールを送ることが可能です。

Contact Form 7」などのお問い合わせフォーム用プラグインを使わずに実装できるので、ページの軽量化に繋がります。