【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート

2 min 28 views
akira

akira

2006年にうつ病を発症し会社を退職。1年で回復し社会復帰できましたが、2018年1月に人生2回目のうつ病を発症し、その年の6月に会社を退職。現在Youtube、ブログアフィリエイト、バイトと貯金で生活しています。人生山あり谷あり。早く寛解したいです。
>>ブログで収入を得る方法は無料で公開しています

FOLLOW

こんにちはAKIRA(@harusukisuki200)です。

前回はローカル環境でワードプレスのテーマのテストができる環境を整えました。↓
【ワードプレス テーマ作成】ローカル環境で動作を確認できるようにする方法

今回は前回の続きで、テーマ名を作ったりテストデータのインポートをします。

テーマ名と有効化

まず最初にテーマ名とそのテーマを実際に有効化にする方法です。

【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート
新しくテーマを作成する時の場所は「iwpserver→htcods→sordpress→wp-content→themes」です。
※これはローカル環境でのフォルダの位置です。

この場所に新しくフォルダを作成します。
テーマ名はsunegeで今回は行きます。
なのでフォルダ名もsunegeにします。

【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート
次に先ほど作成したsunegeフォルダの中に、「index.php」「style.css」ファイルを作成します。

とりあえず今のところ「index.php」は空のままで、「style.css」ファイルだけコードを入れます。
テーマを有効化するには「テーマ名」「作成者」「テーマの説明文」が必要です。

今回は下のようにしました。

/*
Theme Name: sunege
Author: AKIRA
Description: このテーマは男の象徴すねげをイメージして作りました。
*/ 

【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート
コードを書き込んだら、文字コードは日本語も使用しますので「utf-8」で保存します。

【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート
次にテーマを実際に有効化してみます。

「iwpserver.exe」を起動します。
ID,passwordをいれログインします。
※起動方法やID、PASSは前回の記事をみればわかります

[sunege]テーマを有効化してみる

無題
とりあえず有効化してみます。
「外観」→「テーマ」を選択すれば先ほど作ったsunegeが表示されます。
テーマの画像は先ほど作成した「sunege」フォルダに用意すればここで表示されます。
今は画像を用意していませんので、上の画像のような状態です。
※それは後ほど作ろうと思います。

テーマの有効後の変化

今の状態でダッシュボードの「外観」→「テーマの編集」を見てみると
先ほど作成した[sunege]フォルダの中のファイルだけ表示されます。

ブラウザ上でワードプレスを表示させようとすると、あたりまえですが今のところ真っ白な画面が表示されるだけです。

次はテストデータをダウンロードします。

テストデータのダウンロード

実際に表示の確認をするとなると、テスト用のデータが必要になります。
自分で適当に記事を作成してもいいのですが、時間がかかりますよね。

探しているとワードプレス日本語用のテストデータがあることがわかりました。

まず下のリンク先に行きます。
テストデータダウンロード先

【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート
次に上の画像の矢印部分をクリックしてダウンロードします。

zip形式のデータがダウンロードされますので、それを解凍します。
解凍するとxmlファイルできます。

【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート
データのインポートは、ワードプレスのダッシュボード内の「ツール」→「インポート」を選択します。

10
次に「wordpress」を選択します。

【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート
次に先ほど解凍してできたxmlファイルを選択して「ファイルをアップロードしてインポート」クリックします。

【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート
最後に「添付ファイルをダウンロードしてインポート」にチェックを入れて実行を選択します。

【ワードプレステーマ作成】2.テーマ名と有効化、テストデータのインポート
Simplicityを有効化にしてテストデータを表示させたところです。
いろいろな条件でチェックできるように工夫がされている感じです。

画像も入っていますのでほんと助かります。

今回はここまで。
次回はおおまかな基本構造を作成します。

カテゴリー:
タグ:
ブログで月5万円収入を得る方法

アルバイトはしていますが、僕は現在定職にはついていません。ブログとYoutubeのアフィリエイト収益で生計をたてています。アフィリエイトでお金を得るのは決して楽なことではありませんが、調子の悪いときは休んで、調子の良い時だけ仕事をするという自分のペースで作業をすることも可能です。以下のリンク先ではブログで収益を得る方法を紹介しています。少しでも興味のある方は読んでみてください

関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です