WordPressの無料テーマLION MEDIAがスゴイ理由！

この記事ではWordPressの無料テーマLION MEDIAについてお伝えします。
LION MEDIAはWordPress初心者が使いやすいテーマ。その魅力とは？

サイトに訪問いただきありがとうございます。
このブログの管理人、山根（@Hackagogo）です。
副業でパラレル収入。ブログを書くことで収益を得ています。WordPressでブログを運用するためにはWordPressテーマの選び方が重要。
そして僕が選んだテーマはLION MEDIA。

WordPressの無料テーマLION MEDIAとは？

LION MEDIAとは2017年10月27日に FIT というWEB製作事務所からリリースされたWordPress用の無料テーマです。

メディアサイト向けの「LION MEDIA（ライオンメディア）」と、ブログ向けの「LION BLOG（ライオンブログ）」の2種類が用意されています。

LION MEDIAはメディア向けとありますが、個人ブログで利用しても全然OKです！

「BLOG」と「MEDIA」に機能やデザインに大きな違いはありません。

好みの問題で、どちらを選んだとしてもかっこいいサイトが作れます。

2018年11月にはFITから待望の有料テーマも発売されています。

LION MEDIAがスゴイ理由

欲しかった機能はこれ！　と思ったものをいくつか挙げておきます。

超多機能！55の機能と特徴

見てください。この超多機能っぷり！
一つひとつ設定するのも大変そうですが（苦笑）

これらはカスタマイズ画面から設定できるので、直感的に操作して「いるorいらない」を判断しやすくなっています。

＼　LION MEDIAの主な機能　／

1. NO JavaScript（CSSの非同期読み込み機能と、ヘッダーのメニュー切り替えのみにJavaScript使用）
2. W3Cの規格に基づくマークアップでエラーなし
3. モダンブラウザに最適化のため、IEは非対応（11は表示されると思う）
4. 管理画面の投稿・固定ページのビジュアルエディタは、実際に表示されるデザインとほぼ同じ
5. 管理画面の投稿一覧に、IDと閲覧数、サムネイル画像を表示
6. 管理画面の投稿一覧は、閲覧数で並び替え可能
7. 管理画面からテーマの更新が可能
8. 簡易お問い合わせページが標準で備わっている
9. 固定ページを利用してランキングページを作成可能
10. パンくずリストと投稿記事は構造化データを用いたマークアップ済み（schema.org）
11. 記事上、記事下用のウィジェットエリアがある
12. フッターは、左、中央、右の3か所にウィジェットエリアがある
13. TOPページ用のウィジェットエリアがある
14. サイドバー固定表示用ウィジェットエリアがある（スクロールに追尾）
15. 広告用ウィジェットアイテムがある
16. 人気記事用ウィジェットアイテムがある（表示件数自由）
17. 画像付き最新記事ウィジェット搭載（通常の新着機能ウィジェットをカスタマイズ）
18. 必要十分な細かなSEO対策が施せる（ページ単位でdescriptionやmeta robotの設定が可能）
19. CSS非同期読み込みが選択可能（レンダリング速度が速くなる）
20. OGPの設定もカスタマイズが可能
21. 検索対象を「投稿・固定ページ」「投稿ページのみ」「固定ページのみ」と切り替えられる
22. アーカイブページに利用される投稿の抜粋文字数を指定可能（抜粋表示は<!–more–>が優先）
23. レイアウトを1カラム2カラムと選択可能（アーカイブ・投稿・固定ページすべて設定可能）
24. カテゴリアーカイブページにカテゴリの説明文章を表示可能
25. ロゴを設定可能（ロゴが無い場合は【設定】→【一般】の「サイトのタイトル」を表示）
26. ヘッダーに注目検索キーワードを設定可能
27. トップページにピックアップ記事を設定可能（3件表示）
28. トップページにランキングボックスを表示可能
29. トップページに全カテゴリの新着(1件)表示ボックスを表示可能
30. 投稿者のプロフィールを簡単にカスタマイズ可能
31. copyrightを自由に書き換え可能
32. copyright下のリンクや文字列を非表示にできる
33. AMP対応（通常ページとデザインがほぼ同じ）
34. AMPページがGoogleの検索結果でカード表示された時用のロゴ画像を設定できる
35. AMPページでも記事上と記事下に広告が設置可能
36. AMPページ用にTwitter、Instagram、YouTubeの埋め込みが自動で変換される
37. 投稿ページの投稿者情報の表示/非表示の選択が可能
38. 投稿ページの同一カテゴリ新着6件の表示/非表示の選択が可能
39. 投稿ページの目次の表示/非表示の選択が可能（目次は専用のショートコードで表示場所を自由に変更可能）
40. 投稿ページの関連記事の表示/非表示の選択が可能（表示数も1から10で選択可能）
41. 投稿ページのシェアボタンの表示/非表示の選択が可能（シェアボタンもJS不使用で軽量）
42. 投稿ページのシェアボタンの表示項目が6つある（Facebook、Twitter、Google+、はてぶ、Pocket、LINE）
43. Google AnalyticsはトラッキングIDだけあれば設定完了
44. AMPページ用のGoogle AnalyticsのトラッキングIDも登録可能
45. Google Search Consoleも認証IDだけで設置可能
46. 2パターンあるベースデザインはすべてハイクオリティ
47. 無限に選べるテーマカラーと、様々なカスタマイズを駆使すればオリジナリティを表現可能
48. 【追加】Ver.1.1.0から記事アーカイブに表示するタグ数を制御できる機能を追加
49. 【追加】Ver.1.1.0からダブルレクタングル広告を簡単に表示できる機能を追加
50. 【追加】Ver.1.2.0からとタグの直上に自由にタグを記述できる自由入力エリアを追加
51. 【追加】Ver.2.0.0からHeader最上部にお知らせを表示する機能を追加
52. 【追加】Ver.2.0.0から投稿日の表示/非表示機能追加
53. 【追加】Ver.2.0.0から記事の終わり部分にCTAエリア追加
54. 【追加】Ver.2.0.0からインフィード広告登録枠を追加
55. 【追加】Ver.2.0.0から記事中にアドセンス等の広告を挿入するショートコード追加

