Luxeritasのブログカードで四苦八苦
このサイトはWordpressで作っていて、テーマは「Luxeritas」を使用しています。
外部リンク、内部リンクにはブログカードを使いたい派なんですか、カスタイマイズに四苦八苦したという
お話です。
Luxeritasでのブログカード設定
サイトの管理画面から「Luxeritas」>「カスタマイズ（外観）」＞「ブログカード」をクリックします。
ひとまず、ブログカードの設定をこんな感じにしてみます。
上記設定の記事内に表示されるブロクカードはこうなります。
これはこれで良いのですが、個人的には右下の「関連記事」がなくてもいいのでカスタマイズしていきます。
ブロクカードのカスタマイズ
参考にさせて頂いたサイトはこちら！！！
https://kirari-yums.net/post-9954/
https://kenkoukokorokara.com/blogcard/とりあえずやってみるの精神で
管理画面から「Luxeritas」＞「子テーマの編集」>「スタイルシート」を表示させて
参考サイトのコードをコピペします。
その結果がこちら！
ちゃんとデザインがカスタマイズされている！！！
まずは「合わせて読みたい」の部分をいじってみる。
これで、「合わせて読みたい」が表示されないはず。
「関連記事」？？？？？？？？？？
なぜ？？？？？？？
子テーマのstyle.cssより優先されるcssがどこかにあると予想し
そう言えば、「デザイン設定」でもstyle.cssをいじれたような気がしたので確認してみる。
デザイン選択の「style.css」をカスタマイズ
「管理画面」＞「Luxeritas」＞「デザイン選択」で確認してみたところ「style.css」がありますね！
なので、style.cssを弄ります。の前に「外観のバックアップ」は忘れずに。
「a.blogcard-href」の箇所をコメント化して確認する。
どうだ？どうなんだ？？？
はーん！！！
ブラウザのキャッシュかと思って、クリアしてみても変わらず…。
他に方法はないのかと管理画面を見ながら確認してみたところ
「カスタマイズ（外観）」に「追加CSS」を発見！！！
これを弄ってみよう！
追加CSSのカスタマイズ
ここまでのトライ&エラーをふまえたうえで、追加CSSを弄ってみる
できたかどうか確認…
できた！
知識不足で、どこのCSSが優先されるのかわからなかったので力業っぽい感じで解決しましたが
もっとスマートな方法があるような気がします。
感想
Web関連の知識不足が露呈した感じになりましたが
思ってたことができたので良しとする！
(何事も経験なのでこのあとも色々いじってみます。)
🖱️ボンクラさん
フリーランスのシステムエンジニアです。
大体のことは何でもできますが、人はそれを『器用貧乏』と言う。