WEB さくらサーバでラピッドSSLからJPRS SSLに乗り換え さくらのレンタルサーバ(以降、さくらサーバと略)で運用しているサイトの中に、ラピッドSSLの証明書を使用しているサイトがあります。前回は3年で契約していたのですが、その有効期限が来てしまったため、契約更新を行う予定でした。 しかし、さくらサ... 2020.09.26 WEB
CSS [CSS] ブラウザによって縮小画像の画質が違う Webサイトを作成していたときのこと。 サイズが250×180pxの画像を、画像ファイル側で縮小せずに、CSSで幅180pxに縮小して表示させてみたところ、非常にぼやけた画像になってしまいました。 しかし、別のPCで確認すると、ぼやけずには... 2020.09.25 CSS
CSS [CSS] 枠線と文字をグラデーションに とあるサイトで、ボタンのデザインに「枠線も文字もグラデーション」を指定されたのですが、初めての経験だったので手間取ってしまったため、忘れないようにメモメモ。 実現できるものの、ちょっと面倒でした。 まずは出来上がりから ということで、枠線と... 2020.09.21 CSS
JavaScript/jQuery ポップアップを「CSSだけ」「jQueryも併用」の2パターン作ってみた 画像の拡大や、詳細情報を表示させるため、など、サイト上でポップアップ表示を使うことはよくあると思います。 ただ表示・非表示するだけなら簡単ですが、徐々にふわっと表示(フェードイン)させたり非表示(フェードアウト)させたり、となると、少し工夫... 2020.09.14 JavaScript/jQuery
WEB A-FRAMEを使ってVRコンテンツを自分のサイトに埋め込む 少し前に、GoogleVRの「VR View」を使って自分のサイトにVRコンテンツを掲載する方法をメモメモしましたが、今回はA-FRAMEというツールを使ってVRコンテンツを掲載する方法をメモメモしてみます。 このA-FRAMEというツール... 2020.08.21 WEB
WEB GoogleVRを使ってVRコンテンツ(360度全天球画像)を自分のサイトに埋め込む RICOHのTHETA(シータ)などの360度カメラで撮影した全天球画像や動画を、VRコンテンツとして自分のサイト(ホームページ)に埋め込むためには、GoogleVRの「VR View」を使うことができます。 無料で使え、実装も楽なので、コ... 2020.07.09 WEB
WordPress WordPressでWebPを使うための設定 WebP(ウェッピー)というのは、Googleから提供されている静止画像のフォーマットで、拡張子は.webp。JPEGやPNGよりもファイルサイズを小さくできるメリットがある画像形式です。 Webサイトの読み込み速度を改善させるための一番の... 2020.06.02 WordPress
WordPress サーバをロリポップからXServerに変更しました このブログをロリポップで開設してから、ずっとPHPやMySQLを更新しないまま運用してきました。 さすがにサポートが終了したバージョンを使い続けるのはマズいので、PHPは7.3系に変更。MySQLも5.7か、せめて5.6にしたかったのですが... 2020.04.11 WordPress
WEB Googleアカウントを削除しようと思ったら詰んだお話 以前、店舗の営業日カレンダーをサイト上に載せたくて作成したGoogleアカウント。 今は店舗名が変わってしまい、別のアカウントを新たに作成したこともあり、古い店舗名のアカウントは削除しようとしたところ、削除できず八方塞がりになってしまったの... 2020.02.22 WEB
WordPress WordPress Popular Postsをアップデートしたら表示が崩れた! WordPress Popular Postsのバージョン5.0.0が来ていたので更新したところ、Simplicity2上で人気記事のウィジェット表示が崩れてしまいました。 サムネイルの左側にドットが表示されているし、タイトル部分に重なるよ... 2019.10.25 WordPress