Noteやめました。
lionmediaのココが凄い

WordPressテーマ【Lion Media】で私が施した6つのカスタマイズ

lionmediaのココが凄い

今回はWordPressテーマ【Lion Media】のカスタマイズについて紹介します。

【Lion Media】とは・・・

メディアサイト向け無料WordPress用テーマ「LION MEDIA」は、FITが提供するテーマです。プラグインなしでAMPに対応しており、SEO最適化済みで表示速度も速い。そしてレスポンシブデザインを採用し、設定項目が豊富でありながらもカスタマイズが簡単な無料WordPressテーマとなっております。

FIT WEBサイトより

カッコ良く、オシャレで高性能。有料テーマとも引けを取らないとベテランブロガーの方々が称賛するクオリティー。それがなんと無料。

という事で是非一度は試していただきたいテーマです。

↓Lion Media 

LION MEDIA[ライオン メディア] - デモサイト

ライオン メディアは、モバイル端末での表示を早くするAMPに標準対応。SEO最適化済みで、レスポンシブデザイン。カスタマ…

【LION MEDIA】は正直何もせず、記事を書くだけでかなりカッコイイブログが完成します。

ですが、「私としてはどうしてもここが気になる!!」というポイントが6つも(!!)

【外観】⇒【カスタマイズ】では対処できないカスタマイズをご紹介したいと思います。

尚、以下予めご留意ください。

  • 【Lion Media】の更新により既に解決されている場合がございます。
  • 同様に紹介する方法が通用しない場合も考えられます。
  • カスタマイズは自己責任です。バックアップを忘れずに。
  • CSSの更新は必ず子テーマ【LION MEDIA CHILD】で行いましょう。

でははじめましょう。

今回参考にさせていただいたサイト様はとても素晴らしい為、私のような素人でも何とかやり遂げられました。感謝、感謝です。

1.文字が小さい(字体も変更)

初期設定で一番気になったのが、文字の大きさ。ちょっと小さすぎやしませんか?ってくらい小さい。

サイト説明文を設置したのは、いいけど小さすぎて目がチカチカするし、基本文字が薄いので余計に見づらい。

そこで、下記コードをCSSに追加。

body
p {font-family: arial;
font-size: 16px;color: 
#16160e;line-height: 1.6;
margin-bottom: 1.em;
}

追加の場所は、【外観】→【CSS編集】にて追記しました。

するとこの通り、若干読みやすくなったでしょ?でしょ?

広告

2.サムネイル付きのリンクカードができたり、できなかったり。

紹介したいサイトのURLを【カスタムHTMLブロック】に入力すると自動的にサムネイル付きのリンクカードが作成される機能があります。

例えばこのブログのURLを入力したら、こんな感じで表示されます。

WordPressテーマ【Lion Media】で私が施した6つのカスタマイズ

実はこの機能は、Lion mediaのものでは無く、WordPressによるものだそうです。
2015年12月に公開されたWordPressバージョン4.4より追加されたEmbed(埋め込み)機能で記事内にアドレスを記載すれば、自動的にカッコイイリンク枠を表示する機能が追加された。との事。

とても便利な機能ですが、欠点があります、、、、、

URL先が埋め込みを許可していない(WordPressであればWordPress4.4以前のバージョンを使っている)と機能せず、URLがそのまま表示されてしまいます。

ちなみに【Lion Media】のサイトも対応していないのか?この通り。

http://lionmedia.fit-jp.com/

↓こちらの記事で勉強させていただきました。

WordPressならURLを貼るだけで「サムネイル画像付きリンク」が設置できるよ。

リンクカードの出現にバラツキがある理由がはっきりしましたが、つまりリンク先のページが対応するまで対策が無いという事になります。

オススメはできませんが、未対応URLについては、プラグイン【Pz-LinkCard】で対応が可能です。有名なプラグインではあります。

しかし、表示が重くなるなど理由から私は使用しておりません。

参考までに【Pz-LinkCard】導入については下記記事をご参照ください。

