More Related Content
More from Naoko Takano (20)
PHP Conference Hokkaido WordPress Workshop
- 2. 本日の講師紹介！
直子 @naokomc
ひろまさ @hiromasa
コモモ @komomoaichi
ハム @h2ham
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 3. Hands-on Rules
✴ 分からないことは遠慮せず質問！
✴ 周りの人をヘルプしつつ、楽しむ
✴ 手を動かしてみましょう
✴ 気づきをブログ等に書いてくれると嬉しいです
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 6. デバッグモードを有効化
_DEBUG を true にする
WP
wp-config.php で
define('WP_DEBUG', false);
を見つけ、
define('WP_DEBUG', true);
に書き換える。
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 9. WordPress テストデータ日本語版
nuals.com/
http: //megumi-ma
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 11. Twenty Eleven のファイルをコピー
index.php
header.php
footer.php
sidebar.php
mytheme
page.php
functions.php
comments.php
style.css
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 12. index.php, page.php ファイルの一部を削除
<?php get_header(); ?>, <?php get_sidebar(); ?>, <?php
get_footer(); ?> のみを書く
functions.php
コードをすべて削除する
comments.php
<?php // You can start editing here… の行まで残して削除
header.php
そのまま
footer.php, sidebar.php, style.css
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 13. /*
style.css の編集
Theme Name: テストテーマ
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: PHPCONDO
Author URI: http://wordpress.org/
Description: デモ用テーマ
Version: 1.0
License: GNU General Public License
License URI: license.txt
Template: twentyeleven
Tags: white
*/
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 14. </div><!-- #main --> footer.php の編集
<footer id="colophon" role="contentinfo">
<div id="site-generator">
</div>
</footer><!-- #colophon -->
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 15. sidebar.php の編集
<div id="secondary" class="widget-area" role="complementary">
<?php if ( ! dynamic_sidebar( 'sidebar-1' ) ) : ?>
<?php endif; // end sidebar widget area ?>
</div><!-- #secondary .widget-area -->
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 17. 投稿ループの表示例
一巡目
二巡目
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 18. WordPress ループの解説
http://wpdocs.sourceforge.jp/The_Loop
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 19. ループを書いてみよう
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; else: ?>
<p>投稿はありません。</p>
<?php endif; ?>
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 25. <?php
functions.php に記述
register_sidebar( array(
'name' => __( 'Main Sidebar', 'twentyeleven' ),
'id' => 'sidebar-1',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget' => "</aside>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>'
) );
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 28. カスタム背景
カスタム…何とか？
カスタムヘッダー
ナビゲーションメニュー
#phpcondo | PHP Conference Hokkaido | 04.21.2012
- 30. テーマ機能の追加
function s.php に記述
register_nav_menu( 'primary', __( 'Primary Menu',
'twentyeleven' ) );
add_theme_support( 'post-formats', array( 'aside', 'link',
'gallery', 'status', 'quote', 'image' ) );
add_custom_background();
※ 表示側のコードは Twenty Eleven の header.php を参照
#phpcondo | PHP Conference Hokkaido | 04.21.2012
