【LION BLOG カスタマイズ】プラグインを使わずにブログカードを設置

WordPressテーマ「LION BLOG」にはブログカード（リンクカード）を挿入する機能がありません。

デザイン性に富んだ無料のテーマの中で、プラグインを使わずに実現できる機能が多いものを選んだのに、ここでプラグインを導入しては意味がない。

ということでプラグインに頼らずに設置することにしました。

参考にさせていただいたのは、ブログカードのデザインがスッキリしていてゼロ好みだったこちらのサイト。

目次

• 1. コピペで簡単設置！内部リンクのブログカードを作成する方法【PV・回遊率アップに貢献】 | WordPress-TIPS

コピペで簡単設置！内部リンクのブログカードを作成する方法【PV・回遊率アップに貢献】 | WordPress-TIPS

この記事は約 9 分で読めます。 ブログカードとは、ページ内に内部リンクを貼る際にアイキャッチ画像と記事タイトル・テキストなどの要素を1枚のカードのようにまとめて装飾したリンクのことです。 …

早速記事通りにやってみると、作業は簡単で以下の2点に変更を加えるだけで完了。

コマンド派のゼロはサーバーに直接ログインして作業します。

エックスサーバーのSSH接続でコマンド操作

サクっと済ませたいゼロはどちらかというとGUIで操作するよりコマンド派。 サーバー内のファイル操作も直接ログインしてコマンドで行った方が単純明快…

（↑のブログカードに早速利用してみました）

viエディタを使って、サイトにあるコードをそれぞれのファイルの末尾にコピペして保存。

変更後にショートコードでテストしてみたけど、あれ？見た目がおかしい。CSSが全然適用されていない感じ。

どうやらブラウザのキャッシュが影響していたらしく、キャッシュ削除後にページを更新したら問題なく表示されました。

もう一度別のリンクで仕上がり具合をチェック。

WordPressテーマ「LION BLOG」の導入

WordPressテーマ「LION BLOG」とは 「LION BLOG」は、総合的なホームぺージ制作・WEBプロモーション事業を行うWEB制作…

ブログカードの設置に挑戦してみたい方は、是非ご参考に。