最高におしゃれで高機能なLION MEDIAに私が施したこだわりのカスタマイズ

最高におしゃれで高機能なLION MEDIAに私が施したこだわりのカスタマイズ

本ブログでも使用させていただいている、ワードプレステーマのLION MEDIA(ライオンメディア)は、おしゃれなデザインだけではなく、初期状態でも豊富な機能が搭載されており、ブログ初心者にもおすすめのテーマです。

本記事では、私が施したカスタマイズ内容について、メモ書き代わりにまとめさせていただきましたので、よければ参考にしてくださいまし。

なお、カスタマイズが増えれば、随時更新させていただきます。

 

こだわりのカスタマイズは簡単?

記事を書いている時よりも、カスタマイズしている時の方が楽しい、にゃあです。

さて、この最高におしゃれで高機能なテーマですが、個人的な好みは人それぞれ、細かく編集したくなることもあるでしょう。

かくいう私も、ここまでおすすめしておきながら、ちょこちょこカスタマイズを実施しております。

プラグインだけの簡単なものから、デザインの知識が必要なものまで、初級編、上級編に分けてご紹介いたします。

なお、LION MEDIA(ライオンメディア)を初めて知った方や、詳しくない方などは、参考までに下記の別記事を読んでみてくださいまし。

 

初級編

ここでは、プラグインを使用することによるカスタマイズ内容をご紹介します。

テーマ本体のデータを編集する必要がないため、導入自体はすごく簡単ですし、気に入らなければプラグインを停止、削除すればよいので、気軽に試せる内容になっています。

 

表示ページの初めに戻るボタンの設置

トップメニューを選びたい時や、記事の目次を確認したい時などに、表示ページの初めまでスクロールで戻るのが面倒に感じたことはありませんか?

このひと手間のために、ブログから出て行ってしまうという方も多いです。

そのため、本ブログでは、プラグインを使用して、画面の右下に戻るボタンを設置するカスタマイズを行っています。

設置する時の注意点としては、ボタン本体のデザインです。

大きすぎると記事を読むのに邪魔になるけど、小さすぎると気づいてもらえない、色の強弱も同様です。

記事を読むのに邪魔にならない程度のさりげなさ、に配慮が必要ということですね。

詳しいカスタマイズ方法は別記事で紹介していますので、参考にしてみてくださいまし。

 

おしゃれなリンクカードの挿入

記事内に、ブログ内の内部リンクや、他ブログへの外部リンクなどを挿入するためにリンクを設定しますが、テキストリンクではインパクトに欠けます。

また、テキストリンクでは、リンク先の情報を自動的に付加することもできません。

そのため、本ブログでは、プラグインを使用して、簡単におやれなリンクカードを挿入できるようにカスタマイズを行っています。

挿入する時の注意点としては、同一記事内にリンクカードを設置しすぎると、記事の読み込み速度が低下する可能性があることです。

同一記事内で10個以上のリンクを設置する場合は、テキストリンクとリンクカードに分散する配慮が必要かもしれませんね。

詳しいカスタマイズ方法は別記事で紹介していますので、参考にしてみてくださいまし。

 

上級編

ここでは、テーマ本体に対して加筆、編集を行うことによるカスタマイズ内容をご紹介します。

HTMLコードや、CSSコードの記述が必要になりますので、デザインに関する基本知識があった方が理解しやすいかもしれません。

 

SNSシェアボタンのオリジナルデザイン化

LION MEDIA(ライオンメディア)には、初期状態でSNSへのシェアボタンを設置する機能が搭載されています。

選択できるSNSの種類もメジャーなものとなっており、設置するものを選択することもできます。

しかし、シェアボタンのデザインには種類がないため、設定されているものになってしまいます。

また、プラグインの導入も検討しましたが、細かくデザインを設定できるものがありませんでした。

そのため、本ブログでは、HTMLおよびCSSによって、下記のようにオリジナルデザイン化のカスタマイズを行っています。

 

 

プラグインの導入に比べれば、多少難易度は上がりますが、細かなデザインまで自分好みに設定できるため、興味がある方にはおすすめです。

詳しいカスタマイズ方法は別記事で紹介していますので、参考にしてみてくださいまし。

 

記事投稿日の他に、記事更新日の表示を追加

記事を公開した際に自動的に設定される公開日ですが、記事内容を修正、更新した際の日付は表示してくれません。

記事内容によっては、最新情報に更新する場合が考えられますが、せっかく内容の更新を行っても更新日の表示がなければ気付いてもらえませんよね?

そのため、本ブログでは、記事投稿日の他に、下記のように記事更新日を表示するようにカスタマイズを行っています。

 

 

関連してカスタマイズする箇所が何か所かありますが、編集方法は同様ですので方法さえ理解すれば作業は簡単です。

詳しいカスタマイズ方法は下記のサイトで分かりやすく説明されていましたので、参考にさせていただきました。

 

まとめ

いかがでしたでしょうか?

個人的なカスタマイズ内容のメモ書きみたいになっていますが、同じようなことをお考えの方へのヒントになれば幸いです。

今後もカスタマイズを行った場合には、随時更新してまいりますので、参考にしてくださいまし。

ではでは。

 

BACK TO TOP