コードを覚えなくてもWordPress編集ができるようになるためのカンペコレクション

サイバーマンデー
Amazonプライム会員限定の大セール「サイバーマンデー」開催中!プライム会員限定の大セール

WordPressには、いくつかのプログラム言語が利用されています。

主に使うものといえば、以下のような言語です。

  • WordPress関数(PHP)
  • PHP
  • HTML
  • CSS
  • JavaScript(jQuery)

ただ、これだけの言語があると、初めてWordpressに触れる人には、覚えるのが大変なのではないかと思います。

というか、ある程度プログラム経験がある僕でも、揮発性の高い脳を利用しているため、全く覚えられません。

ということで今回は、Wordpressで「これどうすればいいんだったっけ?」「あれなんて関数だったっけ?」なんて時に見ると便利なカンニングペーパー(チートシート)の紹介です。

スポンサーリンク
レクタングル(大)広告

WordPressチートシート

WordPressで重要な部分の覚え書きというか、これだけ覚えておけばある程度Wordpressを使えるようになるチートシートです。

日本語版 WordPress チートシート

wordpress_cheatsheet - wordpress_cheatsheet3.pdf

日本語版 WordPress チートシート | Webクリエイターボックス

とりあえずここに紹介されているコードとHTML&CSSを組み合わせれば、Wordpressテーマの7、8割は出来てしまうんじゃないかというくらい、ポイントとなるコードが載ったチートシートです。

特にPDFが一覧で見やすいので、ダウンロードしていつでも開ける場所に置いておくと何かとはかどります。

WordPress Help Sheet 日本語版

WordPress-Help-Sheet-ja - wordpress-help-sheet-ja.pdf

WordPress Help Sheet 日本語版 | textdrop

少し古いけど、こちらもPDFに一覧で見やすいチートシート。

WordPressテンプレートタグ チートシート

WordPressテンプレートタグ チートシート  Mignon Style

WordPressテンプレートタグ チートシート | Mignon Style

日本語のHTMLページの、インクルードタグ、テンプレートタグ、条件分岐タグのチートシート。

WordPress Visual Cheat Sheet

WordPress Visual Cheat Sheet - V7final - WordPress-Visual-Cheat-Sheet.pdf

WordPress Visual Cheat Sheet – V7final(PDF)

全5ページのPDFファイルのチートシートです。とりあえず、これさえ手元に置いておけば、テーマ編集などで使用する関数のほとんどをカバーできるのではないかと思います。

英語ですが、とても見やすく必要な引数の簡単な解説付き。

WordPress Theme Development Cheatsheet

Wordpress Theme Development Cheatsheet » Codeclown

WordPress Theme Development Cheatsheet » Codeclown

WordPressテーマファイルを作成するときの雛形となるようなコードがまとめられたチートシートです。style.css冒頭に書くようなものや、テーマのヘッダーに書くようなことなどがまとめられています。

その他

17 Useful WordPress Cheat sheets  SmashingApps.com

17 Useful WordPress Cheat sheets | SmashingApps.com

チートシートは、自分の苦手な部分をカバーできるようなものを選ぶのが一番です。上記リンクには、テンプレート構造などのチートシートもあるので、自分の苦手分野を補えるものがないかチェックするといいかも。

PHPチートシート

PHPの基本を押さえておくと、Wordpressへの理解が一層深まります。

PHP Cheat Sheet 日本語版

php-cheat-sheet-v2-ja - php-cheat-sheet-v2-ja.pdf

PHP Cheat Sheet 日本語版 | textdrop

配列関数、文字列関数、正規表現、日付フォーマットなど、すぐ忘れてしまいがちなものがまとめられています。

PHP Cheat Sheet

PHP Cheat Sheet  OverAPI.com

PHP Cheat Sheet | OverAPI.com

「配列ってどんな関数があったっけ?」「文字列のあの関数な使いたいんだけど、名前が思い出せない」なんて時に見ると、便利なチートシートです。

型ごとに色付けがしてあり、関数などが一覧になっているので、とても見やすいです。

正規表現 Cheat Sheet 日本語版

regular-expressions-cheat-sheet-v2-ja - regular-expressions-cheat-sheet-v2-ja.pdf

正規表現 Cheat Sheet 日本語版 | textdrop

テキスト処理において覚えておいて損はない正規表現。覚えずとも、チートシートを見ながら書くことができれば十分です。