テーマ独自のスタイルがかっこいい

LION MEDIAのトップページは記事のサムネイルと、タイトルとなる見出しが並ぶ仕様。

個人的な好みかもしれませんが、こういったデザインがものすごく好きなんです。

そのサイトにどんな記事があるのか、一覧でわかりやすいでしょ？

トップページにピックアップ記事を3件設定できるのですが、これはあまり好きではありません。

ファーストビューは、サイトのロゴをドン！と置いて、サイトの方針を伝えたい。

ここは今後カスタマイズしていきたい点です。

投稿ページのツールバーが使いやすい

多すぎず少なすぎず、ちょうど良い感じです。

BOXのデザインをツールバーで実装できる！

この機能、ちょっと感動しました！
（今まではCSSにスタイルを記載して、HTMLにわざわざclassを付与してました。）

↓のようなボックスが、ボタンを1クリックするだけで簡単にできてしまいます。

自分のアイデア次第で、いろいろな使い方ができそう！

CTA（Call To Action/コール トゥ アクション)が実装できる

サイトをマネタイズするときに効果が高いと言われているCTAを実装できます。

思わずクリックしたくなりませんか？

プラグインを使わずにSEO対策ができる

固定・投稿ページでは上図のように、ページごとにdescriptionと、meta robotの設定ができます。

descriptionは、検索結果画面に表示されたページのsnippet（スニペット）ととして表示されることがあるため重要です。

ユーザーはスニペットを読んでクリックするかどうか判断しているので、しっかりと対策したいところ。

meta robotの設定では、4つの項目をチェックできます。

ロボットは、検索エンジン結果に表示させるために、世界中のサイトをクロールしています。クロールして得た情報はGoogleやYahooのデータベースに格納し、検索エンジン結果のインデックスとして表示されます。

固定ページの内部SEO対策機能

固定ページも投稿ページとまったく同じ仕様で、SEO対策ができます。

サイト内の導線を強化するためは、固定ページの使い方が大事です。

どういった固定ページにするのか？　どのように固定ページに誘導していくのか？　を考えていこうと思います。
CTA→固定ページという流れが、サイトの新規訪問者にとってわかりやすいかもしれません。

カテゴリー・タグアーカイブページのSEO対策機能

カテゴリー・タグアーカイブページにもdescriptionが設定できます。
ですが、meta robotがないのが惜しい。

カテゴリーとタグアーカイブにこそmeta robotの設定が欲しい気がします。

SNS連携もプラグインなしでOK

プラグインなしで上図のようにSNSボタンを設置できます。

ただし、このボタン、JavaScriptを使っていないので、「いいね」や「シェア」のカウントが表示されません。

SNSボタンのJavaScriptはページの表示速度を遅くさせるので、スピード優先という方におすすめ。

LION MEDIAを使うには？

LION MEDIAを使うためにはまず公式サイトからテーマをダウンロードします。

LION MEDIAのテーマをダウンロード

公式サイト にアクセスします。
会員登録を済ませたあと、ダウンロードできます。

子テーマも用意されているので、一緒にダウンロードしておきましょう。
ダウンロードは無料です！

WordPressのダッシュボードからテーマをインストール

WordPressのダッシュボードにアクセス。

ログインして、左メニューより「外観」→「テーマ」を選択。
テーマを管理する画面に移動します。

先ほど公式サイトからダウンロードしたLION MEDIAの親テーマをアップロードします。
同様の手順で子テーマもアップロードしましょう。

子テーマを有効化しよう

インストールが済んだら、下図のようになります。

そうしたら、親テーマではなく “子テーマ” のほうを「有効化」しましょう。

子どもライオンのほうですね。
「有効化」が済んだら、自分のサイトにアクセスしてください。

LION MEDIAのテーマで、サイトが表示されていると思います！

まとめ

本当にこれが無料でいいの？と驚くばかりのLION MEDIA。これから使い倒していきたいと思います！
最後にこの記事のポイントをまとめます。

【2018年11月28日追記】
このライオンメディアを制作したFITから、2018年10月に待望の有料テーマがリリースされました。

このテーマはライオンメディアを上回るクオリティとなっています。

パラレル収入を目指して、共にブログを頑張りましょう！