Lognote

ネット集客に強い整体院サイトを制作

child-theme-copy-thumbnail

WordPressの親テーマのファイルを子テーマにコピーする方法

公開日:2017-08-17
最終更新日:

Pocket

WordPressの大きなメリットの一つとして、サイトを自分好みにカスタマイズできるということが上げられます。

ですが、ちょっとした編集のミスで画面が真っ白になってしまうことも稀にあり、そのせいで復旧に多くの時間を割いてしまうことにもなりかねません。

これは素人に限ったことではなく、WordPressの操作に熟達した人でも十分あり得ることです。

そんなことにならないよう、WordPressのカスタマイズは必ず親テーマのファイルを子テーマにコピーしてから編集をおこなうよう推奨されています。

そうすることで、もし万が一子テーマでエラーが発生しても、親テーマを使って復旧することができるからです。

ファイルコピーの流れ

ファイルのコピー方法は様々ですが、この記事ではFTPクライアントソフト「FFFTP」を使用する方法を紹介します。

FTPクライアントソフトとは
FTPクライアントソフトとはサーバー上に置かれたホームページを表示するためのファイルに直接アクセスするためのソフトです。

ファイルコピーは、以下の手順でおこないます。

  • FFFTP Ver.1.99aのダウンロード
  • FFFTP Ver.1.99aの設定
  • 親テーマのファイルをダウンロード
  • 子テーマにファイルをアップロード

FFFTP Ver.1.99aのダウンロード

下記リンクよりFFFTPをダウンロード、インストールしてください。

FFFTP Ver.1.99aの設定

ホストの設定

インストールをし終えたらソフトを起動し、[新規ホスト]をクリックします。

child-theme-copy-01

ホストの設定をおこないます。

child-theme-copy-02

ホストの設定方法はレンタルサーバーごとに異なりますので、「FFFTP設定 (サーバー名)」などで検索して設定をおこないましょう。

ここではエックスサーバーを例に説明します。

まず、インフォパネルにログインします。

[FTPアカウント設定]ページに移動します。

child-theme-copy-06

[FTPソフト設定]のタブをクリックすると、設定項目が表示されます。

child-theme-copy-07

[初期FTPアカウントの設定内容]を見ながら以下のように設定してください。

ホストの設定名
好きな名前を入力(Xserverなど)
ホスト名(アドレス)
FTPサーバー(ホスト)名
ユーザ名
ユーザー名(アカウント名)
パスワード/パスフレーズ
サーバーパネルのパスワード
ローカルの初期フォルダ
空欄でOK
ホストの初期フォルダ
空欄でOK

設定が完了するとサーバーにアクセスができるようになります。

child-theme-copy-03

親テーマのファイルをダウンロード

FTPソフトで、ドメインに接続 ⇒ [wp-content] ⇒ [themes] ⇒ [親テーマ]と進み、コピーしたいファイルをデスクトップにドラッグ&ドロップでダウンロードします。

子テーマにファイルをアップロード

次に、[wp-content] ⇒ [themes] ⇒ [子テーマ]と進み、ダウンロードしたファイルをドラッグ&ドロップして投げ込みます。

これで、WordPress編集画面で子テーマファイルを編集できるようになります。

以上、「WordPressの親テーマのファイルを子テーマにコピーする方法」という記事をお届けしました。

-WordPress
-

この記事のタイトルとURLをコピーする

オススメ商品はこちら!

WordPressの親テーマのファイルを子テーマにコピーする方法
この記事はいかがでしたでしょうか。
是非Lognoteの最新ニュース情報を、
いいねしてチェックしてください!

関連記事

stinger6-logo-use-google-web-fonts-thumbnail

WordPressの英字フォントをGoogle Web Fontsに変更してかっこよくカスタマイズする方法

STINGER8のタイトルロゴをGoogle Web Fontsを使ってカスタマイズする方法のご紹介します。

share-count-display-thumbnail

WordPressの記事トップにSNSのシェア数を表示する

ブログをやるうえで、記事をバズらせるというのは一つの夢でもあります。 こちらのサイトによると、バズるブログの6 …

views-display-thumbnail

WordPressで記事ごとに閲覧回数を表示する方法

「自分のブログもそこそこ読まれるようになってきたなー」 そんなとき、どれくらい読まれているのか訪問者に見せたく …

advanced-code-editor-thumbnail

テーマ編集で行数を表示するWordPressプラグイン「Advanced Code Editor」

WordPress内でテーマを編集するとき行数表示がなくて不便だなと感じることはないでしょうか。今日はそんな悩 …

mouse-cursor-zoom-thumbnail

Lightboxで拡大可能な画像とわかるようにマウスホバー時のカーソルを変更する方法

ふわっと画像を拡大させるエフェクトが実装できるLightbox。今回は、拡大可能な画像とわかるように、マ...

コメントを入力

日本語が含まれない投稿は無視されます。(スパム対策)

トラックバックURL

管理人のヤマカワです
山形在住、整体院「癒眠」院長
3級ウェブデザイン技能士


Lognote
2017/9/12
ご報告いただきありがとうございます! それは知りませんでした! メーカーの違いとかもあるのでしょう...
通りすがり
2017/9/12
比較的新しいカメラではサムネイル見れないらしいですよ。 うちもコーデック入れましたが2016年発売カ...
Lognote
2017/9/05
>> 堀田様 お役に立てて何よりです! 他に良い予約プラグインが出てくれればいいんですけ...
堀田
2017/9/05
ありがとうございました。 PHPを7 にしたらエラー吐き出して、有料版は PHP7 対応なんで有料...
Lognote
2017/8/16
>> たろ様 子テーマのコピー方法を省略しておりました。 解説記事を書きましたので、よろ...
たろ
2017/7/31
子テーマにコピーするの所がわかりにくい