WordPressの使い方マニュアル 商業サイトからアフィリエイトサイトまでつくれるWordPressの使い方を学ぼう

WordPress攻略本

WordPress WordPressの便利なプラグイン

『WP Zen-Coding』WordPressの記事投稿でZen-Codingが使用できるプラグイン

スポンサードリンク

投稿日:

WordPressの管理画面上でZen-Codingが使用できるプラグインWP Zen-Coding

Zen-Codingについて

Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。
例えば

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="page">
<div id="header">
<ul class="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>
</body>
</html>

のようなhtmlを

html:5>div#page>div#header>ul.navigation>li*4>a

として記述し展開するとhtmlが作られます。コーディング時間の短縮には必須のツールです。
広まってからしばらく経ちました。使い方や参考の書き方はググると多くの情報が引っ張り出せます。

参照URL

知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

動作環境

WordPress3.3.1
プラグインバージョン0.3.1

インストール

WordPress › WP Zen-Coding « WordPress Plugins
よりダウンロードしてwp-content/plugins/ディレクトリにアップします。
または
WP Zen-Coding

管理画面 > プラグイン > 新規追加 > WP Zen-Coding

で検索します。インストール後有効化します。

設定

WP Zen-Coding
プラグインを有効化したら

管理画面 > 設定 > WP Zen-Coding

から詳細設定をします。
デフォルトのショートカットキーに [Meta+E]や[Meta+D]と指定されていますが、
MetaキーはMacだとコマンドキーのことです。
また、省略コードの展開は「tabキー」でも展開されます

WordPressをゼロから勉強するならオンラインで完結するプログラミングスクールがおすすめ

ネットで調べてWordPressを勉強するのも良いのですが、最近のGoogleは調べたい結果が出てこないことが少なくありません
またようやくたどりついたとしても記載されている内容が古く、WordPressバージョンについていけず内容を適応したらエラーが出てしまってどん詰まりになってしまう…なんてことが起こります。

・WordPressの勉強に挫折してしまった・・
・WordPressやWebデザインを習得して、フリーランスとして働きたい
・自分のWordPressブログやサイトをもっとカスタマイズしてステップアップしたい
なんて思いがあるのであれば、 最短4週間で未経験からプロを育てるオンライン完結のプログラミングスクール「テックアカデミー」を利用してはいかがでしょうか?

テックアカデミーの良いところは専門の「 WordPressコース」が用意されている点です。

WordPressをカスタマイズしてオリジナルサイトを構築するという内容で、

・週2回のマンツーマンメンタリング ・毎日15時〜23時のチャットサポート ・回数無制限の課題レビュー
が付きます。

この「いつでもWordPressのプロに聞ける」というのが良くて、自分でググるって答えにたどり着けなくてもWordPressのプロに聞くことで、すんなり解決し時間の無駄を止められます。 解決策を探していて見つからないときほどモチベーションが下がるときはありません。

またWordPressをマスターして使えるようになると「副業」をする面でもメリットがあります。
クラウドワークスなどのネットで受注できる仕事にはWordPressをつかった案件が多数あります。
簡単なものですと記事制作からWordPress自体のカスタマイズまで様々。

いまの収入以外に副業として収入源が欲しい!!なんて場合にもWordPressの需要はまだまだ引っ張りだこです。

テックアカデミーではこのWordPressコースを受ける前に 「無料の説明会動画視聴」「無料キャリアカウンセリング」があります。

いまいちどんな講座なのかイメージできない場合には、講座申し込みをすぐにせず一呼吸おいて
必ずこの説明会動画を見て、無料カウンセリングを受けてください。
説明会動画を見て無料カウンセリングを受けてやっぱりオンラインレッスンをやめるというのも全然有りな選択ですから。

WordPressコース講座の無料説明会動画はこちらから >>

WordPress運営が楽になるおすすめのサーバーとテーマをご紹介

WordPressおすすめのサーバー・テーマ

スポンサードリンク

-WordPress, WordPressの便利なプラグイン
-,

Copyright© WordPress攻略本 , 2019 All Rights Reserved.