preg_match()正規表現チェッカー

preg_match()正規表現チェッカー

preg_match()正規表現チェッカー

メタ文字のリファレンスが載っているのでシートシートとしても利用できます。正規表現を書いたら動作まで確認できるので便利です。

その他

10 Best PHP Cheat Sheets for Quick Development

10 Best PHP Cheat Sheets for Quick Development

セキュリティーのチェックシートや、真偽表のチートシートもあります。

HTMLのチートシート

サイト作成の基本中の基本、HTMLのチートシートです。

HTMLタグリファレンス

HTMLタグリファレンス(ABC順)

HTMLタグリファレンス(ABC順)
HTMLタグリファレンス(目的別)

「このHTMLタグってどんな意味だったっけ?」「このタグの属性ってどのように書けばいいんだっけ?」なんて時に開いてチェック。

HTML Cheat Sheet

HTML Cheat Sheet

HTML Cheat Sheet

一覧で表示結果を見ながらタグをそのままコピペで使えるチートシートです。

HTML5 タグ★チートシート

HTML5 タグ★チートシート - cheatsheet_02.pdf

HTML5 タグ★チートシート - @IT

HTML5のタグと、その概要説明が1ページにまとめられています。

HTML-特殊文字

HTML-特殊文字

HTML-特殊文字

特殊文字とか全然覚えられないのでカンニング。

Emmet Cheat Sheet

Cheat Sheet

Emmet Cheat Sheet

Sublime TextなどでEmmetを終了すれば、全ての綴りを覚える必要がないうえに、サクサク入力できるので使っているうちに覚えているなんていうことも。

CSSのチートシート

サイトの見た目をつかさどるCSSのチートシートです。昔なら、画像やJavaScriptを使用しなければできなかったことでも、今ではCSSでできることも多いので、使いこなせるとかなりの武器に。

スタイルシートリファレンス

スタイルシートリファレンス(ABC順)

スタイルシートリファレンス(ABC順)
スタイルシートリファレンス(目的別)

「このプロパティには、どのような値を入れることができるんだっけ?」なんて時や、「ここの設定をするときどんなプロバティがあったっけ?」なんてときに、ものすごく重宝します。

CSS Cheat Sheet 日本語版

css-cheat-sheet-v2-ja - css-cheat-sheet-v2-ja.pdf

CSS Cheat Sheet 日本語版 | textdrop

CSSセレクタ、疑似セレクタの簡単なリファレンスと、用途ごとに使えるプロパティが一覧で見やすくレイアウトされています。

CSS Cheat Sheet

CSS Cheat Sheet  OverAPI.com

CSS Cheat Sheet | OverAPI.com

CSSのポイントとなる項目ごとに色分けされていて、とても探しやすいチートシート。リンク先は英語ですが、利用例が豊富なのでCSSを使ったことがある人なら、特に困ることもないと思います。

CSSセレクタ

セレクタ|CSS HappyLife ZERO

セレクタ|CSS HappyLife ZERO

CSS2.1までのセレクタ一覧とCSS3セレクタ一覧。詳細ページでは、より具体的な説明とサンプルを見ることができます。えっ!そんなところまでCSSセレクタで設定できるの?というくらい詳しくCSSセレクタの記入例が書いてあります。

その他

CSS3のセレクタ全42種

CSS3のセレクタ全42種 まとめておさらい使い方リファレンス – WP-E(仮)Web Professional Education

CSS3のセレクタ全42種 まとめておさらい使い方リファレンス

CSS3のセレクター42種の仕様方法が、表示例とともに一覧で見ることができます。

CSS初期値一覧なチートシート

CSS初期値一覧なチートシート - Qiita

CSS初期値一覧なチートシート – Qiita

CSSを書いていて、一旦設定したスタイルをデフォルトに戻したいなんて事が結構あるので、そんな時に役立ちます。

各プロパティの値を初期値にする

各プロパティの値を初期値にする、initial_value.css - CSS HappyLife

各プロパティの値を初期値にする、initial_value.css – CSS HappyLife

こちらも初期値のシートシートとして。「一旦設定したスタイルを、すべて初期値に戻したい」なんで時に、そのままコピペで使えます。

Can I use…

Can I use... Support tables for HTML5, CSS3, etc

Can I use… Support tables for HTML5, CSS3, etc

ブラウザの対応を調べるときに便利。

Emmet Cheat Sheet

Cheat Sheet

