ぶろぐのSSLたいおう。
このブログ(KENTWEBさんのcafelog使用)ですが、設置して引っ越しだウッフフーってなってたら、一部ブラウザから見られない報告がありました。
具体的に言うとchromeとかedgeですね…私は火狐ユーザーなので全く気付いてなかったんですが、いや見られなかったとは。

こちら、SSL証明書をサイトに適用していなかったのが原因でした。
「うーんなにそれ?昔はそんなのなかったよ?」と、2000年にサイトを持っていた人間としてボヤきましたが、今は令和、2023年です。23年も前、Windows95のころの常識を持ち込むなという話ですから仕方ないね。

というわけでSSL証明を発行してサイトに適用してみまs

あーんレイアウト様が死んだーーー!!?????

SSL証明を発行する→サイトURLがhttpからhttpsに変更される→CSSファイルののアクセス先がやはりhttpsに自動変更されてしまいレイアウト定義が死亡
…という流れだったみたいです。
うわー?

ブラウザでの見え方の違いなどをTwitterで確認してもらいながら見ていたのですが、フォロワーのいなつかさんにCSSファイルへのアクセスが失敗しているのでは?とアドバイスをいただいたことで、設定ファイルなどを見直しているうちに、原因となっている部分を見つけ出して無事直せました。

同じところで詰まって、cafeの使用をあきらめている方がいるかもしれないので、こちらも忘備録として残しておきます。

alt

Toolフォルダに入っているindex.cgiファイルを見つけ出して…
HTMLヘッダーの「$cf[htmlurl]」の部分を

alt

こうじゃ!
SSL証明を適用後(Httpsになったあとの)自分のブログURLに変更するだけ(ここでは私のサイトのURLを入れています
これで、自動的に生成されるHTMLファイルのヘッダーにあるCSSファイルへのリンクが変更される方になり、レイアウトが崩れなくなります。

設定ファイルの[htmlurl]を変更すりゃいいのかと思ったけどそれじゃダメだったので、ここを変更しました。

以上です。
前回の記事と同じく、私はCSSにもCGIにも詳しくないので、質問をされても何もわからないためにコメント欄は閉じておきますが、このブログURLを他サイトなどに貼ったりしてアドバイスをもらいに行ったりするのは全然かまわないので、必要があればKENT WEBさんとこにある公式質問掲示板などを利用してくださいまし。
だいざをつくったよ。
alt
めりーくりすます…にはちょっと早いですが、もうすぐ。
町はクリスマス一色ですねえ。
妖精さんたちもすっかり準備中ですが、この衣装も、作って何年経つのかなあ。

実はもえのほうの服がちょっとパーツのハマりが悪く、転ぶとバラけちゃうので、ピンキーですが接着してあります。
このスカートを単体で使うことはないだろうからまあいいかなと思って。

alt
そして台座を作りました。

アマゾンで10枚900円くらいの、5cmサイズ(厚さは3mm)のアクリル板を買い、3mmの太さの穴を空けてプラ棒を差し込んだだけです。
穴は2mmでまず穴を空けてから、3mmに拡張しました。
穴を空けるときにリューターを電動ドリルとして使ったのですが、リューターの出力間違えてアクリルが溶けちゃって、ドリルビット(ピンバイス先端)がドロドロに固まっているのは内緒ですが。…どうしようこれ。

ここで使ったプラ棒ですが、実は家族が組んでいたプラモのランナーをもらったものだったりします。
再利用! エコだね。
確かリューナイトって書いてあったかな、ちょうどピンキーの肌と同じくらいの色味だったので、首の修理に使うのにちょうどよさそうと思ってもらいました。3mmだし。

- CafeLog -