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

Creative Cloud デスクトップアプリケーションが何も表示しなくなったとき

この記事は約 1 分で読めます。 Adobe Creative Cloudを使用していて、ディスクトップから起動させようとすると、画面が真っ白になってしまいました。 それぞれ単体のソフト(Photos …

no image

レスポンシブ対応ナビゲーションを簡単に付けられる「SlickNav」

この記事は約 1 分で読めます。 レスポンシブサイトで、PCとスマホではメニューの見せ方を変えたいもの。 画面の幅が狭くなった時はハンバーガーボタンと言われる三本線のボタンを表示をすることができる、j …

no image

WordPressプラグイン「Easing Slider」でスライドショー簡単設置

この記事は約 1 分で読めます。 WordPressでカッコいいスライドショーを簡単に実現出来るプラグイン「Easing Slider」があったので、メモしておきます。 有料版もあるようですが、無料版 …

no image

Facebook タイムラインのカバー画像を設定してみた♪

この記事は約 1 分で読めます。 Facebookのタイムラインが登場して、少し経ちます。 カッコイイ画像をカバー画像にされている方もお見かけするのですが、私はまだ画像がしっくり決まらずジタバタしてい …

no image

スマホ用にWebクリップアイコンを設置してみた

この記事は約 1 分で読めます。 Webクリップアイコンの設置はとても簡単!アイコン素材をちゃんとアップして、1行link要素を書くだけです。 iPhone、iPad、Androidでホーム画面にショ …