Wordpressオリジナルテーマ– tag –

トップページの考え方 オリジナルテーマでは、トップページを「デザイン性を重視した凝った構成」にすることが多いため、クライアント側で自由に変更できるようにはせず、PHPで直接作り込むことが一般的です。 ただし、最新投稿などの「動的な情報」はWord...

目的 存在しないURLにアクセスされたときの「404ページ」を表示 サイト内検索時の「検索結果ページ」を整える ユーザーが迷わないよう、ナビゲーションや案内を適切にする 404ページとは？ 404ページとは、「存在しないURL（ページ）」にアクセスされたと...

目的 投稿の一覧（カテゴリー、タグ、日付など）をアーカイブページで表示できるようにする 見出しにアーカイブの種類（カテゴリー名など）を表示する archive.php を作成して、WordPressが自動で振り分ける仕組みを理解する アーカイブページとは？ アー...

目的 投稿タイプ「投稿（Post）」の記事詳細ページを表示するテンプレート single.php を作成する 投稿のタイトル・本文・日付などを出力し、1件ずつの詳細ページを実現する 投稿タイプ「投稿」専用テンプレートとして、固定ページ（page.php）と区別する ...

目的 BLOG 固定ページに投稿一覧を表示する サイドバー（ウィジェット）を有効化して、カテゴリーや最新記事などを表示できるようにする 投稿データのインポートで効率よく構築を進める 投稿データのインポート 「WordPress-fullsite」で作成済みの方は、...

目的 WordPressテーマに functions.php を追加し、基本的な機能を有効化する CSS/JSファイルの読み込み を WordPressの正しい方法で行う サイトカラーやアイキャッチ（投稿サムネイル）など、カスタマイズの基本設定を加える functions.php をテーマフォル...

目的 index.html の中身を WordPressのテンプレート構造（header.php, footer.php）に分割する style.css を反映し、デザインが適用されることを確認する 画像が表示されない問題を解決し、パスの考え方を理解する index.htmlの分割 まず、下記のコードを...

目的 Figmaデザイン（UN HAMBUR）の全体構成を確認し、サイト設計の土台を固める 使用する画像・素材を整理し、開発用フォルダを準備する LocalでWordPressの開発環境を構築する コーディング済みのHTML/CSSをWordPressテーマとして使えるように整理する ...

WordPress Original Theme（オリジナルテーマ作成）とは？ WordPressでは、テーマファイル（PHPやCSS）を使って自由にデザインや構造をカスタマイズできます。この講座では、オリジナルテーマの作成を通じて、HTML/CSSで作ったサイトをWordPress化する手順...