TOOLHTMLの特殊文字をブラウザで見ても、ソースコードのままの表示したいと思っている人「ブログにソースコードを掲載したいときに、ブラウザが自動で認識して、変換されて困る...。ソースコードのまま表示したいときは、どうしたらいいのかなぁ。今回の記事では、上記のような悩みの解決をお手伝いします。こんにちは、ゾノです。この記事を書いている僕は、現役でWebデザイナー&マーケターとして活動しつつ、ブログを運営しながら生活しています。今では、外出せずに学べるパソコン教室を運営し、ブログ初心者に特化したブログ指導活動にも取り組んでいます。1分で変換】HTMLには特殊文字で表示される文字がいくつもあります。このような特殊文字は、ブラウザが自動認識してしまいます。そのままソースコードが表示されるようにするには、下記の方法を使うといいです。dounokounoさんのツールを使うといいです。dounokouno手順は、6ステップです\(^o^)/右サイドバーのMENUHTMLエスケープツール変換前のソースコードを入力オプションの2つ「code」「pre」にチェック変換をクリック変換後をコピーして貼り付けこれだけです。実際の流れは、こんな感じですたとえば、このソースコードを貼り付けたい場合。href="https://01blog.org/">01blog「ゼロイチブログ」</a>※HTMLソースコードで表示されました。これをコピペして使えばOK\(^o^)/ちなみに、変換後はこんな感じです。スポンサードサーチHTMLエスケープツールを使って、自分用のメモをブログに残すHTMLエスケープツールを使用して、自分のブログにメモを残す習慣をつけることがおすすめです。いろんなソースコードを、メモとして残すメリット自分のブログにメモ用として、ソースコードなどを残すと下記のようなメリットがあります。忘れたときに、自分のブログを見ればわかる【自分のため】メモとして残すと、検索されたときに表示されるかも【人のため】ざっくりと、こんな感じのメリットですね。ローカル上で管理するだけでは、ただのメモですが、Web上にアップしておけば人のためにもなります。検索してブログを見に来てくれたときに参考になれば、またブログを見に来てくれる可能性も高まります。僕のメモ用ブログ記事は、下記のとおりです僕が自分でもよく使い、わりとアクセス数もある記事は下記のとおりです。【エックスサーバー】SSL設定後にやるメモ【.htaccess】エックスサーバーでWordPressをSSL化したときのリダイレクト設定用のメモです。「.htaccess」ファイルのコピペ用です。ブログ初心者の人も、ブログを開設したらまずはこの設定をすることをおすすめします。【WordPress】管理画面のログインURL変更(メモ用)【不正ログイン対策】WordPressのログインURLを変更し、不正ログインを未然に防ぐための設定方法のメモです。found」とする設定です。比較的簡単に設定できるので、ブログ初心者も設定しておくといいと思います。【Mac】「png」→「jpg」に変更方法【スクリーンショット】Macのスクリーンショットはかなり便利ですがデフォルトの拡張子が「png」です。ブログ運営をしていると圧縮率が大きい「jpg」を使用したいですよね。いちいち変換していると面倒なので撮影した瞬間に「jpg」で保存される方法のメモを公開します。「メモ」というカテゴリーを用意して、メモしたい内容があれば記事にしています。「メモ一覧」ページは、下記のリンクからチェックすることができます。「MEMO」カテゴリーの一覧ページまとめ:自分のメモは、きっと誰かの役に立つと思う本記事では、HTMLエスケープツールの使い方をまとめましたが、自分のメモが誰かの役に立つことがきっとあると思います。メモとしてブログに公開しておくといいと思います\(^o^)/相談やお問い合わせ、ご依頼などお気軽にメッセージください。お問い合わせWebマーケティング基礎知識の学習用に、「【入門ガイド】経験ゼロ→お金を生み出すブログを開始する完全マップ」をまとめました。【入門ガイド】経験ゼロ→お金を生み出すブログを開始する完全マップブログを使ったWeb集客の基本を学習したい方向け。本記事は初心者がブログを開設するために必要な基礎をまとめました。情報が変われば常にアップデートしていきます。これからWebマーケティングをを学びたい人や現在学習中の人は是非ご覧ください。詳細を読む当ブログと他のサイトの圧倒的な違いは様々な疑問や悩みを解決するために【無料体験レッスン】30分相談会(オンライン開催)に初回限定で参加できることです。しても分からなかったり、1人で悩むことがあればご相談ください。質問やメッセージ、相談があればお気軽にお問い合わせください。DESIGN名刺・POP・チラシ・バナー・ヘッダー等のデザインの依頼ページDESIGNゾノブログ・デザイン・引きこもり生活を好んでいます。新卒でアキバの高校で美術&情報の教師として4年間勤務→ITベンチャー→アパレルデザイナー→Webデザイナーとして起業→Web関係の仕事を頑張りつつ、パソコン教室を運営し収入7桁達成。各地をめぐりながら生活しています。東京にいることが多いので気軽に声かけてください。広告をご希望の場合はお気軽に「ご相談&お問い合わせ」ください。me!ブログ・デザイン・引きこもり生活を好んでいます。新卒でアキバの高校で美術&情報の教師として4年間勤務→ITベンチャー→アパレルデザイナー→Webデザイナーとして起業→Web関係の仕事を頑張りつつ、パソコン教室を運営し収入7桁達成。各地をめぐりながら生活しています。東京にいることが多いので気軽に声かけてください。Reserved.プライバシーポリシー|販売条件|サイトマップ。