日本語版 WordPress チートシート

WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも!」と思った方は印刷してデスクに置いておくと便利です :)


↑私が10年以上利用している会計ソフト!

WordPressチートシート 目次

  1. 印刷用WordPressチートシート
  2. WordPressテンプレートファイル
  3. インクルードタグ
  4. テンプレートタグ
  5. テンプレートタグ/bloginfo
  6. 条件分岐タグ
  7. ループ
  8. ナビゲーションメニュー

1. 印刷用WordPressチートシート

A4サイズの印刷用PDFを作ってみました。デスクに置いてチラ見しちゃってください。

印刷用WordPressタグ一覧

» 印刷用WordPressチートシートをダウンロードする

WordPressチートシート ver. 1.3 – 7月4日 ループ欄を編集

WordPressチートシート 目次へ。

2. WordPressテンプレートファイル

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

style.css は、テーマの「スタイルシート」情報に加えて、コメントの形式で必ず「テーマについての明細」を記述

/*   
Theme Name: Rose
Theme URI: テーマのホームサイトの URI
Description: a-brief-description
Author: 作者の名前
Author URI: 作者の URI
Template: 親テーマの定義(オプション)
Version: バージョン番号(オプション)
.
コメント/利用許諾の記述(あれば)
.
*/

WordPressチートシート 目次へ。

3. インクルードタグ

<?php get_header(); ?>

header.phpを読み込む

<?php get_sidebar(); ?>

sidebar.phpを読み込む

 // 'sidebar-2.php' を読み込ませる
<?php get_sidebar('2'); ?>

<?php get_footer(); ?>

footer.phpを読み込む

<?php comments_template(); ?>

comments.phpを読み込む

<?php get_search_form(); ?>

検索フォームを読み込む

<?php include( TEMPLATEPATH . '/header2.php' ); ?>

その他のファイルを読み込む

もっと詳しく » WordPress Codex 日本語版: インクルードタグ

WordPressチートシート 目次へ。

4. テンプレートタグ

<?php the_time(); ?>

現在の記事の投稿時間を表示。管理ページの一般設定から時刻フォーマットを選択しておく。

<?php the_date(); ?>

現在の記事の投稿日時を表示。管理ページの一般設定から日付フォーマットを選択しておく。

<?php the_title(); ?>

現在の記事のタイトルを表示

<?php the_content(); ?>

現在の記事の本文を表示。

<?php the_content(); ?>

現在の記事の本文を表示。<!-- more --> がある場合はsingleページ以外では概要文を表示し、「続きを読む」リンクをつけられる。

<?php the_permalink(); ?>

現在の記事のパーマリンクURLを表示

<?php the_category(); ?>

記事のカテゴリーをリンク付きで表示

<!--
↓こう表示したい場合
カテゴリー: WordPress > コンピューター > ブログ
-->
<p>カテゴリー: <?php the_category(' &gt; '); ?&gt;</p>

<?php the_author(); ?>

現在の記事の著者名を表示

<?php the_tags(); ?>

現在の記事のタグを表示

<!--
↓こう表示したい場合
この記事のタグ: WordPress | コンピューター | ブログ
-->
<?php the_tags('この記事のタグ: ',' | '); ?>

<?php the_ID(); ?>

現在の記事の記事IDを表示。取得するには get_the_ID

<?php wp_list_pages(); ?>

リンク付きページ一覧を表示/取得

<!-- ページ順序に従って表示 -->
<ul>
    <?php wp_list_pages('sort_column=menu_order&title_li='); ?>
</ul>

<?php wp_list_categories(); ?>

リンク付きカテゴリ一覧を表示/取得

<!-- カテゴリ名順に表示 -->
<ul>
    <?php wp_list_categories('orderby=name&title_li='); ?>
</ul>

<?php posts_nav_link(); ?>

index・カテゴリ・アーカイブページなどで前後のページへのリンクを表示

// ↓こう表示したい場合
// 前の記事 | 次の記事
<?php posts_nav_link(' | ','前の記事','次の記事'); ?>

<?php next_post_link(); ?>

記事ページで次の記事へのリンクを表示

<?php previous_post_link(); ?>

記事ページで前の記事へのリンクを表示

<?php the_search_query();?>

検索文字列を表示。取得するには get_search_query

 <p>"<?php the_search_query() ?>"で検索した結果:</p>

<?php trackback_url(display); ?>

現在の記事のトラックバック URI を表示/取得

<?php wp_tag_cloud(); ?>

タグクラウドを表示

// 一番小さいタグを10pt, 一番大きいタグを24ptで表示
<?php wp_tag_cloud('smallest=10&largest=24'); ?>

<?php get_calendar(); ?>

カレンダーを表示。投稿のある日付は日別アーカイブへリンク

<?php wp_get_archives(); ?>

日付に基づくリンク付きアーカイブリストを表示

<!-- 最新10件の投稿記事タイトルの一覧を表示 -->
<ul>
    <?php wp_get_archives('type=postbypost&limit=10&format=custom'); ?>
</ul>

もっと詳しく » WordPress Codex 日本語版: テンプレートタグ

