【wordpress】初心者向け。FTPソフトを入れよう!

FTPってなに?

FTPはFile Transfer Protocolの頭文字を取ったもので、サーバーとクライアントのファイルのやり取りを行う約束事みたいなものです。

それだけだと意味がわからないので、簡単に言うと自分のパソコン webサーバーというのをマウスでひょいひょいとドラッグアンドドロップでできるようにしたものがFTPソフトです。

バイナリモードだとかアスキーモードだとか21番ポートがSSHがだとか、難しいことは言いません。

シゲ

とりあえず、つながればええねん。
困ったら後から変えればええしな。

カミ

こんな人にオススメ
  • wordpress初心者の方
  • ちょっとデザイン的に物足りないなと感じている方
  • css触ってみたいけど、あんまりよくわかんない方
  • カスタマイズに興味がある方

オススメ!無料FTPソフト3選

WindowsでもMacでも両方使えるフリーソフトをご紹介!

FTPソフトは星の数ほど存在しています。

windowsのみだったり、Macのみだったりするものは省きました。

住めば都、慣れればデフォルトです。

自分が使ってみて使い心地が良いものを選びましょう。

FileZilla

windowsとMac両方で使えるソフトです。

とりあえず、困ったらコレにしておけば間違いありません。

何より早いし。

こんな感じです。

サーバーのディレクトリ(フォルダ)とその中身、自分のパソコンのフォルダとその中身が全部表示されています。

ぺぺっとダブルクリックでアップロード、ダウンロードが可能です。

シゲ

なんか、めっちゃ機能ついてるやん。
使わんかったらええだけやん。

カミ

いっぱい機能が付属してますが、差し当たっては使わなかったらいいだけです。

ソフトに任せてしまいましょう。

CyberDuck

windowsとMac両方で使えるソフトです。

シンプルで可愛いです。

表示されるのはサーバー側のみで、ファイルのアップロードは上のアップロードボタンからファイルを選びます。

ダウンロードはドラッグで行います。

でも、アップロードもドラッグで出来ます。

シゲ

アップロードボタン要るん?
要る人には要るんちゃう?
知らんけど。

カミ

直感的にフォルダ間で操作できるため、フォルダ構成なにそれ。美味いの?って人にはオススメです。

シゲ

ちょい起動が重いけどな!
貧弱なマシン使ってるんちゃうの?www

カミ

CrossFTP

全部英語です。

正直に言います。

私は使いこなせませんでした。

シゲ

アイコンもよーわからんな。
なんでインストールしてんねん。

カミ

ただ、海外では好評らしく根強いファンが多いようです。

他にも。

  • FFFTP(windows専用)
  • FTP Rush(windows専用)

なんだかんだ言って、どれか一つ使えるようになればいいです。

私はFileZillaとCyberDuckを使っています。

FileZillaはイチイチ音がデカイので、娘が寝ている時はCyberDuck、その他の時はFileZillaを使っています。

簡単なcssを書いてみる。

ごく簡単なマーカーを作ってみます。

HTML

子供と遊ぶPython3
CSS

.under_y {
  background: linear-gradient(transparent 70%, #fffacd 70%);
}

.under_y は、class(クラス)といいます。

今回は、classの{}に囲われた内容をspanタグで反映させる!と思ってください。

classを説明すると書ききれなくなってしまうので、今回は省きます。

今回のclassの中身、background: linear-gradient(transparent 70%, #fffacd 70%);ですが、backgroundは背景、:(コロン)から先がプロパティになります。

つまり、和訳するとspanタグで囲んだ部分にはunder_yというclassが割り当てられています。

under_yが示すとおり「背景(background)を(:)linear-gradient(transparent 70%, #fffacd 70%)に変えなさい。」と言っているわけです。

とりあえず、コピペして70%や、#fffacdを変更したりしてみて、どんな感じになるのか実際に触ってみましょう。

cssの場所

wordpressであれば、ドメインwp-contentthemesお使いのテーマの子テーマstyle.cssです。

MEMO
XSERVERの方は、ドメインpublic-htmlwp-contentthemesお使いのテーマの子テーマstyle.cssです。
注意
style.cssの記述をミスると画面が真っ白になる恐れがあります。
ダウンロードしたら、必ず編集前にバックアップを取りましょう!

まとめ

この記事のまとめです。

まとめ
  1. FTPはサーバーとクライアントのファイルをやり取りする約束事である。
  2. FTPソフトはいっぱいある。
  3. 自分が使い勝手が良いものが一番である。
いかがでしたでしょうか?

最後までお読みいただきありがとうございました。