オリジナルテーマ

2021/8/15

WordPressオリジナルテーマの作り方⑩（カスタム投稿編）

今回はWordPressオリジナルテーマの作り方【第10回】カスタム投稿編となります。前回までに以下の事をやってきました。ファイルの準備トップページ作成 functions.phpからCSSやJavaScriptなどを読み込む固定ページ作成ブログカード作成記事一覧ページ作成パンくずリスト作成個別記事ページ作成カテゴリーページ作成今回のWordPressオリジナルテーマの作り方はカスタム投稿編です。案件によってはない事もありますが、逆に当たり前のようにある事も多いのでぜひ覚えておいた方 ...

オリジナルテーマ WordPress

2021/8/15

WordPressオリジナルテーマの作り方⑨（カテゴリーページ編）

今回はWordPressオリジナルテーマの作り方【第9回】カテゴリーページ編となります。前回までに以下の事をやってきました。ファイルの準備トップページ作成 functions.phpからCSSやJavaScriptなどを読み込む固定ページ作成ブログカード作成記事一覧ページ作成パンくずリスト作成個別記事ページ作成今回はカテゴリーページについて書いていきたいと思います。まずこちらを見て下さい。これは個別記事ページのパンくずリストです。記事のタイトルの前にカテゴリーである「チワワ」と書い ...

オリジナルテーマ WordPress

2021/8/15

WordPressオリジナルテーマの作り方⑧（個別記事ページ編）

今回はWordPressオリジナルテーマの作り方【第8回】個別記事ページ編となります。前回までに以下の事をやってきました。ファイルの準備トップページ作成 functions.phpからCSSやJavaScriptなどを読み込む固定ページ作成ブログカード作成記事一覧ページ作成パンくずリスト作成今回は個別記事ページについて書いていきたいと思います。これはWordPressオリジナルテーマの作り方⑥で作成した記事一覧ページから記事をクリックした先のページの事です。それではまずファイルを作成し ...

オリジナルテーマ WordPress

2021/8/15

WordPressオリジナルテーマの作り方⑦（パンくずリスト編）

今回はWordPressオリジナルテーマの作り方【第7回】パンくずリスト編となります。前回までに以下の事をやってきました。ファイルの準備トップページ作成 functions.phpからCSSやJavaScriptなどを読み込む固定ページ作成ブログカード作成記事一覧ページ作成今回はパンくずリストについて書いていきたいと思います。その前にパンくずリストとは何かということについて軽く説明していきます。パンくずリストとは？最初聞いた時何のことだ？と思いましたが、これはWikipediaにも載っ ...

オリジナルテーマ WordPress

2021/8/15

WordPressオリジナルテーマの作り方⑥（記事一覧ページ編）

今回はWordPressオリジナルテーマの作り方【第6回】記事一覧ページ編となります。前回までに以下の事をやってきました。ファイルの準備トップページ作成 functions.phpからCSSやJavaScriptなどを読み込む固定ページ作成ブログカード作成今回は記事一覧ページについて書いていきたいと思います。記事一覧ページ用のテンプレートファイルを作成まずはテンプレートファイルを作成します。今回はWordPressオリジナルテーマの作り方①（ファイルの準備編）で作成したhome.phpを ...

オリジナルテーマ WordPress

2021/8/15

WordPressオリジナルテーマの作り方⑤（ブログカード編）

今回はWordPressオリジナルテーマの作り方【第5回】ブログカード編となります。前回までに以下の事をやってきました。ファイルの準備トップページ作成 functions.phpからCSSやJavaScriptなどを読み込む固定ページ作成今回はトップページに新着3件表示させるという設定で、ブログカードについて書いていきたいと思います。ブログカードとは？まずブログカードとは何かということですが、画像（アイキャッチ）やタイトル付きの投稿記事のリンクのことになります。普通のリンクであれば、 Wo ...

オリジナルテーマ WordPress

2021/8/15

WordPressオリジナルテーマの作り方④（固定ページ編）

今回はWordPressオリジナルテーマの作り方【第4回】固定ページ編となります。前回までに以下の事をやってきました。ファイルの準備トップページ作成 functions.phpからCSSやJavaScriptなどを読み込む今回は固定ページの作り方について解説していきます。固定ページの作り方は2つ固定ページの作り方は2つあります。テンプレートファイルで作成（page-〇〇.php）固定ページの編集画面でテキストエディタに直書き（page.php）このどちらかになります。共通しているのは、 ...

オリジナルテーマ WordPress

2021/8/15

WordPressオリジナルテーマの作り方③（functions.php編）

今回はWordPressオリジナルテーマの作り方【第3回】functions.php編となります。前回までに以下の事をやってきました。ファイルの準備トップページ作成前回の記事でトップページをパーツごとに分ける作業は完了しました。今回はfunctions.phpというテーマファイルについて説明していきたいと思います。 functions.phpとは functions.phpとは各ページのコンテンツを表示させるものではなく、分かりやすく言うとWordPress全体のプラグインのような働きをするもの ...

オリジナルテーマ WordPress

2021/8/15

WordPressオリジナルテーマの作り方②（トップページ編）

今回はWordPressオリジナルテーマの作り方【第2回】トップページ編となります。オリジナルテーマを作るのに必要なテンプレートファイルの準備に関しては前回の記事をご参照下さい。 WordPressオリジナルテーマの作り方①（ファイルの準備編） front-page.phpにindex.htmlのコードをコピペまずはトップページの元となるfront-page.phpに、準備しておいた静的ページであるindex.htmlの中身を丸ごとコピペします。 index.htmlのファイルごとコピペしてファイル名 ...

オリジナルテーマ WordPress

2021/8/15

WordPressオリジナルテーマの作り方①（ファイルの準備編）

WordPressのオリジナルテーマってどうやって作るの？今回はそんな疑問にお答えします。今回はhtmlやcssで静的ページの作成が完了し、これからそのファイルを使ってWordPressのオリジナルテーマを作成したい人向けの記事となります。最初から最後まで書くとボリュームが半端ないので、何回かに分けて書いていきます。またWordPressを1から勉強したい方は動画で学べるUdemyがおススメです。本と違って動画だと手を動かしながら確認出来るのでいいですね。 Udemyは有料の教材ですが、かなりの ...