Wordpressのプラグイン「Crayon Syntax Highlighter」を設置すると「<」の部分が「<」になってしまいます。文字化けを設定画面から解消しましょう。
WordPressのエディタ上で改行しても反映しない?brタグもpタグも表示されない場合の対処方

Wordpressのプラグイン「Crayon Syntax Highlighter」を設置すると「<」の部分が「<」になってしまいます。文字化けを設定画面から解消しましょう。
Atomはデフォルトで画面内で改行しませんので、ソフトラップを設定して横スクロール無しの快適作業に変更します。