WordPressチートシート 目次へ。

5. テンプレートタグ/bloginfo

<?php bloginfo('name'); ?>

「一般設定」管理画面で指定したブログのタイトル

<?php bloginfo('description'); ?>

「一般設定」管理画面で指定したブログの説明文

<?php bloginfo('url'); ?>

サイトURL

<?php bloginfo('stylesheet_url'); ?>

使用中のメインCSSファイルのURL

<?php bloginfo('template_url'); ?>

使用中テーマファイルディレクトリのURL

<?php bloginfo('rss2_url'); ?>

RSS 2.0 形式のメインフィードURL

<?php bloginfo('charset'); ?>

「表示設定」管理画面で指定された文字コード

<?php bloginfo('version'); ?>

現在使用中のWordPressのバージョン

<?php bloginfo('html_type'); ?>

“Content-type”の設定値

もっと詳しく » WordPress Codex 日本語版: テンプレートタグ/bloginfo

WordPressチートシート 目次へ。

6. 条件分岐タグ

is_home()

メインブログページが表示されている場合

<?php if(is_home()): ?>
  // コンテンツを表示
<?php endif; ?>

is_front_page()

サイトのフロントページが表示されている場合

<?php if(is_front_page()): ?>
  // コンテンツを表示
<?php endif; ?>

is_single()

個別記事のページが表示されている場合

<?php if(is_single('記事ID')): ?>
  // コンテンツを表示
<?php endif; ?>

is_page()

ページが表示されている場合

<?php if(is_page('ページID')): ?>
  // コンテンツを表示
<?php endif; ?>

is_category()

あるカテゴリーのアーカイブページが表示されている場合

<?php if(is_category('カテゴリID')): ?>
  // コンテンツを表示
<?php endif; ?>

もっと詳しく » WordPress Codex 日本語版: 条件分岐タグ

WordPressチートシート 目次へ。

7. ループ

<?php if(have_posts()); ?>
    <?php while(have_posts()); the_post(); ?>
        // コンテンツを表示
    <?php else; ?>
<?php endif; ?>

WordPressチートシート 目次へ。

8. ナビゲーションメニュー

カテゴリーを基準としたナビゲーションメニューの例

<ul id="nav">
    <li <?php if(is_home()) { ?> class="current-cat"<?php } ?>>
        <a href="<?php bloginfo('home'); ?>">Home</a>
    </li>
    <?php wp_list_categories('title_li=&orderby=id'); ?>
</ul>

ページを基準としたナビゲーションメニューの例

<ul id="nav">
    <li <?php if(is_home()) { ?> class="current_page_item"<?php } ?>>
        <a href="<?php bloginfo('home'); ?>">home</a>
    </li>
    <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
</ul>

シェアする

コメント

