たった3分!WordPressテーマをカスタマイズ【簡単準備編】

wp
井上 慎也
書いた人 井上 慎也

こんにちは!インストラクターの井上(@InoIno_iesa)です。

WordPressを学習したい!カスタマイズしてみたい!

そう思ってもどのように環境を用意したり、Wordpressをインストールして準備したらよいのか分からないという方も多くいらっしゃるかと思います。

もしWordPressのテーマをカスタマイズしたりできる開発環境を一瞬で作れるとしたら是非知っておきたいですよね。

今回は実際にWordpressをカスタマイズしはじめられるところまで紹介しますので、Wordpress学習を始めようかと考えている方は一緒に進めていただければと思います。

一瞬でWordpress開発環境が出来るCloud9

WordPressやPHPプログラミング初心者のかたにオススメしているツールにCloud9というものがあります。

いろんな開発環境が数回クリックだけで作ることが出来るスグレモノです。

今回はWordpressの場合にどう扱うか詳しく見ていきます。

なお、詳しいCoud9の使い方や便利な機能を知りたい方は次の記事もご覧ください。

WordPressの開発環境構築3ステップ

Cloud9を使って環境構築をする手順を紹介していきます。

1.Cloud9に会員登録

はじめにこちらにアクセスして、Cloud9のアカウントを作成します。

新しく会員登録をするための”Sign UP”というところをクリックして下さい。
スクリーンショット_2015-11-30_15_56_03

今回は「GitHub」というサービスのアカウントを利用して作成することにします。

もちろん、メールアドレスで作成しても問題ありません。

メールアドレスで作成する場合は名前にスペースを入れないように半角英数字で入力することに気をつけて下さい。

スクリーンショット_2015-11-30_15_57_27

2.ダッシュボードへ移動

アカウントを作成することができたら、マイページである「ダッシュボード」に入ります。

ここで「ワークスペース」というそれぞれの開発スペースを管理します。

スクリーンショット 2015-11-30 16.49.42

では実際にWordpressの学習用ワークスペースを作成していきましょう。

3.WorkSpaceの作成

ワークスペースを作成するためには、まずプラスマークの付いている部分をクリックして、ワークスペース作成画面に移動します。

スクリーンショット_2015-11-30_16_49_42

ワークスペースの各種情報を入力してワークスペースを作成します。

①ワークスペース名を入力します。ここでは”samurai-sample”とします。

②あとで何のために作ったのかわかるようにDiscriptionに説明を入力しておくと良いでしょう。

③他の人に見えるPublicなワークスペースは無料でもいくつも作成できますのでひとまずPublicを利用します。

④Wordpressを構成するファイルを用意したいので「Wordpress」を選びます。

⑤ワークスペースを作成すると自動的にそちらに移動します。

スクリーンショット_2016-04-04_0_43_14

WordPressの開発環境を作る場合、テンプレートは「Wordpress」を選びましょう。

これによりWordpressを構成するファイルが予め展開された状態になります。

ワークスペースが作られると以下のような画面に移動します。

スクリーンショット 2016-04-25 15.46.16

これだけでWordpressの開発環境ができています。

WordPressのカスタマイズについて

プラグインの設定について

WordPressのプラグインはインストールの有無はディレクトリに配置されているかどうかだけです。

プラグインの設定情報はデータベースが持っているため、本番環境等でも同様に動作させたい時にはデータベースの情報も移動させる必要ある点だけ注意が必要です。

テーマのカスタマイズについて

WordPressのテーマは、
wp-content => themes
の中にある各種テーマのphpファイルなどを編集していくことで可能です。

まずはじめは分かりやすいシングルページなどにPHPの処理を書いて動作を試すと良いでしょう。

まとめ

WordPressの学習環境および方法を紹介してきましたがいかがでしたでしょうか?

Cloud9などを使うとWordpressのカスタマイズも効率的に学ぶ事ができます。

是非楽しいWPライフを過ごしてくださいね!

【関連記事】

最短でプログラミングを習得したい方へ

元々ITリテラシーのある方やプログラムの学び方がわかっている方は独学で習得することも可能でしょう。

ただし、実際の学習期間中はつまづいている時間がほとんどです。

「もう挫折したくない」
「本業と両立しながら、好きな時間で自分のペースで勉強を続けていきたい。」
「自分だけのカリキュラムで効率的に勉強したい」

そんな方はお気軽に侍エンジニア塾までご相談ください。

弊社では、

  • プログラミング基礎学習
  • オリジナルアプリ開発
  • 仕事獲得

までをひと通り学習できます。

まずは無料体験レッスンで、弊社のコンサルタントと一緒にあなた専用の学習方法やカリキュラムを考えてみませんか?

挫折しない学び方や、通常1000時間以上かかる学習時間を1/3にする方法などより具体的なアドバイスもさせていただいています。

詳しくは下の画像をクリックして弊社サービス内容をご確認ください。

cta1

プログラミング学習者必見

専属講師に質問し放題、レッスンし放題、最短1ヶ月でフリーランスエンジニア
月額たったの2980円で質問し放題!驚きの新サービス登場
プログラミング学習カリキュラム無料公開中
Ruby学習カリキュラム無料公開中
 1記事最大11,000円!テックライター募集


LINEで送る
Pocket

この記事が気に入ったら
いいね!をしてフォローしよう

最新情報をお届けします

書いた人

井上 慎也

井上 慎也

侍エンジニア塾のインストラクター。フリーでWEB制作の受託や自身の事業の傍ら、侍ではWEBプログラミング方法の指導やプログラミング学習コミュニティの運用を行っている。
好きなショートカットキーは、command + w 。愛機はMac Book Pro。ブラウザのタブを大量に開きがち。