すばらしいWordPressテーマLION MEDIAで私が施した7つのカスタマイズ

このブログで使用している(2018年4月現在)テーマはfitさんが提供している【LION MEDIA】を使用しております。

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

このテーマはプラグイン無しでも様々な機能が使用でき、それでいてシンプルかつおしゃれなデザイン。しかも表示スピードも優れているなど文句無しの内容にも関わらず、なんと無料でダウンロード可能なテーマだから驚きです。

素人目にもすばらしいのですが、有料テーマとも引けを取らないとベテランブロガーの方々が称賛するほどの内容だそうです。

ダウンロードはこちら【LION MEDIA】by Fit

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

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

【LION MEDIA】はそのままで十分すばらしいテーマです。正直何もせず、記事を書くだけでかなりカッコイイブログが完成します。

なので、html知識0の情弱クソ野郎ある私などがこの素晴らしいテーマに対して意見するだけでなく、カスタマイズするなど、甚だおこがましい事でございます。

ですが、私としてはどうしてもここが気になる!!というかポイントが7つも(!!)ありましたので、対処方法も含めてご紹介したいと思います。

決してお勧めしている訳ではありません。どうしてもカスタマイズせずにはいられないという欲張りな方達だけに「コソっ」とお伝えします。なので、仮に不具合が生じても自己責任でね。

バックアップは大事です。また、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を記事内に掲載すると自動的にサムネイル付きのリンクカードが作成される機能があります。

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

すばらしいWordPressテーマLION MEDIAで私が施した7つのカスタマイズ

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

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

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

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

WEBマスターの手帳

先日、公開した「Facebookが煽りや釣りタイトルを排除する機能をニュースフィードのアルゴリズムに追加!」の……

てっきり【LION MEDIA】の不具合かと勘違いしておりました。スミマセン。
だから、リンクカードが出るものと出ないものにバラツキがある訳ですね。納得。

しかし、この場合リンク先のページが対応するまで手立てが無い。かと言って、対応していないページのURLだけを記載しても寂しいし、、、、

あと無駄にデカイし・・・

そこで未対応のURLについては、プラグイン【Pz-LinkCard】を導入して対応することにしました。

【Pz-LinkCard】の導入には下記ブログを参考にさせていただきました。
※ちなみに下記のリンクカードは【Pz-LinkCard】で作成したものです。

ネタワン

Pz-LinkCardは、ブログのリンクをブログカード形式で表示できるWordPressプラグインです。 専用のショート…

導入されるなら、下記記事が分かりやすいと思います。(下記リンクはURL直打ち。WORDPRESSによるリンクボックスです)

WordPress Popular Posts で人気記事を表示する方法

3.目次がシンプルすぎる

シンプルイズベストではありますが、ちょっと寂しい感じがしてしまったのです。

上記の目次は【LION MEDIA】のデモページから拝借してきましたが、私の初期ページはもっと文字が小さく寂しい感じだった気がします。そこで、目次もカスタマイズできないか?と検索したところすばらしい記事を発見したので、実行してみました。

こちらの記事の情報を使わせていただきました。

PlusPlus

多機能で非常に使い勝手が良いLION MEDIAですが、デフォルトの状態でめちゃめちゃ便利なので、カスタマイズしなくても…

できあがりは、この通り。

色使いも色々変えられて、見やすくなりました。(画像は乱れてますけども・・・)

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

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

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

カスタマイズ方法はこちらの記事で教えていただきました。
https://plu-plu.net/lionh2ad/

その他のカスタマイズ

5.人気の記事の画像がでかすぎる(スマホで)

【LION MEDIA】には新着記事も関連記事も、もちろん人気の記事もウィジェットで掲載可能です。
デザインもすっきりして見やすく、とても良いのですが、、ただ一点。


スマホで見た時の新着記事の画像がやたらデカい!!!

デカすぎて、この記事が何番目に人気なのかよくわからない。かと言って、画像を小さくする方法などわかるはずもなし、、、

こんな時は諦めてプラグインに頼ることにしました。【WordPress Popular Posts】

全体的に縮小されて、複数記事が表示されるはずです。

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

このページの右下にある三角マークのアイツの事です。
【LION MEDIA】には最下段中央にTOPへ行くボタンが搭載されておりますが、途中でTOPへ戻るボタンはありません。
そこで、プラグインを使用せずにTOPへボタンを追加する方法を紹介しているサイトがありましたので、導入しました。

【参考にさせていただいたブログ】
岡山のWordPressを使ったホームページ制作ならOffise Kondo

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

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

これも盲点でしたが、実は【LION MEDIA】には通常記事下にある(前の記事)(次の記事)へのボタンがありません。
意図的かどうかわかりませんが、あった方が便利と思い追加しました。

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

【参考にさせていただいたブログ】
ちゅうどう日記

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

まとめ

以上がこのサイトに施したカスタマイズ7選でした。

FTTPとかをいじるのは無いので、比較的簡単なものを選びました。というか怖くてこれ以上はいじれません。

サイトデザインは正直どこで満足するか?によると思います。いくらやっても終わりは無いので、やりすぎには要注意です。

無理なく自分なりのカスタマイズで楽しんでみてください。

でも、ブログで一番重要な要素は記事を書く事でカスタマイズではありません。そこからするとカスタマイズに苦労するのは正直あまり良い事では無いですよね?

ちなみに私が現在使用しているテーマは【LION MEDIA】を作ったFITが万を持して投入した【THE THOR】です。

こちらは有料テーマですが、今回ご紹介したカスタマイズの内容は初期装備されております。もちろんそれ以上の高機能を搭載したハイスペックなテーマです。

デザインも数種類用意されており、お好みのページが作れると思います。

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

最新情報をチェックしよう!
>このブログでも使用中!最強のWordPressテーマ「THE THOR」

このブログでも使用中!最強のWordPressテーマ「THE THOR」

どうせブログをやるなら、有料テーマはお勧め。同じ有料テーマなら使い勝手がイイ方がイイに決まってる。【THE THOR】は高機能・高デザインで一度購入すれば、アップデートで常に最新の機能を使用できる価値あるテーマです。迷っているなら、一歩踏み出そう!はじめにお金を払うと覚悟が決まって、ブログを投げ出さずに続けれられるから!!

CTR IMG