尚、WordPressのリンクはサイズお任せなので、下記のように大きくなってしまう事があるみたいです。【Pz-LinkCard】はカスタマイズ可能です。

Pz-LinkCard – ブログのリンクをブログカード形式で表示できるWordPressプラグイン

3.記事内の自動アドセンス

【LION MEDIA】では記事中のアドセンスはあらかじめ設定しておいたアドセンスをコードを使用して呼び出す機能がついておりますが、機械的にアドセンスを張り付けてくれる機能はありません。

そこで、目次と同じく【h2】タグの上段に自動的にアドセンスが掲載されるようにカスタマイズしました。

参考にした記事はコチラ

PlusPlus

多機能であるLION MEDIAで、広告も比較的簡単に設置できますが、個人的にほしい機能がありませんでした。それは「最…

広告

4.人気の記事の画像がでかすぎる(mobile表示)

【LION MEDIA】には新着記事も関連記事も、もちろん人気の記事もウィジェットで掲載可能です。

デザインもすっきりして見やすく、とても良いのですが。


スマホなどで見た時の新着記事の画像がやたらデカい!!!画像が大きすぎて何番目に人気なのかよくわからないのです。

コチラの問題は潔くプラグイン【WordPress Popular Posts】に頼ることにしました。

wordpress popular post使用後画像

縮小されて見やすくなりますが、こちらはコチラで見栄えはそれほど良くありません。【WordPress Popular Posts】のカスタマイズについては、別途お調べください。

5.上へのボタンが無い。

このページの右下にある三角マークのアイツの事です。

【LION MEDIA】には最下段中央にTOPへ行くボタンが搭載されておりますが、途中でTOPへ戻るボタンはありません。


そこで、プラグインを使用せずにTOPへボタンを追加する方法を紹介しているサイトがありましたので、導入しました。

岡山のWordPressを使ったホームページ制作ならOffise Kondo

プアラグインを使わずに「ページのTOPへ戻るリンク」を設置する方法をご紹介します。個人的にプラグインの数は少ない方が良い…

6.前の、次の記事へのボタンが無い。

盲点でしたが、実は【LION MEDIA】には通常記事下にある【前の記事)(次の記事)へのボタンがありません。

こちらもプラグインを使用せずに追加する方法を教えていただいたサイトがありましたので、紹介させていただきます。

【参考にさせていただいたブログ】

ちゅうどう日記

ワードプレスではよく投稿ページの下に「<< 前の記事」「次の記事 >>」のリンク(ナビゲーション)が表示されていますが、…

まとめ

以上【Lion Media】カスタマイズ6選でした。

サイトデザインはいくらやっても終わりは無いので、やりすぎには要注意です。無理なく自分なりのカスタマイズで楽しんでみてください。

最後に宣伝

カスタマイズって楽しいですけど、ブログで一番大事なのはデザインや機能よりも記事なんですよね。そう考えるとカスタマイズに時間をかけるのは非効率という事になってしまいます。(楽しいけど)

私が現在使用しているテーマは【Lion Media】を作ったFITが万を持して投入した【THE THOR】です。

こちらは有料テーマですが、今回ご紹介したカスタマイズの内容が初期装備されている【Lion Media】の上位テーマとなります。

一度購入すれば複数サイトで使用でき、ベースデザインも数種類用意されておりますので、簡単にお好みのページが作れると思います。

興味がありましたら【THE THOR】のバナーをクリックしてみてください!!

広告
lionmediaのココが凄い
最新情報をチェックしよう!
>記事作成に集中できる環境

記事作成に集中できる環境

ブログで最も重要なのは記事を書く事です。
しかしテーマやデザイン選びなどに時間を取られがちに。
WordPressには優れた無料テーマがたくさんあります。

しかし、私が有料テーマ【THE THOR】を使っています。
理由は記事を書くことに集中したいからです。

このテーマはhtmlなどの知識が無くても豊富なデザインから選択でき、SEOにも強い。
WORD PRESS初心者でも本格的なブログを作成できます。
テーマ選びやカスタマイズの手間からの解放。

この初期投資は有効な選択肢のひとつです。