#tips
サイトの日記リンクカードの設定を組み込みました
こちら 参考にさせていただいてます、ありがとうございます!

てがろぐにもリンクカードいれたいな〜でもphpのいじり方よくわからないし…触らないでおこう…🙃

02/17 追記
他のサイトさん眺めてたら有志の方がスクリプト配布 …してくれてるの見つけました ありがた〜い あとで入れよう!
#tips
ギリヴつぶやきのページデザインを変えました 読みやすいフォントにしたかった 暗い方が好きなので、ゆくゆくはダークモード対応にしたいです いずれ…

02/05:追記
ダークモード対応しました〜 こちら 参考にさせていただきました。
ついでにここもライトモード用のcssをあてた…ので、あちこち移動してもチカチカしないと思います。そんなにウロウロしてる人いないと思うけど…。prefers-color-schemeを使ったけど、rootのすぐ下の記述だとうまく動かなかった。結局cssの一番下に記述したらうまくいきました。謎。
スイッチはまだない。また今度。
#tips
こちらのWEBP画像変換機能 ですが、変換後のWEBP画像がちょっと荒いなと思ったのでChatGPTに聞いてカスタムしました。
imagewebp関数で $qualityを渡すといいらしい。ついでにリヴリーのレイアウトいろいろ追加 したよ〜 忘備録として以下メモしておきます。

変更箇所
// WebP変換
function convertToWebp($filePath, $uploadDir, $fileExtension, $quality = 90) {
    $webpPath = $uploadDir . pathinfo($filePath, PATHINFO_FILENAME) . '.webp';
    $image = null;

    switch ($fileExtension) {
        case 'jpg': case 'jpeg':
            $image = imagecreatefromjpeg($filePath);
            break;
        case 'png':
            $image = imagecreatefrompng($filePath);
            break;
        case 'gif':
            $image = imagecreatefromgif($filePath);
            break;
    }

    if ($image) {
        imagewebp($image, $webpPath, $quality);
        imagedestroy($image);
        unlink($filePath);
    }

    return $webpPath;
}

function convertThumbnailToWebp($thumbnailPath, $miniDir, $quality = 90) {
    $fileExtension = strtolower(pathinfo($thumbnailPath, PATHINFO_EXTENSION));
    $webpThumbnailPath = $miniDir . pathinfo($thumbnailPath, PATHINFO_FILENAME) . '.webp';

    switch ($fileExtension) {
        case 'jpg': case 'jpeg':
            $image = imagecreatefromjpeg($thumbnailPath);
            break;
        case 'png':
            $image = imagecreatefrompng($thumbnailPath);
            break;
        case 'gif':
            $image = imagecreatefromgif($thumbnailPath);
            break;
        case 'webp':
            $image = imagecreatefromwebp($thumbnailPath);
            break;
        default:
            $image = false;
            break;
    }

    if ($image !== false) {
        imagewebp($image, $webpThumbnailPath, $quality);
        imagedestroy($image);
        unlink($thumbnailPath);
    } else {
        echo "サムネイルの WebP 変換に失敗しました。対応していない画像形式か、ファイルが破損している可能性があります。";
    }
}
▲CLOSE
ギリヴ妄想ログを少し更新しました これでXにポストしてた分は追加できた〜 先はまだまだ長い

追記
2024年度分まで全部格納してきた👍 お気に入りポストをスペースで話してもいいかもしれない!って思うきもちと、恥ずかしすぎるのきもちが両方ある
#tips
fontawesomeのcssを外部から読み込ませずに直接サーバーに置きました。
サイト軽量化計画第三弾。はやくなったかな? わかりません。そんなに時間かからずできたので、試してみる価値はあるかも。

こちら を参考にさせていただいてます!ありがとう!
ギリヴ妄想をXに呟きたくなった時のためのてがろぐ(?)をつくりました
https://hypericum.xxxx.jp/t-gliv/

シャイが祟ってギ妄想はずっと壁打ち鍵垢に放り込んでたし、X避けようと決意したところで結局blueskyには恥ずかしくて呟けなかったため…

思いきっててがろぐで実装したらテンプレートのおかげで秒でできてしまい、震えている 我慢しちゃってたから…余計嬉しいところもある…

 もし恥ずかしくなったらBasic認証かけますが、鍵かけたとしても例のログにはまとめて読めるようにしたいと思ってます(自分のために)

しかしサイトを自分で作るって…自由そのものだな…(しみじみ)
#update
TOPにOFFLINE情報を載せる場所を作りました
ootdを読む会のアーカイブもこちらから聴けます。
BED TIME STORY BOOKはすでに完売していますが、こちらもアーカイブとして詳細ページをサルベージしました。ちゃんとページ作ってたんだね〜かわいい〜
#tips
XやBlueskyに個別記事のURLを投稿した時、イラスト部分をOGP画像として表示する設定にしました。
直接絵を投げ込むのはAIの問題とかあるし怖いけど…でもまだXにしかいないフォロワーさんもいるから…みてほしいもんね…

Q.Twitter Card Validatorが終了した今、どうやってOGPのクローラーを回せば良いのでしょうか?
A.短縮URLに変換してからポストすると更新してくれる らしいよ。へえ〜!

でも、体感的にはXはすぐ表示してくれるわけじゃなくて、数秒待ってから出てくるようになる気がします。
Blueskyは何もしなくてもすぐ出してくれる。はは…。