はじめる!WordPress入門

テーマの仕組み

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
サイトのデザインを決定するテーマ。ここではテーマの仕組みや役割について解説します。
講師:
05:30

字幕

このレッスンでは WordPress を カスタマイズするうえで重要なテーマが どのような仕組みで動いているのかを 学習します。 テーマはサイトのデザインやレイアウトを 決定するための仕組みです。 テーマの管理は管理画面の 「テーマ」から行うことができます。 インストールされているテーマの 「有効化」をクリックすれば 別のテーマに簡単に 切り替えることができます。 実際に切り替わったテーマを 確認してみましょう。 このようにテーマを切り替えることで サイトのデザインやレイアウトを 簡単に切り替えることができます。 テーマはデザインやレイアウトが 変わるだけではなく 機能自体が変わる場合もあります。 もう一度テーマの管理画面に移動します。 テーマ専用の設定メニューがある場合には 「外観」の中に 「Theme Option」というメニューが 追加されます。 このテーマでは、複数のカラースキ―ムを 選択することができるようになっています。 「変更を保存」をクリックして、実際に 表示がどう変わったかを確認してみましょう。 サイトに移動します。 このように同じテーマの中でも Theme Option を使って デザインや設定を カスタマイズすることができます。 次にテーマを構成しているテーマファイルの 中身を確認してみましょう。 WordPress フォルダの中身を見てみます。 テーマは WordPress フォルダ内の wp-content フォルダの中にあります。 theme フォルダを開きます。 テーマごとに1つのフォルダに纏められて 入っています。 twentytwelve というデフォルトのテーマを 開いてみます。 テーマフォルダの中には たくさんのファイルが入っています。 テンプレートファイルとなる php ファイルや css ファイル JavaScript ファイルなどが入っています。 テーマの中で使用する画像ファイルも この中に入れます。 theme フォルダの中にファイルを置く場合には 予め、決められたルールに従って ファイルを置く必要があります。 テンプレートとなる php ファイルは 必ず theme フォルダの直下に 置いておく必要があります。 css ファイルは theme フォルダの直下に 置いても構いませんし このように css というフォルダを作って その中に入れておいても構いません。 但し style.css というファイルだけは theme フォルダの直下に必ず 配置する必要があります。 ファイル名も style.css である 必要があります。 それ以外は theme フォルダの中に どのファイルをどのように 配置しても構いません。 次に2つの theme フォルダの中身を 見比べてみましょう。 buttercream というテーマと twentyeleven という テーマフォルダの中身を並べてみます。 良く見るとわかるように テンプレートファイルの構成も テーマごとに違うことがわかります。 例えば twentyeleven の中には category.php という テンプレートファイルがありますが buttercream のテーマの中には category.php はありません。 但し先程言ったように、style.css は どちらのテーマにも同じファイル名で 存在しています。 style.css と同じように 必ず存在しなければいけない テンプレートファイルが1つあります。 それが index.php です。 index.php はサイトの トップページを表示するための php ファイルです。 その他に少し変わった テンプレートファイルとして functions.php という ファイルがあります。 このファイルは画面を表示するための テンプレートではなく テーマに様々な機能を追加するための php 関数を書いておくための テンプレートファイルです。 このレッスンではテーマの仕組みと テーマを構成するファイルについて 学習しました。

はじめる!WordPress入門

ブログ作成ツールやCMSとしてもっともポピュラーなWordPressを使えば、ブログだけでなく一般的なサイトでも簡単に無料で作ることができます。このコースでは初めての方を対象にWordPressをインストールから実際のサイト構築まで丁寧に解説していきます。

7時間01分 (89 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
カテゴリー
ウェブデザイン
CMS
価格: 3,990
発売日:2014年01月14日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。