プログラミング

スポンサーリンク
プログラミング

WordPressオリジナルテーマ開発④｜Search Console・GA4タグの設置と本番環境へのアップロード手順

WordPressオリジナルテーマにGA4とSearch Consoleのタグを設置する方法を徹底解説。functions.phpでのwp_headフックを使った設置方法・管理者アクセスの除外設定・GTM経由での設置・FileZillaを使ったFTPアップロード・All-in-One WP Migrationでの本番環境移行手順まで紹介します。
2026.07.10
PHPSEOWordPressプログラミング
プログラミング

WordPressオリジナルテーマ開発③｜カスタム投稿タイプで制作実績ページを作る

WordPressオリジナルテーマにカスタム投稿タイプを追加して制作実績ページを作る方法を解説。register_post_typeとregister_taxonomyの登録方法・ACFプラグインでのカスタムフィールド設定・archive-worksとsingle-worksのテンプレート作成・WP_Queryでの一覧取得まで紹介します。
2026.07.09
PHPWordPressプログラミング
プログラミング

WordPressオリジナルテーマ開発②｜投稿一覧・固定ページの作り方とfunctions.phpの基本

WordPressオリジナルテーマの投稿一覧・個別投稿・固定ページのテンプレートファイル作成方法を解説。have_postsとthe_postを使ったループ・カスタムテンプレートのTemplate Name指定・functions.phpでのwp_enqueue_scriptsによるCSS読み込み・add_theme_supportの設定まで紹介します。
2026.07.07
CSSHTMLJavaScriptPHPWordPressプログラミング
プログラミング

HTMLサイトをWordPressオリジナルテーマに変換する方法｜テーマフォルダの構成からheader・footer分割まで

作成済みのHTMLサイトをWordPressオリジナルテーマに変換する手順を徹底解説。テーマフォルダの構成・style.cssへのテーマ情報の記載・get_template_directory_uri()でのCSS・画像パスの書き換え・wp_headとwp_footerの追加・header.phpとfooter.phpへの分割方法を紹介します。
2026.07.06
CSSHTMLPHPWordPressプログラミング
プログラミング

PHPお問い合わせフォームのセキュリティ改善完全ガイド｜バリデーション・サニタイズ・CSRF対策を実装する

PHPお問い合わせフォームのセキュリティ改善方法を徹底解説。CSRFトークンのhash_equalsによる安全な照合・empty/filter_varを使ったサーバー側バリデーション・htmlspecialcharsによるXSS対策・メールヘッダーインジェクション対策まで、実務で使える改善コードを初心者向けに紹介します。
2026.07.02
HTMLPHPプログラミング
プログラミング

PHPで作るお問い合わせフォーム送信処理｜mb_send_mailとトークン生成の仕組みを読み解く

PHPで実装されたお問い合わせフォームの送信処理を初心者向けに解説。$_POSTの受け取り方・トークン生成とセッションの役割・mb_send_mailによるメール送信の仕組み・自分宛てとユーザー宛て自動返信メールの違いまで、実務で気をつけるべきバリデーションやCSRF対策も交えて紹介します。
2026.06.30
HTMLJavaScriptPHPプログラミング
プログラミング

CSS変数（カスタムプロパティ）完全ガイド｜テーマカラーの管理方法とダークモード対応の実装を一から解説

CSS変数（カスタムプロパティ）を使ったテーマカラーの管理方法とダークモード対応の実装を徹底解説。原始値とセマンティック名の2層構造設計・prefers-color-schemeによる自動切り替え・data-theme属性を使った手動切り替え・ちらつき防止スクリプトまで一から紹介します。
2026.06.29
CSSHTMLJavaScriptプログラミング
プログラミング

レスポンシブ対応の実践的コツ完全ガイド｜HTML・CSS両方の観点から使い勝手の良い実装方法を解説

レスポンシブ対応の実践的なテクニックをHTML・CSS両方の観点から徹底解説。box-sizingの設定・pictureタグで画像を切り替える方法・clamp()によるフォントサイズのスケーリング・dvhの活用・Flexboxのmin-width問題・CSS Gridのauto-fillまで使い勝手の良い実装方法を紹介します。
2026.06.27
CSSHTMLプログラミングレスポンシブ
プログラミング

Chrome拡張機能活用完全ガイド｜スクリーンショットでPDF作成・AIアシスタントでWeb制作を効率化する

Web制作を効率化するChrome拡張機能を2つ解説。ページ全体を一枚のPDFに変換してクライアントに確認してもらえる「素晴らしい画面の並べ替えとスクリーンショット」と、GPT・Claude・Geminiなど複数のAIをサイドパネルから使える「Sider」の活用方法を実践的に紹介します。
2026.06.25
プログラミング
プログラミング

CSSのclip-pathで作る斜めセクション・波形デザイン完全ガイド｜VSCodeフォーマッターも活用してコードを整える

CSSのclip-pathを使った斜めのセクション区切りや波形デザインの実装方法を徹底解説。polygon()の座標指定・clip-pathのアニメーション実装に加えて、インデントを一瞬で整えるVSCodeのShift+Alt+Fフォーマッターとprettierの設定方法も紹介します。
2026.06.24
CSSVS codeプラグインプログラミング
スポンサーリンク
次のページ