HTML+CSSコーディングが10倍速くなるZen Coding

WordPressへのインストール | Zen Coding 2-8

WordPress用のZen Codingプラグイン「WP Zen Coding」
HTML+CSSコーディングが10倍速くなるZen Coding

ネットで話題の"究極の超速コーディング"がだれでもマスターできる!
この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。

WordPressは、無料で使えるインストール型ブログツールです。WordPressの記事作成画面でも、Zen Codingを使うことができます。

WordPress用のZen Codingプラグイン「WP Zen Coding」は、作者rewish氏によるWP Zen Codingのページで配布されています。

ダウンロードした配布ファイルを解凍し、WordPressのプラグイン用のフォルダにコピーして、プラグインの設定を有効にします。

テキスト領域に縦スクロールバーが表示されている状態でZen Codingの省略形を展開すると、トップにスクロールされますが、もう一度展開すると元に戻ります。

  • 名称:WP Zen Coding
  • 作者:rewish
  • 種別:フリーウェア
  • 対応プラットフォーム:WordPress Ver.2.9.1以上、Firefox3.6以上
  • http://rewish.org/wp/zen_coding

WordPressへのインストール

  1. プラグインのダウンロード

    WP Zen Coding」のページにアクセスし、「WP Zen Coding」をクリックして、デスクトップなど適当なフォルダにダウンロードする。

    プラグインのダウンロード
  2. プラグインのインストール

    ダウンロードした配布ファイルをクリックして解凍し、「wp-zen-coding」フォルダをサーバー上のWordPressの「wp-content/plugins/」フォルダにアップロードする。

    プラグインのインストール
  3. WordPressの管理者メニューの確認

    WordPressの管理者画面で「プラグインの管理」を表示し、「プラグイン」に「WP Zen Coding」が追加されていることを確認する。

    プラグインのインストール
HTML+CSSコーディングが10倍速くなるZen Coding
  • HTML+CSSコーディングが10倍速くなるZen Coding
  • こもり まさあき・岡部 和昌 著
  • ISBNコード
    978-4-8443-2945-9
  • インプレス

この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。

ネットで話題の"究極の超速コーディング"がだれでもマスターできる!

めんどうなタグ入力も、一瞬でラクラク変換! Zen Codingを使えば、かんたんな「省略形」だけでHTML/CSSタグがどんどん入力でき、複雑なHTML/CSSも、あっという間にコーディング可能です!同じタグの繰り返しや入れ子構造、連番も一発で自動変換。Webページ制作が画期的にスピードアップできます。 日々大量のタグを打つWebデザイナー、マークアップエンジニア、サイト更新担当者らが泣いて喜ぶマジックツール、Zen Codingのはじめての解説書です。

この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

DX
Digital Transformationの略。企業におけるデジタル化・電子化 ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]