Emmet Cheat Sheet

HTMLと同様、CSSもこの一覧を見ながらEmmetで使用することで、いつの間にか覚えます。(綴りまでは覚えないけど)

JavaScript(jQuery)のチートシート

ブラウザから動的動作をさせるなら、すぐに開けるようにしておきたいチートシート。

jQuery 日本語リファレンス

jQuery 日本語リファレンス

jQuery 日本語リファレンス

jQueryならここを使わない手はない。

Javascript Cheat Sheet

Javascript Cheat Sheet  OverAPI.com

Javascript Cheat Sheet | OverAPI.com

ポイントごとに色分けして一覧にしてあるので、とても探しやすいJavaScriptのチートシート。

jQuery Cheatsheet

jQuery Cheatsheet

jQuery Cheatsheet

こちらもカラフルで探しやすいjQueryのチートシート。

jQuery 17 Visual Cheat Sheet

jQuery 17 Visual Cheat Sheet_v6 - jQuery-17-Visual-Cheat-Sheet1.pdf

jQuery 17 Visual Cheat Sheet_v6(PDF)

全8ページからなる、jQueryのかなり詳しいチートシート。とりあえずこれを全て押さえておけば、一般的な用途ならjQueryで困ることはなさそう。

jQuery 1.4 Cheat Sheet

jQuery Cheat Sheet.indd - impulse_studios-jquery_cheat_sheet-1.0.pdf

jQuery 1.4 Cheat Sheet – Impulse Studios Labs

jQueryが用途ごとに見やすいPDF形式のチートシートです。

jQuery Selectors

Selectors

jQuery Selectors

jQueryのセレクタを検証することができます。セレクタ取得のチートシートに。

JavaScript Cheat Sheet

JavaScript Cheat Sheet - javascript-cheat-sheet-v1.pdf

JavaScript Cheat Sheet – Web Development in Brighton – Added Bytes

こちらは、PDF形式のJavaScriptチートシート。

JavaScript Cheat Sheet by DaveChild

JavaScript Cheat Sheet by DaveChild - Cheatography.com- Cheat Sheets For Every Occasion

JavaScript Cheat Sheet by DaveChild

インクリメンタルサーチで探し物を絞り込むことができるチートシートです。「あの関数、一部だけ覚えているんだけど…」なんて時にいいかもしれません。

Javascript Quick Reference Card

Javascript Quick Reference Card - jsquick.pdf

Javascript Quick Reference Card(PDF)

こちらはJavaScriptの文法の書き方から比較演算子など、手軽にカンニングできるようPDFで一覧になっています。

javascript reference card

javascript_reference_card.qxd - javascript_refererence.pdf

javascript_reference_card(PDF)

こちらも文法カンニング向け。

JavaScript and Browser Objects Quick Reference

AppA.ai - JSB6RefBooklet.pdf

JavaScript and Browser Objects Quick Reference(PDF)

JavaScriptとブラウザオブジェクトがPDFで一覧で見ることができるチートシートです。かなりのJavaScriptの関数とオブジェクトがカバーされています。

SEOのチートシート

SEOのチェックシートとしても利用できるチートシートです。

SEO基本技術のチートシート(トラの巻)

seo-cheatsheet-seomo.pdf

SEO基本技術のチートシート(トラの巻)

SEOに関する基本的なことがPDF2ページにまとめられています。

検索エンジンからの集客を増やす SEOチートシート全47項

cheatsheat.pdf

プロ御用達のSEOチートシート【2013年版(アユダンテ)】

SEOに関する全47項目からなるPDFのチェックシートです。

The Web Developer’s SEO Cheat Sheet 2.0

SEOCheatSheet_2-2013.pdf

The Web Developer’s SEO Cheat Sheet 2.0 – Moz

Mozが公開している全4ページからなるSEOチートシート。重要なHTML要素、ステータスコード、Canonical、効果的なURLの設計、必須ツールまとめ、robots.txtなどについてコンパクトにまとめられています。

まとめ

僕はコードを書くとき、基本的に関数名の綴りなどは覚えていないので、こういったチートシートと補完機能だよりです。

コードを覚える頭があればいんですけど、覚えられないものはしょうがないので素直にカンニングします。

コードを忘れてしまったときは、Googleで検索しても良いんですけど、毎回検索するよりは、でもどの印刷した紙を見たり、ローカルに開いているチートシートを見た方が、かなり早いです。