“日本語版 WordPress チートシート” への55件のフィードバック

  1. […] 日本語版 WordPress チートシート | Webクリエイターボックス […]

  2. […] 日本語版 WordPress チートシート | Webクリエイターボックス […]

  3. […] [便利ツール]日本語版 WordPress チートシート | Webクリエイターボックス […]

  4. boya より:

    すばらしす

  5. […] 日本語版 WordPress チートシート | Webクリエイターボックス http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/ […]

  6. […] 日本語版 WordPress チートシート | Webクリエイターボックス (tags: wordpress) […]

  7. […] Japanese version of WordPress cheat sheet | Web Kurieitabokkusu (tags: best blog cheatsheet reference webdesign wordpress) Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages. […]

  8. CAZ より:

    最近WordPredssいじるようになりました。
    前からここは見たことあって、Twitterでもフォローさせていただいています。
    でもあんまりよく見ていなくて、結構スルー気味だったんですが(スイマセン。。)、改めていろいろ覗いてみるととってもスパらしいTipsばかりで、激しく反省しております。
    これからもいろいろ参考にさせてもらいますのでガンバッてください!

  9. BB7 より:

    全てどこかに書いてある情報だけれど
    上手にまとめると何倍もの価値が出ますね

    チートシート使わせていただきます!

  10. Webクリエイターボックス より:

    ありがとうございます!みなさんのお役にたてたら光栄です!

  11. […] 日本語版 WordPress チートシート | Webクリエイターボックス […]

  12. […] 日本語版 WordPress チートシート | Webクリエイターボックス (tags: wordpress) […]

  13. […] 日本語版 WordPress チートシート | Webクリエイターボックス […]

  14. […] – かちびと.net日本語版 WordPress チートシート | Webクリエイターボックス| ^^ […]

  15. […] – かちびと.net日本語版 WordPress チートシート | Webクリエイターボックス| ^^ […]

  16. […] → 日本語版 WordPress チートシート MTの構築は何回かやったことがあって、「こんなもんか(簡単という意味ではなく、ブログを構築するのってこういうものなのか~、という理解)」って思っていたんだけど、正直最初は何かしら本がないと全くカスタマイズできなかった(ver3時代)のですが、WPは実際のところ解読本いらずだったりします。 […]

  17. AZMIN より:

    先程のコメントの表記ですが、タグが表示されていなく訳がわかんないですね。
    削除して下さい。ごめんなさい。

  18. Webクリエイターボックス より:

    確かにコロンですね。上記コードとPDFファイルを修正いたしました。助かります。ありがとうございます!

  19. […] Webクリエイターボックス カテゴリー: CSS   パーマリンク ← トップページとそれ以外のヘッダー部分の内容を変更 […]

  20. […] 内容については「Webクリエイターボックス」さん、「textdrop」さんのものを参考にさせていただきました。 ありがとうございました! […]

  21. […] 日本語版 WordPress チートシート […]

  22. ぶんぺい より:

    デスクに貼りましたとさ♪

  23. Webクリエイターボックス より:

    ありがとうございます!チラ見しちゃってください!

  24. […] from:日本語版 WordPress チートシート | Webクリエイターボックス|http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/ Adobe kuler from:web上で配色を共有できる作成ツール|Adobe […]

  25. […] 日本語版 WordPress チートシート | Webクリエイターボックス (tags: WordPress TIPS まとめ blog CMS Design php GJ!) […]

  26. […] 日本語版 WordPress チートシート | Webクリエイターボックス […]

  27. […] 日本語版 WordPress チートシート […]

  28. […] チートシート的に:WPチートシート(webクリエイターボックス製) http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/ テンプレートタグ、分岐などがすべて載っていて便利。 […]

  29. 日本語版 WordPress チートシート…

    クリエイターボックスさんの特性WordPressチートコード。いまさらという感じもしますが、WordPressを使っている人は押さえておいて間違いなしです。……

  30. RYO0702 より:

    基本の基本ですが、頻繁に使う確率が高いコードばかりです。
    さっそくスニペットに登録して効率化!
    いつもありがとうございます。

  31. ねぎ より:

    スーパー便利ですねこれ!
    wordpress初心者にとってはうれしいかぎりです!
    デスクのコルクボードに貼っておきます!

  32. […] チートシート配布サイトのリンク TECH Matari:[まとめ]WEB制作に役立つチートシート日本語版9個+9個 SAMSHING MAGAZINE:Photoshopショートカットチートシート Webクリエイターボックス:日本語版 WordPress チートシート […]

  33. […] WordPressをこれから始める人向けの導入手順書【パシのSEOブログ】wordpressは無料cmsとして揺るぎ無い地位を獲得しており、多くのサイトで利用されるようになっています。そこで今回は、wordpressをこれから始めるという人向けに、インストールからカスタマイズ、seoに至るまでの簡易手順をまとめて…はてなブックマークより 日本語版 WordPress チートシート | Webクリエイターボックスwordpressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもwordpressのチートシートはいたるところで記事にされていますが、cssハックやcss小技集に続き、これもまた自分用まとめだったり…。例文も…はてなブックマークより […]

  34. […] 日本語版 WordPress チートシート […]

  35. […] WordPressチートシート […]

  36. […] 日本語版 WordPress チートシート | Webクリエイターボックス 目次|Top […]

  37. […] 日本語版 WordPress チートシート […]

  38. […]  ⇒日本語版 WordPress チートシート | Webクリエイターボックス […]

  39. […] に「テンプレートタグ」と呼ばれる PHP 関数を追加。 参考:日本語版 WordPress チートシート | Webクリエイターボックス 参考(公式):関数リファレンス 窶骭€ WordPress Codex 日本語版 カテゴリー: […]

  40. めぐみ 石黒 より:

    すごい!便利ですね!
    活用させてもらいます。ありがとうございます!

    あ、名前丸出しになっちゃった。

  41. […] 自分の机に貼ってあるのですが、やはり日本語はわかりやすい。。。(w 日本語版 WordPress チートシート […]

  42. artmixture02 より:

    スタッフの子が美味く理解できてなかったので、どの本を与えようか迷ってましたが、これいいですね。まずはこれで基本覚えてもらいたいと思います。

  43. […] 日本語版 WordPress チートシート […]

  44. […] 縺薙l蠖ケ遶九▽縺ュ??シ?シ?シ亥、ァ縺励※騾イ繧薙〒縺ェ縺?シ http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/ 縺ヲ縺?≧縺妓ordpress縺ョ繝??繝槭▼縺上j縺」縺ヲ縺サ縺ィ繧薙←CSS […]

  45. […] 日本語版 WordPress チートシート | Webクリエイターボックス […]

  46. stocker.jp さんのページから来ました! これは、便利っすねえ。 

  47. paprica より:

    参考になりますっ!早速プリントして机の前にぺたり。
    バンクーバーにもお住まいだったのですね!私はビクトリアです。すごいな。ウェブデザイナーとして海外で活躍されていて。頑張ってください!

  48. […] 日本語版 WordPress チートシート | Webクリエイターボックス 2013/05/27 pein0325 未分類 No comments http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/ […]

  49. […] WordPressのカンペというかそういうのは、 日本語版 WordPress チートシート http://www.webcreatorbox.com/tech/japanese-wordpress-cheat-sheet/ […]

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :)