「カッテネ」を導入したらcssが効かなかったので直してみた

紹介する画像のサムネイルとリンクが出て欲しくて「カエレバ」「ヨメレバ」を導入しておりました。

が、最近リンクをチェックし直すと、うまくリンクが貼れてないものを発見。おそらくリンク先ページがなくなったのかな?代替のサービスを探したところ「カッテネ」というブログパーツを見つけたので導入することにしました。

「カエレバ」「ヨメレバ」はたまにしか使わないとユーザーデータを保存してても消えててまた入力したりしないといけないのが面倒だなと感じていたのがありました。あと、リンク切れした場合に修正しにくい(一部分の修正がしづらい)のもありました。
「カッテネ」は毎回リンクを自分で個別に貼ったりしないといけないですが、その部分が人力なのでリンク切れしても修正しやすそうと感じました。

「カッテネ」導入方法

製作者さまのブログ(https://webfood.info/make-kattene/)がありますので、そちらを見てやってみました。WordPressならプラグインを追加して、記事にJSON形式のソースを「ショートコード」というブロックに貼り付けて、URLや画像リンクを修正するだけでした。

導入したけどcssが効いてない

こんな感じ

プラグインは有効化してるし、記事のショートコード部分にカッテネのhtmlは生成されてるので、プラグインは動いてる模様。
何がおかしいのかな〜とデベロッパーツールから記事のソースを見たところ、

<link rel="stylesheet" id="kattene-css" href="https://mmomm.net/wp/wp/wp-content/plugins/kattene/style.css?ver=5.2.9&fver=20210126092943" type="text/css" media="all">

あらやだ、カッテネプラグインのcssのリンク、wp/が一個多い。なるほど。

おそらくWordPress本体をディレクトリ一個下(https://hogehoge.com/wp/とか)に置いてるのに、表示させるのはドメイン直下(https://hogehoge.com/)にしてるせいっぽいです。

phpを修正してみた

/wp-content/plugins/kattene/plugin.php を開くと、35行目あたりが下記のようになってるので

$path = str_replace(home_url(),'',plugin_dir_url( __FILE__ ));

こうしました。

$path = str_replace(home_url('/wp'),'',plugin_dir_url( __FILE__ ));

直った

ちゃんと表示された

ちょっとしたことですが、誰かのためになっていれば幸いです。

タイトルとURLをコピーしました