Webの記録

WordPressテーマエディタをプラグイン「Advanced Code Editor」で見やすく♪

投稿日:

この記事は約 2 分で読めます。

WordPressでオリジナルテーマを作成する時、WordPressのテーマ編集画面のエディタを使用しているのですが・・・ちょっと見辛いなぁと思っていました。

今回何か良い方法ないかなぁ~と思って探していたら・・・。
WordPressのプラグイン「Advanced Code Editor」を見つけました。

ソースコードエディタで構文の強調表示を有効にし、PHP、HTML、CSSとJSにサポートしてくれています♪

幾つか似たようなプラグインはあったのですが、「Advanced Code Editor」が使いやすそうだったので、メモとして残します♪

特徴

  • インストールして有効化するだけで使える!
  • 混合言語のシンタックスハイライ​​ト(PHP、HTML、JavaScript、およびCSS)
  • 行番号の表示
  • スマート検索(文字列または正規表現)など、ツールバーが充実(機能がたくさんあり便利!!)
  • 11エディタのテーマから好みのエディタデザインを選べる

※たくさん機能があるのですが、私が使ってみて便利だったコトを書いてみました。詳しくは「Advanced Code Editor」のサイトでご確認ください。

設定・使い方など

Advanced Code Editor」をインストールして有効化すると、すぐに使えます。

11エディタのテーマから好みのエディタデザインを選べます。

ツールバーが画面上部にあり、まだ全部は試せてませんが便利そうな機能が入ってます!

エディタのデザイン

プラグイン有効化する前の状態

有効化して、defaultの状態

有効化して、nightの状態

有効化して、neatの状態

有効化して、elegantの状態

有効化して、raverStudioの状態

有効化して、cobaltの状態

有効化して、eclipseの状態

有効化して、monokaiの状態

有効化して、rubyblueの状態

有効化して、solarizedLightの状態

有効化して、solarizeDarkの状態

これでテーマ編集が少し楽になりそうな気がします!

-Webの記録
-,

執筆者:


  1. […] 先ほど(2013-07-27)インストールして有効化しました。 参考にさせて頂いたサイトhttp://motoshige.net/blog/archives/3997 今回プラグインを探すのに「wordpress ソースコード」というキーワードを入力 […]

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

関連記事

no image

WordPressでオリジナルテーマ作りにチャレンジ8【トップページ編】

この記事は約 1 分で読めます。 今回、WordPressのオリジナルテーマ作りにチャレンジしました。 ブログサイトならトップページを特別に作る必要はないのかもしれませんが、通常のサイト「index. …

no image

WordPress 複数のサイドバーを使い分ける方法。

この記事は約 2 分で読めます。 WordPressのテーマを独自で作っていて、どのページも同じサイドバーでは面白くないなぁと思い…。 記事のページ(index.phpやsingle.php等)と固定 …

no image

Evernote Site Memoryボタンを付けてみた♪

この記事は約 1 分で読めます。日頃、いろいろな情報をEvernoteにまとめています。 使い始めるとホントに便利で、無くてはならない存在になっています。 ・・・で、Evernoteで便利な方法はない …

no image

WordPressでオリジナルテーマ作りにチャレンジ7【page.php編】

この記事は約 1 分で読めます。WordPressのオリジナルテーマ作りにチャレンジしています。 前回までで一通り表示は出来るのですが、今回気になるのは固定ページ。 お問い合せフォームの上にページをい …

no image

Google Maps表示用スクリプト「google_map_api_js」を試してみた♪

この記事は約 1 分で読めます。 以前「jquery.gmap3.js」を使ってGoogle Mapsを表示させてみました。(「jquery.gmap3.jsを使って、Googlemapを簡単にカスタ …