WordPress

Web

WordPress HTMLタグの入力を楽にする「Wp Zen Coding」プラグイン

WordPressブログの記事を欠く時、タグの入力とか面倒なので以前はエディタで書いて貼り付けていたこともありました。
しかし、最近はめんどうなのでWordPressで直接書くことが多くなりました。

ただ、そうするとHTMLタグやCSSの記述は面倒…

入力支援してくれるWordPressプラグインを本気で探さなきゃ、と思っていたのですが、ゴールデンウィークとやらなのでようやくとりかかりました。

ググってみたところ、AddQuicktagWp Zen Coding が目にとまりました。

Wp Zen Coding

AddQuicktagの方が簡単そうでしたが、汎用性が高い Wp Zen Coding をインストールしてみました。

Zen codingなるもの、そういえば、以前ちらっと見たことがあったようだったのだが…

こちらの

と、いうブログエントリを参考にして、まず、Web担の下記のエントリ

を読んで、ざっとZen Codingとはどんなものかお勉強。

HTMLタグやCSSの入力支援ツール。
テキストエディタのプラグインとして開発されたものが、いまではDreamWeaverやWordPressなどのプラグインも開発されているとのこと。

その上で 「Wp Zen Coding」 をインストール。
プラグインの新規追加で Wp Zen Coding で検索、インストールをクリックするだけで、簡単に終了。

h1タグを入力する場合は、
h1 と入力し 直後に [コマンド]キー+[E]キーを押します。

そうすることで、

<h1></h1>

というワンセットのタグが入力できます。

CSSのクラスが入ったタグを挿入する場合は、
h2.size-l などと入力し、 [Tab]キー([コマンド]キー+[E]キー) で、

<h2 class="size-l"></h2>

というタグが挿入されます。

先に文章を入力した場合は、範囲選択し、[コマンド]+[Shift]+[A] で入力のダイアログがでてくるので、タグを入力、です。

記法、ショートカットキーさえある程度覚えれば便利に使えそうです。

参考にさせてもらったサイト

ピックアップ記事

  1. 机からケーブルを落とさない NuAns WORKLIFE FOLDKEEPER …
  2. Apple Music や Amazon Musice でクラシック音楽の楽曲・…
  3. [レビュー] 『親子で学ぶ プログラミング超入門 ~Scratchでゲームを作ろ…
  4. [Google] Chrome 拡張機能「Password Checkup」導入…
  5. [Amazon]【30日間無料体験】アマゾンで買い物する方はプライム会員が絶対お…

関連記事

  1. Facebook

    Facebook : Facebookページのアップデートを逃さずキャッチする方法

    こんにちは。@OfficeTAKUです。自分のニュースフィ…

  2. Wordpress ビジュアルエディタ

    WordPress

    [WordPress] ビジュアルエディタならExcelの表を簡単にはりつけ可能

    こんにちは。タグは手打ち派 @OfficeTAKUです。普…

  3. Facebook

    Facebook : メールアドレスを表示したくない!公開範囲の変更

    Facebookに登録するにはメールアドレスが必要になります。メー…

  4. Web

    [iOS] 年末と言えばこれでしょ!第九をより楽しめるiPhoneアプリ 『Beethoven’s …

    こんにちは。@OfficeTAKUです。年末と言えば第九で…

  5. iOS Facebookアプリ 写真アップロード

    Facebook

    Facebook : iOSアプリがアップデート!写真をまとめてアップロードが楽になった

    こんにちは。写真撮るのは好き@OfficeTAKUです。下手で…

最近の記事

  1. Kindle 日替わりセール 24
  2. Kindle 日替わりセール 23
  3. Kindle 日替わりセール 22
  4. Kindle 日替わりセール 21

人気の記事

  1. マンガ『スティーブズ』
  2. ネット詐欺専用セキュリティソフト「詐欺ウォール」
  3. Canva
  4. Photo by Taskin Ashiq on Unsplash
  1. Security

    [Instagram] インスタグラムで勝手にレイバンサングラスの投稿がされたら…
  2. WordPress

    [WordPress]ロリポップサーバーで不要になったWordPressサイトを…
  3. 日記

    法定相続情報一覧図の作成や申出のポイントについてまとめ
  4. WebService

    Apple Music や Amazon Musice でクラシック音楽の楽曲・…
  5. 書籍

    [レビュー] 『親子で学ぶ プログラミング超入門 ~Scratchでゲームを作ろ…
PAGE TOP