読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 | フェリカテクニカルアカデミーWebサイト制作科サポートブログ

オリジナルテーマを作成

WordPress基礎

オリジナルテーマを作成する

  1. 「htdocs」→「wordpress0322」→「wp-content」→「themes」内に「mytheme」フォルダーを作成する
  2. 新規「index.php」を、フォルダー内に用意する
  3. 新規「style.css」を、フォルダー内に用意する
  4. 「style.css」内に、以下のように記述する
/*
Theme Name: MY THEME
Author: TRAVEL SKETCH
Description: This is my original theme.
Version: 1.0
*/


授業では、sampleフォルダー内にある「mytheme」を利用します。
ダウンロードしたテキストのサンプルデータ内にある「themes」→「mytheme」を、XAMPP内の「htdocs」→「wordpress0322」→「wp-content」→「themes」内に設置する。

テーマの変更

  • 「外観」→「テーマ」で確認する
  • 「mytheme」を有効化する

f:id:webmaster-web:20160707003250p:plain

  • 「詳細」を確認する

f:id:webmaster-web:20160707003702p:plain

Dreamweaverの設定

  • 「サイト管理」→「新規追加」
  • 「htdocs」→「wordpress0322」→「wp-content」→「themes」→「mytheme」を選択する

f:id:webmaster-web:20160707004841p:plain

「新規サーバーの追加」
  • 「+」ボタンを押す

f:id:webmaster-web:20160707005445p:plain

  • 「テスト」のみにチェックをして保存する

f:id:webmaster-web:20160707005713p:plain

  • サイトパネルで「テストサーバー」を選択する(CS6までが赤、CCから黄緑)

f:id:webmaster-web:20160707005936p:plain