admin

XserverVPS

XServerVPSでSSL(Let’s Encrypt)が設定出来ない時

ドメインはValue Domain、サーバーはXServer VPSという組み合わせで使っていると、SSL(Let's Encrypt)が設定できないという問題に遭遇した。 ドメインはValue Domain側のDNSでXSERVERのネー...
CSS

お手上げ?ページ内リンク位置ズレの意外な原因

どうやってもページ内リンク(アンカーリンク)のジャンプ先がズレてドはまり。 その意外な原因は、 display:inline-block でした。 ↓問題のコード <div style="max-width:768px;"> <a href...
XserverVPS

Xserver VPSでsshのポートを変更する方法

OSはUbuntu 24.04を入れた。 sshのポートを22から12345に変更する。 1./etc/ssh/sshd_configを開く 2.以下の内容をどこかに記載して保存。 Port 12345 3.sshdの再起動。しかしこれがど...
nodejs

Windowsにnode.jsをインストールする方法

Windowsにnode.jsをインストールするためには、まずnvm-windowsをインストールし、そこからnode.jsをインストールしなければいけません。その手順を掲載しています。
Wordpress

Contact Form 7の送信データをGoogle Spread Sheetに自動追記する方法

プラグインのCF7 Google Sheet Connectorを使うと簡単。 説明不要なぐらい簡単。 1.書き込みたいGoogle Spread Sheetのファイルとタブを用意しておく。カラムにはCF7の入力フォーム名をつけておく。 注...
Wordpress

WordPressで郵便番号で住所自動入力

YubinBangoライブラリを使わせてもらって5分で実装終わる。 functions.phpへの実装 ライブラリはフォームのあるページだけで読み込ませたいので、以下を追加。 add_action('wp', 'lo...
CSS

iphoneでaspect-ratioが効かない

iphoneだとsafariもChromeも効かない。PCのChromeでは問題無い。 やろうとしていることは、高さが90pxの親要素の中に正方形の子要素を作りたい。 このとき、子要素は高さをheight: 100%とし、width: au...
CSS

background-blend-modeがiphoneで効かない

おそらく不具合。 回避策として、background-repeat: no-repeatにする。background-imageのサイズを241px以下にする。といったハックがあるが、そんなことはしていられない。background-ble...
CSS

ページ内アンカーリンクのジャンプ位置がずれる

<a href="#price">価格</a> といったページ内リンクをすると、その途中に<img loading="lazy">があると、飛び位置がずれる。 さらに、上部のヘッダーを固定表示していると、ジャンプ後にヘッダーの下にコンテンツ...
スポンサーリンク