【WordPress】環境を構築する【VSCode, Cyberduck】

環境構築

  1. Visual Studio Code(エディター)
  2. Cyberduck(FTPアプリケーション)

当ブログのWordPressの記事はこの2つのアプリケーションを用いて説明を行っております。

注意

Macでの説明になりますが、有名なアプリケーションのため検索すればWindowsのインストール方法や使い方がすぐに出てきます。
当記事では簡易的な説明になっておりますので、詳しく知りたい方は検索するかコメント欄にてお尋ねください。

Visual Studio Codeをインストールする

Windows or Macで選んでダウンロードします。

Macではzipを展開するとアプリが出てくるので、アプリケーションフォルダへ移動させてください。

VisualStudioCodeを開きます。

拡張機能でいろいろ便利な事ができますが、とりあえず最低限日本語化をさせておきます。
左のバーから四角が四つのアイコンをクリックして、「Japanese」と打ってエンターを押します。
一番上にJapanese Language Pack for Visual Studio Codeと出てくるのでインストールしましょう。

Cyberduckをインストールする

Cyberduckとはレンタルサーバーとパソコンの中とのファイルを行き来させる事ができるFTPアプリケーションです。
更に、編集を上記のVSCodeでできますのでとても便利です。

環境にあわせていずれかをダウンロード。

こちらもVSCode同様Macでは展開したらそのまま使えますのでアプリケーションフォルダへ移動させておきましょう。

Cyberduckでサーバーに接続してみる

サーバーに接続をしてみましょう。
接続するためにはサーバー名、アカウント名、パスワードが必要です。
一般的なレンタルサーバーであればコントロールパネルや契約情報に書いてありますので、調べてみましょう。

XREAの例。コントロールパネルから契約情報にて。

さくらサーバーの例。コントールパネルのトップページにて。

新規接続ボタンから、FTPを選択して先ほど調べた情報を入力します。
接続ボタンを押して、フォルダなどが表示されれば成功です。

失敗した場合は入力ミスが考えられますので再度入力してみてください。

環境構築完了!

どうでしょうか。できましたでしょうか?
これであなたのパソコンとWebサーバーが繋がりました。