WordPressでエスケープ処理する具体的な書き方 - 【esc_html、esc_url、esc_attrなど】
今回はWordPressでエスケープ処理する具体的な書き方を紹介します。 説明する環境は以下の通りです。 macOS Catalina v10.15.5Visual Studio Code v1.56...
ー 4ページ目
【DIY】壁一面の棚の作り方 - 2700mm以上の本棚を作る方法
今回はDIYで壁一面に棚を作る方法を紹介します。スペースを無駄にせず、重さに耐えられる本棚の作り方です。 前提条件は以下 W2780 x H2300の場所に設置（部屋の広さは4畳）DIY初心者が作るイ...
【VSCode】WordPressコーディング規約に沿って、自動でPHPをフォーマットする設定方法
WordPressのテーマはPHPと合わせて、WordPressコーディング規約に基づいて作る必要があります。今回はVSCodeで自動でPHPをフォーマットする設定方法を紹介します。 前提条件は以下...
スマホ表示でもパララックス！simpleParallax.jsの使い方 - IE11対応済み
今回はスマホ表示でもパララックスができるsimpleParallax.jsの使い方を紹介します。 デモページ 実装内容は以下 スマホでもタブレットでもパララックスさせるbackground-image...
CSSでIE11を判定する方法と、JavaScriptでIE11だけpolyfillを読み込む書き方
今回はCSSでIE11を判定して表示を切り替える方法と、JavaScriptでIE11だけpolyfillを読み込む書き方について紹介します。 前提条件は以下 JavaScriptは事前にトランスパイ...
【脱jQuery】よく使うJavaScriptの書き方 - 要素の取得、ループ処理、クラス名の追加・削除など
今回はjQueryではなく、ネイティブのJavaScrip（Vanilla.jsとも呼ぶ）で、個人的に良く使う書き方についてまとめてみました。今後も少しずつ追加していきます。 【脱jQuery】よく使...
【WordPress】カスタムフィールドを使って、スライダー画像をPC表示とSP表示で切り替える方法
今回はAdvanced Custom Fields（以下、ACF）を使って、スライダーに使う画像をPC表示とSP表示で切り替える方法を紹介します。 前提条件は以下 Advanced Custom Fi...
フォントや画像をvwで指定するmixin - レスポンシブしやすい設計方法
今回はフォントや画像をvwで指定するmixinについて紹介します。ブラウザサイズに応じてサイズが可変できるので柔軟なレスポンシブが可能です。 説明環境は以下 macOS Catalina v10.15...
HTMLとCSSで漢字にルビを振る方法
今回はHTMLとCSSで漢字にルビを振る方法を紹介します。 前提条件は以下 IE11に対応するAndoroidに対応するサイト全体でgooglefontsのNoto Sans JP、もしくはNoto...
【DIY】長いテーブルの作り方 - 2700mm以上の作業机を作る手順
今回は壁いっぱいに長いテーブルの作り方を紹介します。子供の学習机や複数人で使う作業机としてオススメです。 前提条件は以下 テーブルの大きさは W2730 x D500 x H690DIY初心者が１人で...
