WordPress

WordPressの子テーマにファイルをアップロードしカスタマイズするための準備

投稿日:

テーマをカスタマイズする方法は三つあります。

テーマをカスタマイズする三つの方法

  • WordPressのテーマのダッシュボードから「テーマの編集」や「css編集」「追加css」によって行う方法
  • 契約するレンタルサーバーにログインしブラウザ上でファイルをアップ・削除操作する方法
    ・ファイルの編集に別途テキストエディタ(無料の「サクラエディタ」を推奨)が必要
    ・エックスサーバー(XSERVER)の場合はファイルマネージャーを使用
  • FTPクライアントソフトでログインしファイルをアップ・削除操作する方法
    ・ファイルの編集に別途テキストエディタ(無料の「サクラエディタ」を推奨)が必要
    ・ファイルのアップ・削除にFTPクライアントソフト(無料の「FFFTP」を推奨)が必要

この記事では3番目の方法を解説します。三つの中で最もスタンダードな方法であり、視覚的にファイルの編集や移動が確認しやすいからです。

子テーマは既に作成してあるものとします。

ファイルをアップ、または削除した際、変更点をブラウザに反映させるためキャッシュのクリアを必ず実施してください。

 

FFFTPのダウンロードと設定方法

「FFFTP」は無料の定番FTPクライアントソフトです。サーバーにアクセスし、子テーマフォルダにファイルを直接アップロード、あるいは削除できます。

 

FFFTPのダウンロード/インストール

「窓の杜」からダウンロードします。

ffftp_sakura04

ご自分のパソコンが32bit版か64bit版か不明の方はこちらの方法で調べることができます。

FFFTPを窓の杜からダウンロードする

パソコンの任意の場所にファイルをダウンロードしたら、ダブルクリックで開きます。

「ffftpセットアップウィザード」の指示に従いファイルをインストールします。

以上でダウンロード/インストールは完了です。

 

FFFTPの設定方法

「ホストの設定」

「FFFTP」を開きます。

メニューバー「接続」から「ホストの設定」を選択。

ffftp_sakura01

 

つぎに表示される画面で「新規ホスト」をクリック。

 

「ホストの設定」画面

「新規ホスト」をクリックすると「ホストの設定」画面が表示されます。

ffftp_sakura02

[1]任意の名称

[2]FTPサーバー(ホスト)名

[3]ユーザー名(アカウント名)

たとえばエックスサーバーでは「サーバーパネル」ログイン>「FTP」>「FTPアカウント設定」>「FTPソフト設定」で表示される[2][3]を入力します。

ffftp_sakura05

[4]サーバーパスワード/サーバーアカウント作成時のパスワード

[5]空欄のままで構いません。ここは操作パネルの左の部分を指定するものでパソコン上の任意のフォルダが自動で設定されます。またアクセス後手動でフォルダの階層を変更することができます。

操作パネルの右はサーバー上のディレクトリ(フォルダ階層)となっています。ファイルはドラッグ&ドロップで左右を、あるいはパソコンのデスクトップに表示されている任意のフォルダを行き来することが可能です。

ffftp_sakura03

 

[6]チェックを入れておくと前回アクセスしたサーバーの場所を記憶し、最初に表示します。ぜひ利用したい便利な機能です。

[7]最後に「OK」をクリックし確定します。

以上で「FFFTP」の設定は完了です。

 

サクラエディタのダウンロード

「サクラエディタ」は無料のテキストエディタです。子テーマのstyle.cssなどのファイルをカスタマイズするのにテキストエディタは欠かせません。

 

サクラエディタの最新情報を確認する

「簡易ダウンロード」を推奨します。ただし2018年7月15日現在、開発者オフィシャルサイトにはつぎのメッセージが記載されています。

簡易ダウンロードの内容

ffftp_sakura06

出典:https://sakura-editor.github.io/

 

簡易ダウンロード(パッケージダウンロード)時の注意

ffftp_sakura09

出典:https://sakura-editor.github.io/download.html#pkg

「簡易ダウンロードした後、別途exeファイルのみダウンロードし差し替える」ことが推奨されています。

以下、それぞれのダウンロードページをご案内します。

 

サクラエディタのダウンロード/インストール

簡易ダウンロードサイト

ffftp_sakura07

[1]でダウンロードを開始します。[2]「Files」をクリックし、EXE版のダウンロード画面に進みます。

簡易版をダウンロードする

 

EXE版ダウンロードサイト

ffftp_sakura08

EXE版をダウンロードする

ダウンロードしたふたつのファイルを解凍し、簡易版のフォルダにEXE版ファイルを上書き。インストーラーを起動します。

以上で「サクラエディタ」のダウンロード/インストールは完了です。

 

テキストエディタについては特段むずかしい操作はないので割愛します。

 

-WordPress
-,

Copyright© IT-SORAYORI , 2018 All Rights Reserved.