②テーマの作成に必要なツール、あると便利なツール【WordPressテーマの自作】

公開日:2021年8月29日 テーマ作り
②テーマの作成に必要なツール、あると便利なツール【WordPressテーマの自作】

WordPressのテーマ制作を行うにあたって、コードの編集作業そのものはWordPressの管理画面からほとんどを行うことができます。

そこでここでは、いざという時に便利だったり、テストなどをするのに便利なツールをいくつか紹介しておきます。

本ページおよび、制作過程のページは、実際に作成しながら進めています。前後ページへの挿入を行う必要性、内容を忘れないように書き留めていく必要があることから、公開済みの状態で内容を充実させていっていますので、お見苦しい点が多々あるかとは思いますが、ご容赦ください。

FTPクライアントツール

全ページのテストサイトインストールで使っているので今更紹介することもないと思いますが一応。

FTPクライアントツールは結構たくさんあり、日本の方によく使われているのは「FFFTP」というソフトでしょう。このページをご覧になっている方で使われている方もいるのではないでしょうか?

私もずいぶん前このツールを使っていたのですが、今ではどうか定かでないものの、当時は一部のファイルが転送されなかったり、ファイルの中の後半一部の行が転送されなかったりする転送滑りがよく発生していたので使うのをやめました。

代わりに使っているのがFilezillaというFTPクライアントツール。サーバーとのやり取りで転送されないことはあるものの、きちんとエラーとして表示され、それだけを再び転送するということもできます。何よりFFFTPのようにファイルの一部が転送されないということが経験上ないので安心して使っています。

テーマを作成する上でも、サイトの管理をする上でもFTPクライアントツールは必要でしょうから、インストールしてサーバーへの接続設定をしておきましょう。

テキスト編集用エディタ

WordPressではテーマファイルを直接編集できる「テーマエディタ」という機能があり、基本的にはそれを使って直接編集すればOKです。しかも、この機能はファイル保存時にコードのチェックをしてくれ、問題があれば行数と内容を指摘してくれるので大変便利です(基本私もテーマエディタで編集しています)。

ただ、エラー内容が他のファイルの参照部分で発生していたりするとその場での編集が若干大変になったり、突然サイトが動作しなくなったりということもないことはありませんので、いざというときにパソコン上でも修正できるよう、無料版で十分ですのでテキストエディタをインストールしておきましょう。

おすすめは以下の2つです。

EmEditor

EmEditorは無料で使え、コードに色付けをしてくれるので編集しやすいテキストエディタです。

このエディタでは、デフォルト状態で文字コードがWordPressで正確に認識されるUTF-8(BOMなし)になっているのでそのまま使えます。

Terapad

Terapadは無料で使えることができるテキストエディタです。EmEditorのようにコードのハイライト表示(色付け)はしてくれませんが、その分シンプルで使いやすいと思います。

このエディタの場合、標準の文字コードがShiftJISになっているため、WordPressで正確に認識されるUTF-8Nへ変更する必要があります。

画像ファイル圧縮ツール

テーマ内で使う画像はページの各所に表示されるので、きちんと最適化しておきたいものです。

こちらのオンラインツールで簡単に圧縮・最適化できるので、行っておきましょう。

HTML特殊文字変換ツール

コード中に記号などを挿入する際、プログラム上で使う記号を表示に使う記号として扱うためには、特殊文字へ変換することが必要です(変換していないとプログラムコードなのかどうかの判別がつかずエラーになります)。

こちらのツールで簡単に変換できるので、ブックマークするなどしていつでも使えるようにしておくと便利です。

CSSの圧縮ツール

CSS(デザインコード)中の、どの部分のデザインなのかを書くコメントや改行も、ページの構成要素であり、ページが読み込まれるたびに転送されます。1つ1つは小さい情報でもCSSのように多量にテキストのあるものはできれば不要なものを省いて出力することが大事です。

こちらのツールを使うと、コメントや改行など不要な部分を削除して、1行のコードにまとめてくれますので、あまり変更のないCSSはこれを使って圧縮するとよいでしょう。


サイトへの支援をお願いします

サイトへお越しいただきありがとうございました。
テーマを無料で提供し続けることができるよう、投げ銭によるサイトへの支援、およびSNSによる拡散をお願いします

  •  白黒ハチワレ猫の【モモ】とのんびり暮らしながらフリーランスでサイト制作のお手伝いをしています。
    ブログツールでありながら本格的なウェブサイトに必要な機能を追加できるWordpressの良さを活かした楽しく便利なサイト作りのお手伝いをさせていただいております

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。