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. Amazonプライム・ビデオで今見ておくべき作品
  2. [iTunes] Apple Music ライブラリ内の曲を再生したら全く別の曲…
  3. 法定相続情報一覧図の作成や申出のポイントについてまとめ
  4. [Google] Chrome 拡張機能「Password Checkup」導入…
  5. Apple Music や Amazon Musice でクラシック音楽の楽曲・…

関連記事

  1. Google

    ぐぐたす (Google+) の「おまかせビジュアル」うまくはまればきれいです (^^♪

    こんにちは。ぐぐたすも細々やっている @OfficeTAKUです。…

  2. Facebook

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

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

  3. Facebook

    Facebook:Shareする前に考えよう!「 顔写真じゃないとBANされる」はガセネタです!

    こんにちは。ぐぐたす(Google+)に行くとついついAKB48メンバ…

  4. Facebook投稿画面

    Facebook

    Facebook:投稿で友達やFacebookページに言及(メンション)する

    こんにちは。@OfficeTAKUです。Facebookの…

最近の記事

  1. Kindle Daily Sale 17
  2. Kindle Daily Sale 15
  3. Kindle Daily Sale 15
  4. Kindle Daily Sale 14
  5. Kindle Daily Sale 13

人気の記事

  1. マイクロソフト製品の新元号対応について
  2. Time Machine からの復元
  3. マンガ『スティーブズ』
  1. Lenovo TAB4 8 Plus

    ハードウェア

    [レビュー] レノボ 「TAB4 8 Plus」 画面が美しく動画もマンガも満喫…
  2. Lenovo Ideapad 520

    ハードウェア

    [レビュー] Lenovo Ideapad 520 スタンダードな充実ノートパソ…
  3. Microsoft PowerPoint MVP 河合浩之

    PowerPoint

    [PPT] あなたのPowerPointプレゼンテーションを劇的に変えてしまうで…
  4. おすすめ

    忙しい朝もコーヒーは欠かせない!お湯を沸かすのすら面倒な人におすすめ!ネスカフェ…
  5. 書籍

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