ルクセリタスのブログカードからアドレスと記事抜粋を削除する方法。

2021年4月1日

ルクセリタスにはブログカードを簡単に作成する機能があります。

他のテーマだとプラグインを使って作らないといけないので、少しお得ですね!

 

ただ、ルクセリタスのブログカードをそのまま使うとこんな感じに表示されます。

  • タイトルを見るだけでも内容がある程度予想できるようにしているので、記事の抜粋は少しくどい。
  • しかも、ブログを周回している人にとってはアドレスも不要。

なのでこの2つを表示しないようにCSSで変更を加えていきたいと思います。

 

ルクセリタスのブログカードをCSSで編集する方法

ルクセリタスのブログカードを編集する際はCSSを使っていきます。

 

追記するCSSはこれです。

これを「Luxeritas」→「子テーマの編集」をクリック。

 

「スタイルシート」のタブを選択して貼り付けましょう。

 

これでブログカードがシンプルで見やすいものに変わりました!

変更前

変更後

記事の抜粋とアドレスが削除されてシンプルなデザインになりました!

その分、アイキャッチ画像を大きく表示することでしっかりと目立つようになってます。

 

CSSの内容を軽く説明してみた

今回コピペしたCSSは僕の好みに合わせてあります。

色を変えたいとか、もうちょっとこうしたいとか出てくると思うので、どこをいじったらどうなるかを説明しておきます。

ポインターを乗せたときにブログカードが浮かび上がる

タイトルの編集

アイキャッチ画像

記事抜粋

ブログカードに表示するURL

合わせて読みたい

 

 

ルクセリタスのブログカードをシンプルにしてみて

ブログカードは周回してもらうのに効果的ですが、あまりにもくどいと僕はクリックする気になりません。

これくらいシンプルなら周回してあげてもいいかなという気分にもなりそうです。

僕のブログカードもクリックしてみてね!

 

こんな感じ!

カッパ