数秘とITとサーフィンと

〜鎌倉からちえぞーより愛を込めて〜

【IT】無料&簡単にWordPressの環境を構築してみる『Local By Flywheel』【その3】テーマを変えてみる

WordPressで自分のサイトを作ってみたいって方!

まずは費用をかけずに、自分のパソコンで環境を構築してやってみよう!とご提案させていただいている以下の記事の続きです!

前回までの記事

【IT】無料&簡単にWordPressの環境を構築してみる『Local By Flywheel』【その1】

【IT】無料&簡単にWordPressの環境を構築してみる『Local By Flywheel』【その2】インストールと日本語設定まで

【IT】Local By Flywheelインストール時に「This computer doesn't have VT-X/AMD-v enabled.」というエラーが出た場合の対処法【Surface 3】

 

では今回は、テーマのダウンロードやインストール、適用などのところを。

 

WordPressの管理画面は開きましたか?日本語設定もOK?

f:id:chietech:20190719103246p:plain

右上の[VIEW SITE]をクリックしてみましょう。

f:id:chietech:20190719223418p:plain

はい。これがサイトです。

何も変えてない初期値(デフォルト)の状態がこれですね。

なんや、シンプルでつまらん画面だな!

って思いますよね。はい、私は思いました。

 

これを色々と変えていき、WordPressがどんなもんか、いよいよ体験していきましょう。

1.テーマを変えてみる

WordPress管理画面から左のメニューの[外観]をクリックすると、現在インストールされている(使える)テーマが一覧となって現れます。

また、現在適用されているテーマがわかります。

f:id:chietech:20190719223748p:plain

オレンジ枠が現在適用されているテーマです。下の方に「有効」となってますね。

となりのテーマ「Twenty Seventeen」を適用してみましょう。

f:id:chietech:20190719224331p:plain

[ライブプレビュー]を押してみましょう。 

 

こんな感じでカスタマイズ画面になります。

なんか見た事ありませんか?

f:id:chietech:20190719224520p:plain

この画面には何度もお世話になりますよ~

ここでTOPページやその他諸々を設定する画面になります。

左上の青ボタン「有効化して公開」を選択するとテーマが切り替わります。

 

このテーマで良ければいいのですが、他のも見てみたいですよね?

 

2.無料テーマをダウンロードして追加する

テーマは無料、有料、国内製、海外製あります。

ググれば色々と出てきますが、今回は

一番わかりやすい「無料」で「国内製」のCocoonを使ってみましょう。

コクーンと読みます。公式サイトに行ってみてください。

Cocoon | 無料WordPressテーマ

f:id:chietech:20190719230047p:plain

全く関係ありませんが、ファーストビュー(最初に見える範囲)にユーザーが一番欲しがる「ダウンロード」ボタンを配置しているのが素晴らしいですね。こういう精神好きです。

 

さて、 「ダウンロード」から先の画面にある、

「親テーマ」と「子テーマ」両方ダウンロードします。

 ※親子両方ダウンロードし、子供を使ってカスタマイズします。

 

補足)なぜ?子テーマを使うのか?

親テーマはベースみたいなもので、テーマのバージョンアップされるのは親テーマです。親テーマで直接編集すると、バージョンアップのタイミングで消えます。

なので、基本は子テーマを使ってサイトの編集しましょう!

外部サイトになりますが、Cocoonで説明されている方がいらしたので、こちらも参考に。

nohosma.com

 

あ、もしWordPressでサイトを持っていて、

「げ、親テーマのまま作り上げちゃった」って方は

親テーマを絶対バージョンアップしなければ大丈夫です。

もしバージョンアップしたいけどお困りの方いらしたら、私の方で対応できるかもなので、お気軽にご相談くださいな~

 

3.WordPress環境に追加する 

先程の[外観]の画面に戻ります。

f:id:chietech:20190719230602p:plain

「新規追加」ボタンクリック。 

 

「テーマのアップロード」ボタンクリック。

f:id:chietech:20190719231042p:plain

 

「ファイル選択」クリック。

f:id:chietech:20190719230954p:plain

 ここで先程ダウンロードしたファイルを選択し、「今すぐインストール」をクリックしましょう。

f:id:chietech:20190719231556p:plain

 

まずは親テーマが入りました。

f:id:chietech:20190719231655p:plain

引き続き、先程と同じ手順で子テーマを入れます。

f:id:chietech:20190719231834p:plain

 

子テーマも無事に入りました。

f:id:chietech:20190719231931p:plain

 

4.テーマを適用してみる

子テーマをライブプレビューしてみましょう。

マウスポインタを持っていくと、ボタンが現れます。

f:id:chietech:20190723103105p:plain

「ライブプレビュー」をクリック。

 

先程と画面変わったのわかりました?

f:id:chietech:20190719232104p:plain

上の青いボタン「有効化して公開」 を押してみましょう。

 

また、Local By Flywheelの画面に戻って、右側の[VIEW SITE]をクリック。

f:id:chietech:20190719103246p:plain

f:id:chietech:20190723103618p:plain

 

サイトも『Cocoon』テーマが適用されました。

 

ここまではできそうでしょうか。

このテーマ選びも最初に悩むところですけどね。

今回はWordPressのノリに慣れて頂く為に無料でメジャーなCocoonを適用してみました。

 

今日はここまでにしておきまーす。

さて、次回どうしよう。

ここから先はCocoonの設定になってしまうような。

 

続きはまた~

 

関連記事)

blog.chie-zo.com


 ★ちえぞーの直近の出張予定

8/11(日)都内予定 18:00~

9/14(土)~16(月)都内予定(時間未定) 

9/18(水)渋谷 14:00~


数秘術鑑定(8,000円/60分)
Webサイト作りなどのご相談(3,000円/30分)
マイダンジョンカードミニセッション(3,000円/30分)
ヒューマンデザインリーディング(基礎6,000円/40分、ゼネラル12,000円/80分)
 

普段は江ノ島のカフェでお受けしておりまーす。

www.chie-zo.com

 

★募集中の企画 

【無料企画実施中】読んでもらうブログ記事タイトル提案します!

【ぺ】『ペライチマンツーマンレクチャー』有料モニター第2弾【残り3名様】

【HD】マイダンジョンカード遊び方講座の開催リクエスト募集していますよ~

 

★その他 

【IT】パソコントラブル系、緊急時もご相談くださいね~【完全に宣伝】

 

www.chie-zo.com

いじょう。