Blog

WordPressテーマを作成する際に知っておくと便利かもしれないエトセトラ #wbkobe

Posted by admin at 12:33 日時 2011/12/18

#

第6回WordBench神戸のテーマライブコーディングで紹介したあれこれを簡単にメモ書き。

Debug Bar

デバッグバーを使えば、いま見ているテンプレートファイルが何なのかひと目でわかる!しかもWordPress3.3から、だいぶかっこいいデザインになりました。デバッグバーの使い方は、こちらの記事を参照。

WordPress 開発に便利なプラグイン Debug Bar

Toolbox

いろんな所で親テーマを使うと開発しやすいよ!と言ってます。ネタ切れ感…?親テーマとして使うのはやはりToolboxがおすすめ。

http://wordpress.org/extend/themes/toolbox

子テーマから親テーマの呼び出し方

/*  Theme Name: Theme Name  Theme URI: http://www.example.com/  Version: 1.0  Author: Takuro Hishikawa (@HissyNC)  Template: toolbox  */    @import "../toolbox/style.css";

Codaのスニペットによく使うコードを登録している

WordPressテーマを作る際によく使うコードをCodaのスニペット機能を使ってすぐ呼び出せるようにしています。最近Codaのスニペットを使い始めたので、おそらく登録数は少ない方だと思います。

// Echo Stylesheet Directory  <?php echo get_stylesheet_directory_uri(); ?>/    // Echo Home URL  <?php echo home_url( '/' ); ?>    // Echo Sidebar  if ( is_active_sidebar( 'sidebar' ) ) dynamic_sidebar( 'sidebar' );    // Echo Nav Menu  $args = array( 'menu' => '', 'container' => 'div', 'container_class' => '', 'container_id' => '', 'menu_class' => 'menu', 'menu_id' => '', 'echo' => true, 'fallback_cb' => 'wp_page_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', 'depth' => 0, 'walker' => '', 'theme_location' => '' );  wp_nav_menu( $args );    // Echo Shortcode  <?php echo do_shortcode('[shorcode_handle]'); ?>    // Enqueue Script  wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );    // Get Category Link  $catObj = get_category_by_slug($category_slug);  $link = get_category_link( $catObj->term_id );    // Get Template Part  get_template_part( $slug, $name )    // Get Post Terms  $terms = get_the_terms( get_the_ID(), 'term_name' );    // Get Post Meta  $postmeta = get_post_meta( get_the_ID(), 'postmeta_name', true );    // Get Post Thumbnail  $thumbnail = get_the_post_thumbnail( get_the_ID(), 'thumbnail' );    // Get Post Type  $posttype = get_post_type();    // Get Posts by category  $catObj = get_category_by_slug($category_slug);    $args = array(  	'posts_per_page' => 10,  	'category' => $catObj->term_id  );  $myposts = get_posts( $args );  foreach ( $myposts as $post ) :  	setup_postdata( $post );    endforeach;    // Rewind Posts (before the second loop beginning)  rewind_posts();    // Override Main Loop (query_posts)  global $query_string;  parse_str( $query_string, $args );  $args['posts_per_page'] = 1;  $args['post_type'] = array( 'post', 'page' );  query_posts( $args );

WordPressが出力するデフォルトのクラス名を知っておくと何かと便利

ということで、こちらの記事をご紹介しました。

Default WordPress Generated CSS Cheat Sheet for Beginners

ライブコーディングしたテーマファイルはこちら

» 第6回WordBench神戸でライブコーディングしたテーマ (506)

おしまい。

[追記]

レポート見つけました。

12/17 第6回WordBench神戸に参加しました


Share this entry

Blog Entry Topics