ワードプレス

ワードプレス道  FTPサーバーFileZillaの使い方を理解しよう。

こんにちはNAOです。

 

今回は独自のワードプレステーマを作成するときに必要なFTPサーバーの中でよく使われているFileZillaを紹介していきたいと思います。

 

FileZillaとは

 

このソフトは、 SFTP(エスエフティーピー)を使ってファイルの転送を行えます。
SFTPとは、Secure file Transfer Programの略で、セキュリティの高いファイル転送を行うことができます。

 

簡単に言いますとFileZilla(FTPサーバー)を経由してワードプレスに自分の作成したテーマを構築するためにphpに作り変えたデータを転送するということになります。

 

設定方法を見ていきましょう

まずはFileZillaをインストールして下さい。

FileZillaをインストールする方は

インストールが出来ましたらFileZillaのアイコンをダブルクリックして立ち上げてみましょう。

 

 

 

 

 

 

無事にインストールも出来ました。

それではFileZilla立ち上げると、以下のような画面が表示されます。

次は、

上部メニュー、[ファイル]の[サイトマネージャ]を選択してください。

下記の画面が出てきますので設定をみていきましょう。

左の方にある[新しいサイト]ボタンをクリックして、新規サイトを追加します。

ワードプレスの使用元の契約サーバーに設定方法が記載されていますので下記を元に実践して下さい。

エックスサーバー、FTPサーバーの登録方法などで検索すると出てきます。

ホスト サーバードメイン名 sv10000.xserver.jp(仮)
プロトコル FTP -ファイル転送プロトコル
ログオンの種類 通常
ユーザ 配布されているアカウント名
パスワード 配布されているパスワード
 

こちらを見るとより分かりやすいと思います。

 

初期FTPアカウントの設定
ホスト 「サーバーパネル」内「サブFTPアカウント設定」の「FTPソフト設定」に記載されている「FTPサーバー(ホスト)名」を入力してください。
例)sv***.xserver.jp
プロトコル 「FTP - ファイル転送プロトコル」を選択してください。
暗号化 「明示的な FTP over TLS が必要」を選択してください。
ログオンの種類 「通常」を選択してください。
ユーザ 「サーバーパネル」内「サブFTPアカウント設定」の「FTPソフト設定」に記載されている「ユーザー名(アカウント名)」を入力してください。
例)xsample
パスワード サーバーパネルのパスワードを入力してください。
 
「サイトマネージャ」画面の右側の設定項目を下記のように入力後、「接続」ボタンをクリックしてください。
 
 
以下のようなダイアログが表示されることがあります。
これは接続先が正しいコンピュータ(なりすましではない)かの確認であり、
指紋の値から正しいコンピュータかを判断します。
今回は[OK]ボタンをクリックしてください。
 
それでは実際にデータを送ってみましょう
 
FileZillaを使用して、以下の場所にWordPressフォルダ(phpデータ)をアップロードしてください。
WordPressのフォルダ構成はこのようになっています。
 
 
 
 
実際に使用するのは、wp-content内のみです。

他のフォルダは、特に意識する必要はありません。
実際に触るのは、以下の2つのフォルダだけです。

・themes (テーマファイル用フォルダ)
・plugins (プラグイン用フォルダ)

必要なテーマに関わるphpデータをwp-content内のthemes (テーマファイル用フォルダ)にスライドしてください。コピーされます。

ローカルサイト  自分のパソコンのデータが表示されます。

リモートサイト  FTPサーバー上のデータが表示されます。

 

 

オリジナルのテーマをワードプレスに送ると外観→テーマで出てきますのでそのテーマを読み込んでください。

 

themesフォルダの中にはWordPressで利用できるテーマファイルが存在しています。
ーマファイルとは、HTML+CSS+画像ファイルで構成されていて、WordPressを表示させる元となるファイルです。

インストール時には、Twenty FifteenテーマTwenty FourteenテーマTwenty Thirteenテーマの3つが存在しています。

これらのテーマはいつでも管理画面から切り替えることができます。
ここにオリジナルの新しいテーマを作って構築していきます。

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

ありがとうございました。

次回!ワードプレス道宜しくです!
  • この記事を書いた人
NAO

NAO

NAOです。 DTPデザイナー、ワードプレスを愛するWEBデザイナー// 世の中のお得な情報、DTP、WEB、ブログに関して発信してまいります。 「使用ソフト」Illustrator Photoshop DreamWEAVER「使用プログラミング」HTML/CSS/ワードプレス/Jquery/PHP 「企業実績」販売促進に関係するアイテム作成 実績多数 「個人実績」 ココナラ 名刺作成・ロゴ作成 400件以上 広告 50件以上 販売実績

-ワードプレス

© 2024 TSUTAERU BLOG