WordPress編集ができるようになるためのチートシートコレクション

WordPressはプログラム言語が数種類使われています。

  • PHP
  • HTML
  • CSS
  • JavaScript(jQuery)

主に4つの言語で構成されていますが、それぞれの細かな言語は覚えられないほどの数があります。

そこで、迷ったときや「こうしたい」と思ったときに簡単に調べられるチートシート(カンニングペーパー的)なものを紹介します。

PHPチートシート

PHP Cheat Sheet

配列に使用する関数表
型ごとに分別されています。

PHP Cheat Sheet

WordPressチートシート

印刷用WordPressチートシート

WordPressテンプレートファイル

WordPressの基本となるファイル一覧

  • style.css …………….. テーマの情報とスタイルシート
  • header.php ………..…ヘッダー部分
  • index.php …………… メイン部分
  • footer.php ………….. フッター部分
  • sidebar.php ………… サイドバー部分
  • single.php ………….. 投稿記事のテンプレート
  • page.php ……………. ページのテンプレート
  • comments.php …… コメントのテンプレート
  • search.php …………. 検索結果のテンプレート
  • searchform.php …… 検索フォームのテンプレート
  • archive.php ………… アーカイブのテンプレート
  • functions.php ……… オプションの関数ファイル
  • 404.php …………….. 404エラーページのテンプレート

WordPress Visual Cheat Sheet

テーマ編集で使用する関数。ほぼほぼ全ての関数をカバーしています。

WordPress Theme Development Cheatsheet

独自テーマを作るときに基本となるコードの雛形がセットでまとめられています。

HTMLのチートシート

HTMLタグリファレンス

HTML Cheat Sheet

HTML5リファレンスや目的別のチュートリアルもわかりやすくまとめられている。

HTML5 タグ★チートシート(PDF版/画像版)

印刷して使えるので、はじめに手元に持っておくと良い

HTML-特殊文字

ウムラウトやギリシャ文字など特殊な文字を表示するためのコード表

Emmet Cheat Sheet

HTMLやCSSを省略記法。

例えばdiv と書くだけで<div></div>と囲ってくれる

CSSのチートシート

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

CSS Cheat Sheet

CSSセレクタ

CSS3セレクタの細かな設定シート
もちろん基本の部分も閲覧できます。

Can I use…

ブラウザとCSSの互換性を調べることができます。

Emmet Cheat Sheet CSS

JavaScript(jQuery)のチートシート

jQuery専用と言ってもいい、日本語リファレンス
まずはここを使おう!

Javascript Cheat Sheet

カテゴリごとに動的な動作を分けてくれてます。

jQuery Cheatsheet

jQuery 17 Visual Cheat Sheet