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

質問

ウェブサイト・コーディング初心者です。
海外のサーバー（Hostgator）のCpanelからインストールした、Wordpressテーマをカスタマイズしたいのですが（アドミンページからでは変更できない部分を変更する）

コードの編集はCpanelの各ファイル内（css, php）から直接編集・アップデートできますか？
またはDream waverなどが必要ですか？
youtubeのハウツー動画を参考にしたのですが、混乱しています。
コードの編集に関して他に必要なツールあれば教えていただけるととても助かります。

使用環境：
Hostgator.comのCpanelを使用
MacBookPro
OXYosemite Version 10.10.1
Google Chrom

回答No.1

DrFell · ベストアンサー

cssやphpの知識があれば、コードの編集はwordpressから直接行えます。Dreamwaverなどは必要ありません。今さえよければ、wordpressのみで完結できます。直接行っても構わないですが、特にphpをいじると、失敗した場合にはログインすらできなくなることがありますので慎重に行ってください。

★子テーマ
wordpressから直接行うとテーマに上書きします。テーマがバージョンアップされると、それを上書きすることになり、折角のカスタマイズが消えてしまいます。そのことを防ぐために、子テーマというものを作り変更の必要な部分のみの別ファイルを作ることが多いです。

子テーマを作ろうとすると、テキストエディターが必要です。macに付属しているテキストエディットでも可能です。愛用のものがあればそれでもOK。

編集時には、壊れていもいいようにバックアップをとるのを忘れないようにしてください。
子テーマを作成・アップするのには、FTPソフトも必要です。

★ローカルテストサーバー
ネットに公開中のサーバーのソースを直接いじると、設定が反映や正しく動くかの確認が取れていないのに公開して試すということになってしまいます。そこで、実験用のwordpressをローカルで動し、確認が取れたら公開しているサーバーにソースをコピーする方法をとる人も多いです。

wordpressをローカルで動かすには、テストサーバーが必要になります。macですと、MAMPがよく紹介されています。

★
以上まとめると、「子テーマ wordpress」を解説しているページを読んでみてください。
本格的にカスタマイズするつもりなら、「mamp wordpress」を解説しているページを読んでみてください。

蛇足ですが、他人のテーマはカスタマイズがやりにくいです。コーディングルールを把握しないと、なかなか詳細度が把握できず四苦八苦してしまいます。そんな時には、firefoxやchromeのブラウザで、要素の検証を行うとかなり助かります。

お礼

ありがとうございます。大変参考になりました！