はじめる!WordPress入門

オリジナルテーマを作る

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
テーマは既存のものをカスタマイズするだけではなく、オリジナルのテーマを1から作ることもできます。オリジナルのテーマを作る方法を解説します。
講師:
07:21

字幕

このレッスンでは、テーマの作成に 必要なファイルについて学習します。 WordPress でサイトを作る場合 既存のテーマをカスタマイズして 自由にデザインを作ることができますが ある程度 WordPress に慣れてくると 既存のテーマをカスタマイズするよりも 1から自分でテーマを作ったほうが 早いと感じる場合があります。 そこで、このレッスンでは WordPress に自分で作ったテーマを 認識させる方法について 見てみましょう。 WordPress にテーマを 認識させる方法は簡単です。 初めにテーマファイルを入れておく フォルダを用意します。 フォルダの中には index.php screenshot.png style.css の 3つのファイルが必要です。 screenshot.png は テーマの管理画面で そのテーマに表示される サムネイル画像です。 幅 300 pixel 高さ 225 pixel の 画像を用意します。 必要なファイルが用意できたら FTP でテーマフォルダにアップします。 サーバーの WordPress が インストールしているフォルダの中にある wp-content を開いて テーマフォルダを開きます。 ここに自分で作ったオリジナルの テーマをアップロードします。 アップロードができました。 それでは実際に管理画面で 確認してみましょう。 管理画面に移動します。 アップロードしたオリジナルのテーマが 表示されました。 「有効化」をクックすれば このテーマが使用されます。 ここに表示されているテーマ名や 作成者・バージョン情報や テーマの説明文は style.css に記述します。 もう一度エディターを開いてみます。 style.css を開きます。 このように style.css に css のコメントで囲った部分に テーマ名やテーマの説明文 作成者の名前・作成者の URI バージョン情報などを記述します。 それでは実際に適用したこのテーマで どのようにサイトが表示されるのかを 確認してみましょう。 サイトを表示します。 何も表示されなくなってしまいました。 これは、このテーマの index.php に まだ何も書かれていないためです。 WordPress は自動的に オリジナルテーマの index.php を トップページとして表示していますが index.php 自体に 何も書かれていないので 真っ白い画面になってしまいました。 試しに index.php を編集してみましょう。 index.php を開いて 自由に編集して アップロードしてみて下さい。 アップロードが完了したら もう一度サイトを表示してみましょう。 index.php に書いた内容が 表示されました。 これだけでは実際のサイトには なりませんので この作成したテーマフォルダの中に 様々なテンプレートファイルや CSS 画像等をアップロードして テーマを作成していくわけですが 最低限、テーマを WordPress に 登録するために必要な作業は、これだけです。 纏めると、テーマに最低限必要なファイルは index.php style.css そして screenshot.png です このレッスンではテーマを作るために 最低限必要なファイルと その編集方法について 学習しました。

はじめる!WordPress入門

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

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

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

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

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