WordPressには、いくつかのプログラム言語が利用されています。
主に使うものといえば、以下のような言語です。
- WordPress関数(PHP)
- PHP
- HTML
- CSS
- JavaScript(jQuery)
ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。
というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。
ということで今回は、Wordpressで「これどうすればいいんだったっけ?」「あれなんて関数だったっけ?」なんて時に見ると便利なカンニングペーパー(チートシート)の紹介です。
目次
WordPressチートシート
WordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。
日本語版 WordPress チートシート
日本語版 WordPress チートシート | Webクリエイターボックス
とりあえずここに紹介されているコードとHTML&CSSを組み合わせれば、Wordpressテーマの7、8割は出来てしまうんじゃないかというくらい、ポイントとなるコードが載ったチートシートです。
特にPDFが一覧で見やすいので、ダウンロードしていつでも開ける場所に置いておくと何かとはかどります。
WordPress Help Sheet 日本語版
WordPress Help Sheet 日本語版 | textdrop
少し古いけど、こちらもPDFに一覧で見やすいチートシート。
WordPressテンプレートタグ チートシート
WordPressテンプレートタグ チートシート | Mignon Style
日本語のHTMLページの、インクルードタグ、テンプレートタグ、条件分岐タグのチートシート。
WordPress Visual Cheat Sheet
WordPress Visual Cheat Sheet – V7final(PDF)
全5ページのPDFファイルのチートシートです。とりあえず、これさえ手元に置いておけば、テーマ編集などで使用する関数のほとんどをカバーできるのではないかと思います。
英語ですが、とても見やすく必要な引数の簡単な解説付き。
WordPress Theme Development Cheatsheet
WordPress Theme Development Cheatsheet » Codeclown
WordPressテーマファイルを作成するときの雛形となるようなコードがまとめられたチートシートです。style.css冒頭に書くようなものや、テーマのヘッダーに書くようなことなどがまとめられています。
その他
17 Useful WordPress Cheat sheets | SmashingApps.com
チートシートは、自分の苦手な部分をカバーできるようなものを選ぶのが一番です。上記リンクには、テンプレート構造などのチートシートもあるので、自分の苦手分野を補えるものがないかチェックするといいかも。
PHPチートシート
PHPの基本を押さえておくと、Wordpressへの理解が一層深まります。
PHP Cheat Sheet 日本語版
PHP Cheat Sheet 日本語版 | textdrop
配列関数、文字列関数、正規表現、日付フォーマットなど、すぐ忘れてしまいがちなものがまとめられています。
PHP Cheat Sheet
「配列ってどんな関数があったっけ?」「文字列のあの関数を使いたいんだけど、名前が思い出せない」なんて時に見ると、便利なチートシートです。
型ごとに色付けがしてあり、関数などが一覧になっているので、とても見やすいです。
正規表現 Cheat Sheet 日本語版
正規表現 Cheat Sheet 日本語版 | textdrop
テキスト処理において覚えておいて損はない正規表現。覚えずとも、チートシートを見ながら書くことができれば十分です。
preg_match()正規表現チェッカー
メタ文字のリファレンスが載っているのでチートシートとしても利用できます。正規表現を書いたら動作まで確認できるので便利です。
その他
10 Best PHP Cheat Sheets for Quick Development
セキュリティーのチェックシートや、真偽表のチートシートもあります。
HTMLのチートシート
サイト作成の基本中の基本、HTMLのチートシートです。
HTMLタグリファレンス
HTMLタグリファレンス(ABC順)
HTMLタグリファレンス(目的別)
「このHTMLタグってどんな意味だったっけ?」「このタグの属性ってどのように書けばいいんだっけ?」なんて時に開いてチェック。
HTML Cheat Sheet
一覧で表示結果を見ながらタグをそのままコピペで使えるチートシートです。
HTML5 タグ★チートシート
HTML5のタグと、その概要説明が1ページにまとめられています。
HTML-特殊文字
特殊文字とか全然覚えられないのでカンニング。
Emmet Cheat Sheet
Sublime TextなどでEmmetを使用すれば、全ての綴りを覚える必要がないうえに、サクサク入力できるので使っているうちに覚えているなんていうことも。
CSSのチートシート
サイトの見た目をつかさどるCSSのチートシートです。昔なら、画像やJavaScriptを使用しなければできなかったことでも、今ではCSSでできることも多いので、使いこなせるとかなりの武器に。
スタイルシートリファレンス
スタイルシートリファレンス(ABC順)
スタイルシートリファレンス(目的別)
「このプロパティには、どのような値を入れることができるんだっけ?」なんて時や、「ここの設定をするときどんなプロパティがあったっけ?」なんてときに、ものすごく重宝します。
CSS Cheat Sheet 日本語版
CSS Cheat Sheet 日本語版 | textdrop
CSSセレクタ、疑似セレクタの簡単なリファレンスと、用途ごとに使えるプロパティが一覧で見やすくレイアウトされています。
CSS Cheat Sheet
CSSのポイントとなる項目ごとに色分けされていて、とても探しやすいチートシート。リンク先は英語ですが、利用例が豊富なのでCSSを使ったことがある人なら、特に困ることもないと思います。
CSSセレクタ
CSS2.1までのセレクタ一覧とCSS3セレクタ一覧。詳細ページでは、より具体的な説明とサンプルを見ることができます。えっ!そんなところまでCSSセレクタで設定できるの?というくらい詳しくCSSセレクタの記入例が書いてあります。
その他
CSS3のセレクタ全42種
CSS3のセレクタ全42種 まとめておさらい使い方リファレンス
CSS3のセレクター42種の使用方法が、表示例とともに一覧で見ることができます。
CSS初期値一覧なチートシート
CSSを書いていて、一旦設定したスタイルをデフォルトに戻したいなんて事が結構あるので、そんな時に役立ちます。
各プロパティの値を初期値にする
各プロパティの値を初期値にする、initial_value.css – CSS HappyLife
こちらも初期値のチートシートとして。「一旦設定したスタイルを、すべて初期値に戻したい」なんて時に、そのままコピペで使えます。
Can I use…
Can I use… Support tables for HTML5, CSS3, etc
ブラウザの対応を調べるときに便利。
Emmet Cheat Sheet
HTMLと同様、CSSもこの一覧を見ながらEmmetで使用することで、いつの間にか覚えます。(綴りまでは覚えないけど)
JavaScript(jQuery)のチートシート
ブラウザから動的動作をさせるなら、すぐに開けるようにしておきたいチートシート。
jQuery 日本語リファレンス
jQueryならここを使わない手はない。
Javascript Cheat Sheet
Javascript Cheat Sheet | OverAPI.com
ポイントごとに色分けして一覧にしてあるので、とても探しやすいJavaScriptのチートシート。
jQuery Cheatsheet
こちらもカラフルで探しやすいjQueryのチートシート。
jQuery 17 Visual Cheat Sheet
jQuery 17 Visual Cheat Sheet_v6(PDF)
全8ページからなる、jQueryのかなり詳しいチートシート。とりあえずこれを全て押さえておけば、一般的な用途ならjQueryで困ることはなさそう。
jQuery 1.4 Cheat Sheet
jQuery 1.4 Cheat Sheet – Impulse Studios Labs
jQueryが用途ごとに見やすいPDF形式のチートシートです。
jQuery Selectors
jQueryのセレクタを検証することができます。セレクタ取得のチートシートに。
JavaScript Cheat Sheet
JavaScript Cheat Sheet – Web Development in Brighton – Added Bytes
こちらは、PDF形式のJavaScriptチートシート。
JavaScript Cheat Sheet by DaveChild
JavaScript Cheat Sheet by DaveChild
インクリメンタルサーチで探し物を絞り込むことができるチートシートです。「あの関数、一部だけ覚えているんだけど…」なんて時にいいかもしれません。
Javascript Quick Reference Card
Javascript Quick Reference Card(PDF)
こちらはJavaScriptの文法の書き方から比較演算子など、手軽にカンニングできるようPDFで一覧になっています。
javascript reference card
javascript_reference_card(PDF)
こちらも文法カンニング向け。
JavaScript and Browser Objects Quick Reference
JavaScript and Browser Objects Quick Reference(PDF)
JavaScriptとブラウザオブジェクトがPDFで一覧で見ることができるチートシートです。かなりのJavaScriptの関数とオブジェクトがカバーされています。
SEOのチートシート
SEOのチェックシートとしても利用できるチートシートです。
SEO基本技術のチートシート(トラの巻)
SEOに関する基本的なことがPDF2ページにまとめられています。
検索エンジンからの集客を増やす SEOチートシート全47項
プロ御用達のSEOチートシート【2013年版(アユダンテ)】
SEOに関する全47項目からなるPDFのチェックシートです。
The Web Developer’s SEO Cheat Sheet 2.0
The Web Developer’s SEO Cheat Sheet 2.0 – Moz
Mozが公開している全4ページからなるSEOチートシート。重要なHTML要素、ステータスコード、Canonical、効果的なURLの設計、必須ツールまとめ、robots.txtなどについてコンパクトにまとめられています。
まとめ
僕はコードを書くとき、基本的に関数名の綴りなどは覚えていないので、こういったチートシートと補完機能だよりです。
コードを覚える頭があればいんですけど、覚えられないものはしょうがないので素直にカンニングします。
コードを忘れてしまったときは、Googleで検索しても良いんですけど、毎回検索するよりは、手元の印刷した紙を見たり、ローカルに開いているチートシートを見た方が、かなり早いです。