引っ越しを考慮したテーマの作り方

1. 引っ越しを考慮した
テーマの作り方
WordBench Nagoya 2014.02

2. テンプレート
<img src=“<?php echo get_stylesheet_uri(); ?>/
img/gazo.png” />
<script type="text/javascript" src="<?php echo
get_stylesheet_uri(); ?>/js/jquery.js"></script>
<link href="<?php echo get_stylesheet_uri(); ?>/
css/main.css" rel="stylesheet" type="text/css" />

3. テンプレート
子テーマの場合は、
get_stylesheet_uri() の替わりに、
get_stylesheet_directory_uri()
を使用します。

4. home_url()
→ index.phpのあるフォルダ
site_url()
→ WordPressのフォルダ
get_stylesheet_uri()
( get_stylesheet_directory_uri() )
→ テンプレートのフォルダ

5. CSS
$imgDir : “/WP/img”;
body {
background: url(#{$imgDir}/
bg.png);

6. MAMP+Hoster

7. WP Migrate DB

8. 参考サイト
MAMP
http://www.mamp.info/en/index.html
Hoster
http://www.redwinder.com/macapp/hoster/
WP Migrate DB
http:/wordpress.org/plugins/wp-migrate-db/