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.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

WordPress管理画面の不正アクセス防止に「Simple Login Lockdown」

この記事は約 1 分で読めます。 WordPressの管理画面にログインするには、ユーザー名とパスワードさえ合っていれば誰でもどこでも入る事が出来ます。 特に推測しやすいパスワードにしていた場合、全然 …

no image

フッターをブラウザの下部に固定する方法

この記事は約 1 分で読めます。 コンテンツが少ない場合、フッターの下に余白が出来てしまいます。 さすがに、ちょっと気になる・・・ってワケで、今回はフッターをブラウザの下部に固定する方法をいろいろ試し …

no image

scroller.jsで「するするスクロール」にチャレンジ♪

この記事は約 1 分で読めます。以前、yuga.jsを使ってページ内リンクを「するするスクロール」にチャレンジしました。 今回は、scroller.jsを使って同じような事をやってみたいと思います。 …

no image

Facebookページで「30いいね!」を獲得したら出てくる「インサイト」画面。

この記事は約 1 分で読めます。 ゆるゆると更新していたFacebookページ。 ようやく「いいね!」の数が30を超えました。 すると、今まで見る事が出来なかった「インサイト」という項目が表示されるよ …

no image

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

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