ゆるくはじめるWordPress.

WordPressのテーマ作りに使ったフリーソフト6つ

freesoft

まず練習用に、自分用に。と思って作ったので…というか単純に費用も抑えたかったので最初からWordPressのテーマは全部フリーソフトで作りました。
有名なHTML、CSSエディタと言えばAdobeのDreamweaverとかでしょうか?これを使うとなると月額で2,180円(2016年1月現在)ですね。私にとってはちょっとお高い金額です。
別に絶対にこれを使わなきゃダメ!作れない!と言う訳ではないし、無くても大丈夫。
必要なのはネットに繋がったパソコンと、多少の知識と気合い。これだけ。

参考に私が使ったフリーソフトをまとめておきたいと思います。

【HTML・CSSエディタ】Liveweave

liveweaver

HTML、CSS、Javascriptを同時に書けて、プレビューしてくれるエディタ。ダウンロード不要でWebブラウザ上で利用できます。だからmacとかwinとか関係ナシ。ネカフェとかからでもオッケー。
右上にログインボタンがあるけど、登録・ログインしなくても普通に使えました。
コードのインデントやハイライト(色分け)機能、予測変換機能も付いててとっても便利。

http://liveweave.com

【テキストエディタ】TeraPad

terapad

WordPressのテンプレートファイルを作るのに使います。ファイルの修正もできるし、これだけでHTMLとかCSSのコーディングも一応できる。
TeraPadである必要はないのですが、テンプレートファイルを『UTF-8 BOMなし』の形式で保存する必要があるので、他のテキストエディタを使用する場合は『UTF-8N(BOMなし)』で保存できるかどうかを確認して選んでみてください。

ファイル作るだけならメモ帳でいいじゃん。とWindowsに入っているメモ帳で作っていたら痛い目を見たので、ファイル形式にはくれぐれもご注意ください。

TeraPad

【ローカル環境構築】Instant WordPress

これをインストールすればローカルでWordPressを使う事ができるようになります。ローカルで動いてるってだけで実際のWordPressとほとんど違いはありません。気軽に色々試せてバックアップ環境としても使える便利なソフト。
HTMLとCSSが組みあがってからはほとんどこれで作業しました。

Instant WordPress

詳しいインストール方法など参考: Windowsに「Instant WordPress」で超簡単にWordpressローカル環境を構築する方法

【画像編集ソフト】GIMP

gimp

テーマのテンプレートには画像は使いませんでしたが、アイキャッチ画像や記事中に入れる画像の編集などに使ってます。と言っても縮小やトリミングするくらいで全体の機能の1%も使ってない感じですが、やろうと思ったらもっと色々使える多機能な画像編集ソフトです。

GIMP – GNU Image Manipulation Program

【無料レンタルサーバー】Xdomain

フリーソフトではないですが一応ここに。WordPressが簡単にインストールできる無料のレンタルサーバー。
テーマが完成間近になると、サーバーにアップしないと確認できない事なんかもチラホラ出てきたりします。そんな時に利用させていただいているのがこちら。PCからは広告表示なしで利用できるのでデザインの確認作業なんかも大丈夫。

ドメイン名取得&無料レンタルサーバーサービス『エックスドメイン』

【FTPクライアント】FFFTP

サーバーとファイルをやり取りするためのソフト。これじゃなくても何でも気に入ったもので大丈夫です。
ローカルで修正や変更したデータをサーバーにアップしたり、逆にバックアップのためにダウンロードしたり。テーマが完成してからも微調整やプラグインの追加時など何かと使う機会の多いソフト。

FFFTP (エフエフエフティーピー) プロジェクト日本語トップページ – OSDN

詳しいインストール方法・使い方など参考: 今さら聞けない!FFFTPの使い方 | TechAcademyマガジン

まとめ

ここまで書いたものがあれば、テーマを1から作って実際どう動くかチェックするまで全部無料でできてしまいます。お金はあんまりないけどやってみたい、勉強してみたいって方がいたらどうぞお試しください。


関連

WordPressのテーマ作りで役立ったWebツール7つ
テーマ作り、と言ってもそんな大した技術も使わず自分用の簡単なものを作っただけではあるのですが、そんな私が最初のテーマ作りで使って便利だったなぁと思ったWebツールをメモしておきたい

スポンサーリンク

公開日:2016-1-16