Pocket
LINEで送る

メモ帳だと文字化けでWordPressテーマ作成が出来なかった

terapad

コンテンツ

livedoor BlogからWordPressへ引越し記録第2回目!

自作のテーマ(ウェブサイト/ブログのテンプレート)を制作
WordPressへ引越しする為には
HTMLとCSSのコードを書いていく必要があります。

早速Windowsのメモ帳にコードを書いていったのですが
いざ保存するとどうもおかしい。文字化けして使い物にならないのです。
なんだよこれ…どうすんだよと最初の最初でいきなり躓いてしまいました。

テキストエディタのTeraPad導入・設定!

どうしたものかと思いGoogleで検索したところ
WordPressのテーマ制作には無料ソフトTeraPadが良いとの事。
そこで早速TeraPadの公式サイトからダウンロードしました。

charcode

TeraPadの良い所 [行番号が標準でついている]

上記画像を拡大してみると分かりますが
各行の先頭に行番号が最初から付記されています。
これがある事でHTML、CSS、PHPをスムーズに編集する事が出来ます。

CSSだと300行や500行など3桁のコードもざらにあります。
その中でコードのエラーを探す時など
行番号が目印になってくれるのでとても助かります。

TeraPadの良い所 [対応できるプログラミング言語が多い]

corres
HTMLやCSSはもちろん、
ワードプレスの構築に必要なPHPやJavaScriptもカバーしています。

TeraPadの良い所 [ソースコードを色分けしてくれる→目が疲れない]

例えばPHPファイルの場合、メモ帳だと
モノクロ一色で作業しなければならないと思います。

それがTeraPadだとコメントは緑/idやclassは青/本文のコードは黒
とても目に優しいです。

コードが長くなればなるほどその効果は大きいはずです。

[EOF]とは?

上記画像(2番目)の中に緑色で[EOF]という文字があります。

何の略かと検索して調べた所
End Of Fileの略称の事でした。
「ここでファイルは終わりですよ」と示してくれています。

文字コードとファミコンソフトの意外な関係性

Wikipediaによると「文字コードはバイト表現である」と書かれています。
字面では意味が分かるのですが、まだ腑に落ちなかったのですが
身近な所に答えがありました。

それがファミコンのカセットです。
例えば、ドラゴンクエストなら64キロバイト
ドラゴンクエストII 悪霊の神々なら128キロバイト

ファミコンの容量を思い出す事で
バイト表現である文字コードを理解できました。

nes

WordPressで使用する時はTeraPadの文字コード設定が重要!

[表示] → [オプション] → [文字コード]からUTF-8Nに設定します。

今までメモ帳で書いていたコードをTeraPadで書くようにしたら
あれほど悩まされたバグが無くなりました。
本当に良かったです。

TeraPadお勧めです!
(。´ー`。)

ライフハックお悩み解決製品・サービスの情報をまとめました↓

製品・サービスの公式ページを見る こんな製品・サービスです
ウェブキャンプ :Webスキルのパーソナルジム・いつでも質問 & 豊富な回答・オーダーメイドカリキュラムがおすすめポイント。自分でWebサイトを作れるようになりたいがプログラミング・デザインをどうやって学んでいったらよいか悩んでいる方におすすめです。
コードキャンプ :実務で通用するスキル全般を短期間で習得・上場企業や有力ベンチャーのエンジニアが講師を担当・受講生が本気でエンジニア就職・転職を実現できるよう より現場評価いただける教育がおすすめポイント。現役エンジニアによるプログラミングの個別指導サービスを探していて悩んでいる方におすすめです。
東京での就業と住まいを同時提供のTokyoDive
:東京での新生活をスムーズに始める・住居探しと仕事探しをする手間が省ける・何かとお金がかかる東京の生活で初期費用を抑えるがおすすめポイント。東京で新生活を始めたい・シェアハウスに興味がある・東京に飛び出したいが不安で一歩が踏み出せないと悩んでいる方におすすめです。
リツアンSTCは、エンジニアに特化した人材紹介会社(派遣・業務委託・正社員紹介)です!
:漫画も面白い(同じ大学の研究室で学び、派遣エンジニアという職についた2人が10年ぶりに再開するところからスタートするストーリー)・社員の平均年収585万円!業界トップクラスの給与水準・自信があるからこそマージン率を公開がおすすめポイント。現在の勤め先に悩んでいて転職を考えている方におすすめです。
こんなに簡単!店舗向けホームページがすぐ始められる「グーペ」
:飲食店、美容院、ネイルサロンなどのお店だけではなく 塾、事務所、個人事業主、クリエイター、アイドルまで、 様々な業種のホームページが簡単に作れる・4,000通りものデザインパターン・初心者だけでなく、中・上級者の方も満足がおすすめポイント。ブログ感覚で手軽にお店のホームページを作成したいと考えているが、その方法が分からない!と悩んでいる方におすすめです。
Pocket
LINEで送る

比較表:説明

はみ出し情報

コメント欄

この記事はこんな人が書いています!

  • サイト管理人紹介
  • 管理人が現在気になっている青汁が
  • サンスター 粉末青汁 やわたのおいしい青汁 です。
  • 記事に間違いがありましたら、是非お知らせ下さい。
  • 確認の上、直ちに修正します。
  • またコメントも募集中です。

サイトご利用にあたって

  • 当サイトで公開している記事に掲載されている情報は
  • 自己責任でご活用下さい。
  • 特に医療・健康に関する情報は、ある人には最適(今現在)でも
  • あなたに最適とは限りません。
  • 必ずご自身の状態と照らし合わせて
  • 自分に最適だと判断してから掲載情報をご活用下さい。

スポンサーリンク

  • 「これは使ってみてあまり良くなかった」という
  • 製品・サービスがありましたら、是非お知らせ下さい。
  • 確認の上、お悩み解決製品・サービス一覧表への
  • 今後の掲載の継続を再度検討します。
  • また「これは使ってみてとても良かった」という
  • 製品・サービスがありましたら、こちらも是非お知らせ下さい。
サイトご利用にあたって

関連記事を見る