Wordpressオリジナルテーマ– tag –
-
WordPressのオリジナルテーマ トップページ（front-page.php）の作成
トップページの考え方 オリジナルテーマでは、トップページを「デザイン性を重視した凝った構成」にすることが多いため、クライアント側で自由に変更できるようにはせず、PHPで直接作り込むことが一般的です。 ただし、最新投稿などの「動的な情報」はWord... -
WordPressのオリジナルテーマ 404ページと検索結果ページの作成
目的 存在しないURLにアクセスされたときの「404ページ」を表示 サイト内検索時の「検索結果ページ」を整える ユーザーが迷わないよう、ナビゲーションや案内を適切にする 404ページとは？ 404ページとは、「存在しないURL（ページ）」にアクセスされたと... -
WordPressのオリジナルテーマ カテゴリーなどのアーカイブページの作成
目的 投稿の一覧（カテゴリー、タグ、日付など）をアーカイブページで表示できるようにする 見出しにアーカイブの種類（カテゴリー名など）を表示する archive.php を作成して、WordPressが自動で振り分ける仕組みを理解する アーカイブページとは？ アー... -
WordPressのオリジナルテーマ 投稿ページを表示（single.php)
目的 投稿タイプ「投稿（Post）」の記事詳細ページを表示するテンプレート single.php を作成する 投稿のタイトル・本文・日付などを出力し、1件ずつの詳細ページを実現する 投稿タイプ「投稿」専用テンプレートとして、固定ページ（page.php）と区別する ... -
WordPressのオリジナルテーマ 投稿一覧ページとサイドバーの作成
目的 BLOG 固定ページに投稿一覧を表示する サイドバー（ウィジェット）を有効化して、カテゴリーや最新記事などを表示できるようにする 投稿データのインポートで効率よく構築を進める 投稿データのインポート 「WordPress-fullsite」で作成済みの方は、... -
WordPressのオリジナルテーマに必要なfunctions.phpの作成
目的 WordPressテーマに functions.php を追加し、基本的な機能を有効化する CSS/JSファイルの読み込み を WordPressの正しい方法で行う サイトカラーやアイキャッチ（投稿サムネイル）など、カスタマイズの基本設定を加える functions.php をテーマフォル... -
WordPressのオリジナルテーマ テンプレートの分割とHTMLのWordPress化
目的 index.html の中身を WordPressのテンプレート構造（header.php, footer.php）に分割する style.css を反映し、デザインが適用されることを確認する 画像が表示されない問題を解決し、パスの考え方を理解する index.htmlの分割 まず、下記のコードを... -
WordPressのオリジナルテーマ事前準備と環境構築
目的 Figmaデザイン（UN HAMBUR）の全体構成を確認し、サイト設計の土台を固める 使用する画像・素材を整理し、開発用フォルダを準備する LocalでWordPressの開発環境を構築する コーディング済みのHTML/CSSをWordPressテーマとして使えるように整理する ... -
WordPressオリジナルテーマ作成
WordPress Original Theme（オリジナルテーマ作成）とは？ WordPressでは、テーマファイル（PHPやCSS）を使って自由にデザインや構造をカスタマイズできます。この講座では、オリジナルテーマの作成を通じて、HTML/CSSで作ったサイトをWordPress化する手順...
1
