
【mac MAMP】WordPressのURLに「index.php」が含まれた時の対処方法
macのMAMPをVer7にしたところ、WordPressサイトの投稿や固定ページのURLに「index.php」が含まれてしまい、うまく表示されなくなってしまいました。こちらの対処方法をご紹介致します。 症状 なんか知 […]

【WordPress】画像サイズを追加する方法【メディア】
add_image_sizeとimage_size_names_chooseをつかって画像サイズを追加する方法をご紹介します。 functions.phpに下記を追加します。 add_image_size(“new-si […]

【jQuery+CSS】vertical-align:middleをレスポンシブに対応させる【Bootstrap】
CSSで縦(上下)に中央寄せをする際にはdisplay:table-cell、vertical-align:middleを使用しますが、高さを指定しなければいけません。レスポンシブサイトを構築する際に、ウインドウサイズに […]

【ubuntu】FTPでアップロードしたファイルのパーミッションが600になってしまう【解決】
ubuntuサーバーでFTPを立て、FTPソフトでファイルをアップロードしたところ403エラーが出たのでパーミッションを調べたらデフォルトのパーミッションが600(フォルダは700)になっていたのでそれの変更方法の備忘録 […]

【ubuntu】FTPサーバー立てたけどディレクトリリスト取得表示に失敗した時の対処方法
ubuntuサーバーにFTP立てたけど接続は出来るのにディレクトリリストの取得・表示ができなかった時の原因と対処方法の備忘録です。 症状 エラー: ディレクトリ リスト表示の取り出しに失敗しました (mac […]

【Bootstrap 5.x】サイト開いた時にYoutubeをモーダルウィンドウ表示する方法
サイトを開いた時にYoutubeをモーダルウィンドウ(ポップアップ)表示する方法をご紹介します。Bootstrap 5.x を使っていればコピぺでいけます。レスポンシブ対応です。 Youtubeをモーダル(ポップアップ) […]

【Node.js】macOSターミナルでlocalhost:3000を使っているプロセスをkillするコマンド
Node.js開発時にmacOS環境下でターミナルでlocalhost:3000を使っているプロセスをkillする方法の備忘録です。Windowsも多分同じです。 localhost:3000を使っているプロセスをkil […]

【Bootstrap Ver 5.x】レスポンシブに対応したYoutube を埋め込む方法【embed】
Bootstrap Ver 5.xを使用してレスポンシブに対応したYoutube を埋め込む方法をご紹介します。 Youtube動画を埋め込む方法 まずはYoutubeから埋め込みたい動画のソースを取得します。 「共有」 […]

Vue + Vite環境にTailwind CSSをインストールする方法
Vue + Vite環境にTailwind CSSを導入する流れをご紹介します。ちなみに当方の環境はmacOS + VScodeですがWindowsでもほとんど同じかと思います。 Tailwind CSS のインストール […]

【macOS】ネットワーク系ターミナル コマンド一覧
私がよく使うドメイン管理やらDNSレコード編集やらする時に便利なネットワーク関連のターミナルコマンドをご紹介致します。 ドメインのIPアドレスを確認したい ドメインのネームサーバーを確認したい ドメインのDNSレコードを […]