WordPress講座

WordPress講座 †

WordPressサイト †

オフィシャル †

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

ショーケース †

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

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

インストール †

WordPress | 日本語 >> インストール
http://ja.wordpress.org/install/

• wp-config.php

  // ** MySQL 設定 - こちらの情報はホスティング先から入手してください。 ** //
  /** WordPress のデータベース名 */
  define('DB_NAME', 'tatenosystem');
  
  /** MySQL のユーザー名 */
  define('DB_USER', 'tatenosystem');
  
  /** MySQL のパスワード */
  define('DB_PASSWORD', 'XXXXXXX');
  
  /** MySQL のホスト名 (ほとんどの場合変更する必要はありません。) */
  define('DB_HOST', 'localhost');

• 1つのデータベースに複数のWordPressを入れたい
  

  /**
   * WordPress データベーステーブルの接頭辞
   *
   * それぞれにユニーク (一意) な接頭辞を与えることで一つのデータベースに複数の WordPress を
   * インストールすることができます。半角英数字と下線のみを使用してください。
   */
  $table_prefix  = 'wp_';

テーマフォルダ †

WordPress3 標準テーマ「twentyten」 †

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

　

「ナビログ」テーマ †

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

　

いろいろなテーマ †

Free Themes Directory
http://wordpress.org/extend/themes/

WordPress日本語テーマ無料配布サイト1200以上紹介
http://wordpress.siyouyo.com/theme/1597/ 　

テンプレートファイル †

テンプレート階層（チェック順序）
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 テーマ †

最小構成は２ファイルです。

• style.css
• index.php

※ screenshot.png という300x225の画像ファイルがあると、管理画面でテーマのプレビュー画面として使用されます。

• サンプルテーマダウンロード
  http://tatenosystem.com/download/wp_test_theme.zip

style.css サンプル †

@charset "utf-8";
/*
Theme Name: TEST
Theme URI: http://hogehoge/
Description: Very simple Test Theme.
Version: 0.0
Author: Your Name
Author URI: http://hogehoge/
*/

body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}

index.php サンプル †

<?php while ( have_posts() ) : the_post(); ?>
  
  <h2><?php the_title(); ?></h2>
  
  <div class="entry-content">
  <?php the_content(); ?>
  </div>
  
<?php endwhile; ?>

　

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

サイト構築の例 †

　

ファイル内容（twentytenテーマ） †

• twentytenテーマ
  http://2010dev.wordpress.com/

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 チートシート †

テンプレートファイル †

テンプレートタグ †

テンプレートタグ/bloginfo †

インクルードタグ †

条件分岐タグ †

ループ †

<?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/

WordPressにプラグイン無しでページネーションを設置する方法
http://coliss.com/articles/blog/wordpress/how-to-build-a-wordpress-post-pagination-without-plugin.html

WordPressのテーマファイルの仕組みが一目で分かる -The anatomy of a WordPress theme
http://coliss.com/articles/blog/wordpress/wordpress-theme-anatomy-by-yoast.html

WordPressを100倍速くする！ MySQLの調整やnginx proxy cache
http://kray.jp/blog/wordpress-tuning/