CSS お手上げ？ページ内リンク位置ズレの意外な原因
どうやってもページ内リンク（アンカーリンク）のジャンプ先がズレてドはまり。 その意外な原因は、 display:inline-block でした。 ↓問題のコード <div style="max-width:768px;"> <a href...
CSS 
XserverVPS Xserver VPSでsshのポートを変更する方法
OSはUbuntu 24.04を入れた。 sshのポートを22から12345に変更する。 １．/etc/ssh/sshd_configを開く ２．以下の内容をどこかに記載して保存。 Port 12345 ３．sshdの再起動。しかしこれがど...
nodejs Windowsにnode.jsをインストールする方法
Windowsにnode.jsをインストールするためには、まずnvm-windowsをインストールし、そこからnode.jsをインストールしなければいけません。その手順を掲載しています。
Wordpress Contact Form 7の送信データをGoogle Spread Sheetに自動追記する方法
プラグインのCF7 Google Sheet Connectorを使うと簡単。 説明不要なぐらい簡単。 １．書き込みたいGoogle Spread Sheetのファイルとタブを用意しておく。カラムにはCF7の入力フォーム名をつけておく。 注...
Wordpress WordPressで郵便番号で住所自動入力
YubinBangoライブラリを使わせてもらって５分で実装終わる。 functions.phpへの実装 ライブラリはフォームのあるページだけで読み込ませたいので、以下を追加。 add_action('wp', 'loadYubinBango...
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">があると、飛び位置がずれる。 さらに、上部のヘッダーを固定表示していると、ジャンプ後にヘッダーの下にコンテンツ...