http://k-tateno.s-tanno.com/wiki/img/wp_title.jpg

WordPress講座

WordPressサイト

オフィシャル

WordPress 日本語
http://ja.wordpress.org/

ショーケース

TechCrunch Japan
http://jp.techcrunch.com/

100SHIKI ~ 世界のアイデアを日替わりで
http://www.100shiki.com/  

テーマフォルダ

WordPress3 標準テーマ「twentyten」

  • /home/navilog/public_html/wp-content/themes/twentyten/

http://k-tateno.s-tanno.com/wiki/img/wp_01.gif
 

「ナビログ」テーマ

  • /home/navilog/public_html/wp-content/themes/navilog/

http://k-tateno.s-tanno.com/wiki/img/wp_02.gif
 

テンプレートファイル

テンプレート階層(チェック順序)
http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%9A%8E%E5%B1%A4  

最少構成の WordPress テーマ(2ファイル)

  • style.css
  • index.php  

テンプレートファイル チェック順序

http://k-tateno.s-tanno.com/wiki/img/wordpress_01.gif http://k-tateno.s-tanno.com/wiki/img/wordpress_02.gif

サイト構築の例

http://k-tateno.s-tanno.com/wiki/img/wordpress_03.gif

 

ファイル内容(twentytenテーマ)

index.php

<?php
get_header(); ?>

<div id="container">
  <div id="content" role="main">
  
  <?php
    get_template_part( 'loop', 'index' );
  ?>
  </div>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

 
関数リファレンス/get template part
http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_template_part  

loop.php (一部)

<?php while ( have_posts() ) : the_post(); ?>
  
  <h2 class="entry-title"><?php the_title(); ?></h2>
  
  <div class="entry-content">
  <?php the_content(); ?>
  </div>
  
<?php endwhile; // End the loop. Whew. ?>


<?php if (  $wp_query->max_num_pages > 1 ) : ?>
  <div id="nav-below" class="navigation">
    <div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
    <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>
  </div>
<?php endif; ?>

 
Word Press Loop
http://wpdocs.sourceforge.jp/The_Loop  

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スタイルシート

テンプレートタグ

<?php the_time(); ?>現在の記事の投稿時間を表示
<?php the_date(); ?>現在の記事の投稿日時を表示
<?php the_title(); ?>現在の記事のタイトルを表示
<?php the_content(); ?>現在の記事の本文を表示
<?php the_permalink(); ?>現在の記事のパーマリンクURLを表示
<?php the_category(); ?>記事のカテゴリーをリンク付きで表示
<?php the_author(); ?>現在の記事の著者名を表示
<?php the_tags(); ?>現在の記事のタグを表示
<?php the_ID(); ?>現在の記事の記事IDを表示
<?php wp_list_pages(); ?>リンク付きページ一覧を表示/取得
<?php wp_list_categories(); ?>リンク付きカテゴリ一覧を表示/取得
<?php posts_nav_link(); ?>前後のページへのリンクを表示
<?php next_post_link(); ?>記事ページで次の記事へのリンクを表示
<?php previous_post_link(); ?>記事ページで前の記事へのリンクを表示
<?php the_search_query();?>検索文字列を表示
<?php trackback_url(display); ?>トラックバックURIを表示/取得
<?php wp_tag_cloud(); ?>タグクラウドを表示
<?php get_calendar(); ?>カレンダーを表示
<?php wp_get_archives(); ?>リンク付きアーカイブリストを表示

テンプレートタグ/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”の設定値

インクルードタグ

<?php get_header(); ?>header.phpを読み込む
<?php get_sidebar(); ?>sidebar.phpを読み込む
<?php get_footer(); ?>footer.phpを読み込む
<?php comments_template(); ?>comments.phpを読み込む
<?php get_search_form(); ?>検索フォームを読み込む
<?php include( TEMPLATEPATH . '/header2.php' ); ?>その他のファイルを読み込む

条件分岐タグ

is_home()メインブログページが表示されている場合
is_front_page()サイトのフロントページが表示されている場合
is_single()個別記事のページが表示されている場合
is_page()ページが表示されている場合
is_category()あるカテゴリーのアーカイブページが表示されている場合

ループ

<?php if (have_posts()) : ?>
 <?php while (have_posts()) : the_post(); ?>
  コンテンツを表示
 <?php endwhile; ?><?php else : ?>
  コンテンツがない時の表示
<?php endif; ?>

ナビゲーションメニュー

  • カテゴリーを基準としたナビゲーションメニューの例
<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 Codex リファレンス

テーマの作成・テンプレートファイル名
http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%BC%E3%83%9E%E3%81%AE%E4%BD%9C%E6%88%90

テンプレート階層
http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%9A%8E%E5%B1%A4#

テンプレートタグ(PHP関数)
http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0

条件分岐タグ
http://wpdocs.sourceforge.jp/Conditional_Tags

インクルードタグ
http://wpdocs.sourceforge.jp/%E3%82%A4%E3%83%B3%E3%82%AF%E3%83%AB%E3%83%BC%E3%83%89%E3%82%BF%E3%82%B0

関数リファレンス
http://wpdocs.sourceforge.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9

DB テーブル・項目一覧
http://wpdocs.sourceforge.jp/%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E6%A6%82%E8%A6%81

リンク

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

Wordpress オリジナルテーマの作り方 | Webクリエイターボックス
http://www.webcreatorbox.com/tech/wordpress-original-theme/  


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2010-08-14 (土) 02:22:02 (25d)