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. [Instagram] インスタグラムで勝手にレイバンサングラスの投稿がされたら…
  2. [レビュー] Lenovo Ideacentre 720 使えば手放したくなくな…
  3. 机からケーブルを落とさない NuAns WORKLIFE FOLDKEEPER …
  4. [レビュー] Lenovo Ideapad 520 スタンダードな充実ノートパソ…

関連記事

  1. Facebook

    Facebook : 友達のゲームのお知らせをニュースフィードに表示させない

    Facebook の魅力の一つにゲームが豊富なことがあげられています。…

  2. Web

    WordPress : 本当に「死ぬほど簡単」だった Macで WordPress ローカル環境構築…

    こんにちは。なまけもの@OfficeTAKUです。以前、W…

  3. LINEに届いたスパムメール文面
  4. Web

    2016 迎春

    あけましておめでとうございます。@OfficeTAKUです。…

  5. その本、図書館にあります
  6. Evernote ルールド スマートノートブック(横罫) by Moleskine / ポケット

    iOS

    Evernote Ruled Smart Notebook で MOLESKINE デビューします!…

    こんにちは。文具好きでもある@OfficeTAKUです。も…

最近の記事

  1. Lenovo Ideapad 520
  2. NuAns WORKLIFE FOLDKEEPER マルチケーブルホルダー(フェルト)
フォトマルシェ - PhotoMarche

人気の記事

  1. Mac ハングル入力
  1. iOS

    [iOS] アプリのマイクへのアクセスを「許可しない」にしてしまいマイクが使えな…
  2. Security

    [mixi] ミクシィ乗っ取られ記。放置している方は至急確認を!オークリー サン…
  3. iOS

    [iPhone] AirDropで写真を共有しようとしたら、AirDropがみ…
  4. Security

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

    【注意!】「2018 年間ビジターアンケート」というフィッシングサイトに騙されな…
PAGE TOP