PRECSSとは？接頭辞の一覧とBEM・FLOCSSとの使い分け
クラス名は、基本的にPRECSSに準じて命名しています。案件先で指定の命名手法があればそれに従い、特に指定がなければ何か…
Web制作の知識 Blog
Web制作・WordPress・コーディングに関する情報を発信しています。
WordPressのカスタム投稿タイプとカスタムフィールドの作り方！実務で使う最小構成で覚えよう
WordPressで「制作実績」や「お知らせ」のような専用の投稿枠を作る方法です。 通常の投稿にカテゴリーを作って分けて…
YouTube埋め込みコードの取得方法と実装テクニック（通常動画・Shorts対応）
YouTube動画の埋め込みは、コードを貼って終わりにはなりません。Shortsは取得の手順が通常動画と違いますし、その…
WordPressをサブディレクトリに設置する方法（応用編）
WordPressをサブディレクトリに設置したあと、パーマリンク（記事URLの形式）を変えることがあります。その瞬間、全…
本サイトに light-dark() でダークモード対応してみた
夜にコーディングしながら自分のポートフォリオを開いたら、画面の眩しさで目が痛くなりました。それがきっかけで、AoiWeb…
コーディング沼り解消3ステップ
本業でWordPressのカスタマイズをPHPで書いていたとき、朝からずっと同じ箇所で詰まっていたことがあります。解決し…
CSS変数を使ってみよう
CSS変数を使うメリット サイト全体のメインカラーを変更するとき、同じカラーコードをCSSファイルの中から探して書き換え…
案件でミスを0にする！コーディング品質管理チェックシートを作ろう
2024年8月、チェックシートを無料で配布しました 2024年の8月、フォロワーさんが300人になったタイミングがありま…
FLOCSSとは？CSS命名規則の書き方とディレクトリ構成
ページ数が増えると命名が崩れる コーディングを始めたばかりの頃は、.red-text や .box1 のような名前をなん…
iPhoneでYouTubeが自動再生されない理由とその対策
iPhoneでYouTube動画を開くと、パソコンでは自動再生される同じ動画が再生されないことがあります。 結論から言う…
構造化マークアップとは？知るべき基本を解説
副業で内部SEO対策のご依頼をいただきました。その一部で、構造化データの設定を任されました。 ただ静的なデータを置くだけ…
WordPressをサブディレクトリにインストールしてURLを隠す方法
WordPressをサブディレクトリにインストールして、公開URLはルート表示のまま見せる方法をまとめます。すでに動いて…
Contact
お気軽にご相談ください
X（Twitter）のDM、もしくは本サイトのCONTACTページからご連絡ください。
24時間以内に返信しますので、些細なことでもお気軽にご相談ください。