Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (17)
Semelhante a 2014 01-11-tdc-6th-anniversary
Semelhante a 2014 01-11-tdc-6th-anniversary (20)
Último
Último (8)
2014 01-11-tdc-6th-anniversary
- 2. 自己紹介
- 7. プライム・ストラテジー
- 10. 今日お話すること
- 12. WordPressとは
- 15. WordPressとは YES
- 19. WordPressとは
- 20. WordPressとは トップ 1000万サイト All Website 21.0% CMS 59.8% 2014.01.08 All Website 21.2% CMS 60.0% 2014.01.11 http://w3techs.com/technologies/overview/content_management/all
- 21. WordPressとは GPL
- 25. WordPressとは
- 36. WordPressとは WordPressとSEO WordPress is a great choice WordPress automatically solves a ton of SEO issues. （意訳） ワードプレスを選ぶことは、非常に良い選択です。 なぜなら、ワードプレスは、SEOに関する多くの問題を自動的に解決してくれて、 WordPress takes care of 80-90% of (the mechanics of) SEO（サーチエンジン最適化）の手法の80%∼90%に対応するように作られているから です。 Search Engine Optimization (SEO) WordCamp San Francisco 2009 Matt Cutts
- 42. WordPressとは 事例紹介
- 45. WordPressとは WP SiteManager SEO + SNS + デバイス切り替え + キャッシュ + α
- 46. WordPressでの開発
- 58. WordPressでの効率的な開発 テーマ style.css /* Theme Name: Webourgeon Theme URI: http://webourgeon.com/ Description: サンプルテーマ Author: うぇぶるじょん Author URI: http://webourgeon.com/ Version: 1.0 */ テーマとして認識
- 61. WordPressでの効率的な開発 テーマ インクルードタグ get_header() => header.php get_footer() => footer.php get_templatepart() => ヘッダー、サイドバー、フッター以外の テンプレートパーツ モジュール化
- 65. WordPressでの効率的な開発 テーマ WordPressループ <?php if ( have_posts() ) : ?> 投稿データがあるか <?php while ( have_posts() ) : the_post(); ?> <?php the_title(); ?> <?php the_content(); ?> 投稿データを$postに セット <?php endwhile; ?> <?php endif; ?> 記事表示の基本
- 66. WordPressでの効率的な開発 functions.php if ( ! isset( $content_width ) ) { $content_width = 700; }
- 67. WordPressでの効率的な開発 functions.php //アイキャッチ画像 add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 200, 200, true );
- 68. WordPressでの効率的な開発 functions.php // カスタムメニュー register_nav_menus( array ( 'utility' => 'ユーティリティナビ', 'global' => 'グローバルナビ', 'footer' => 'フッターナビ' ) );
- 77. WordPressでの効率的な開発 WordPressの動作原理 2．解析 パラメーターは46個 m, p, posts, w, cat, withcomments, withoutcomments, s, search, exact, sentence, debug, calendar, page, paged, more, tb, pb, author, order, orderby, year, monthnum, day, hour, minute, second, name, category_name, tag, feed, author_name, static, pagename, page_id, error, comments_popup, attachment, attachment_id, subpost, subpost_id, preview, robots, taxonomy, term, cpage, post_type
- 78. WordPressでの効率的な開発 WordPressの動作原理 2．解析 パラメーターは46個 m, p, posts, w, cat, withcomments, withoutcomments, s, search, exact, sentence, debug, calendar, page, paged, more, tb, pb, author, order, orderby, year, monthnum, day, hour, minute, second, name, category_name, tag, feed, author_name, static, pagename, page_id, error, comments_popup, attachment, attachment_id, subpost, subpost_id, preview, robots, taxonomy, term, cpage, post_type URLにパラメーターと同じ名前のものが あると404エラーになりやすい
- 79. WordPressでの効率的な開発 WordPressの動作原理 2．解析 リライトルール デフォルト以外のパーマリンクでは URLをパラメーターに変換 [" category/(.+?)/?$ "] => "index.php?category_name=$matches[1]"
- 81. WordPressでの効率的な開発 WordPressの動作原理 3．抽出 SQLの生成とデータベースからの 記事取得 テンプレートで使用できる グローバル変数（＄post)などを 利用できるように
- 90. ハンズオン
- 94. WordPressハンズオン style.css charset "utf-8"; /* Theme Name: Bokettch Theme URI: http://webourgeon.com/ Description: サンプルテーマ Author: ぼけっち Author URI: http://webourgeon.com/ Version: 1.0 */
- 96. WordPressハンズオン
- 97. WordPressハンズオン
- 99. WordPressハンズオン WordPressループでコンテンツを表示 <?php if ( have_posts() ) : ?> <?php while ( have_posts() ) : the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_content(); ?> <?php endwhile; ?> <?php endif; ?>
- 102. WordPressハンズオン <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>テーマ</title> <?php wp_head(); ?> </head> <body> <?php if ( have_posts() ) : ?> <?php while ( have_posts() ) : the_post(); ?> <h1><?php the_title(); ?></h1> <?php the_content(); ?> <?php endwhile; ?> <?php endif; ?> <?php wp_footer(); ?> </body> </html>
- 108. WordPressハンズオン WordPressは、プラグインをWordPress 本体 に “引っ張り込む (hook into)” ためのフックを 用意している WordPress Codex プラグインAPI
- 111. WordPressハンズオン アクションフック 1．初期化 plugins_loaded => プラグインの読込完了直後 setup_theme => 翻訳ファイルの読込直前 after_setup_theme => テーマのfunctions.php読込直後 init => 初期化完了時
- 112. WordPressハンズオン アクションフック 2．解析 parse_request => 内部パラメータへの変換直後 send_headers => レスポンスヘッダー送信直後
- 113. WordPressハンズオン アクションフック 3．抽出 pre_get_posts => SQL文を生成する直前 posts_selection => データベースアクセスの直前 wp => グローバル変数設定直後
- 114. WordPressハンズオン アクションフック 4．表示 template_redirect => テンプレートファイル選択直前 wp_head => headタグ出力中 wp_footer => bodyタグ出力直前 shutdown => WordPress実行終了時
- 119. WordPressハンズオン アクションフック hello-bokettch.php <?php /** * @package Hello_Bokettch * @version 0.1 */ /* Plugin Name: Hello Bokettch Plugin URI: http://webourgeon.com/ Description: ただなにか出すだけのプラグイン Author: Webourgeon Version: 0.1 Author URI: http://webourgeon.com/ */ 他とかぶらない名前
- 120. WordPressハンズオン アクションフック function hello_bokettch() { echo 'ことしはボケない'; } add_action('wp_footer','hello_bokettch');
- 122. WordPressハンズオン function hello_bokettch() { echo '<p id="hello-bokettch">ことしはボケない！！</p>'; } add_action('wp_footer','hello_bokettch'); function hello_bokettch_style() { echo ' <style type="text/css"> #hello-bourgeon { font-size: 30px; font-weight: bold; color: red; text-align: center; } </style> '; } add_action( 'wp_head', 'hello_bokettch_style' );
- 123. WordPressハンズオン フィルターフック データベースに追加する前やブラウザのスクリーンに 送り出す前にさまざまなタイプのテキストを改造するために WordPress が起動させるフック
- 125. WordPressハンズオン フィルターフック function content_bokettch ( $content ){ $target = '/(。¦ボケ¦ぼけ¦ぼけっち)/'; $bokketch = '「ぼけっち ！」'; $content = preg_replace( $target ,$bokketch, $content ); return $content; } add_filter('the_content', 'content_bokettch');
- 129. WordPressハンズオン ショートコード ショートコードを使うプラグイン Contact Form 7 Trust Form Simple Map
- 131. WordPressハンズオン ショートコード add_shortcode('bokketch', 'bokketch_shortcode'); function bokketch_shortcode() { return '<p>お鍋こがしました(́；ω；｀)ｳｯ…</p>'; }
- 137. WordPressハンズオン 管理画面に表示 function add_bokketch_admin_menu() { add_options_page('Bokketch Admin Menu 設定', 'Bokketch Admin Menu', 'manage_options', 'bokketch_admin_menu.php', 'bokketch_admin_menu_page' ); } add_action('admin_menu', 'add_bokketch_admin_menu'); function bokketch_admin_menu_page() { echo 'とりあえず管理画面になんか表示'; }
- 138. WordPressハンズオン 管理画面に表示 function add_bokketch_admin_menu() { add_options_page('Bokketch Admin Menu 設定', 'Bokketch Admin Menu', page_title 'manage_options', 'bokketch_admin_menu.php', 'bokketch_admin_menu_page' ); } add_action('admin_menu', 'add_bokketch_admin_menu'); function bokketch_admin_menu_page() { echo 'とりあえず管理画面になんか表示'; }
- 139. WordPressハンズオン 管理画面に表示 function add_bokketch_admin_menu() { add_options_page('Bokketch Admin Menu 設定', 'Bokketch Admin Menu', page_title menu_title 'manage_options', 'bokketch_admin_menu.php', 'bokketch_admin_menu_page' ); } add_action('admin_menu', 'add_bokketch_admin_menu'); function bokketch_admin_menu_page() { echo 'とりあえず管理画面になんか表示'; }
- 140. WordPressハンズオン 管理画面に表示 function add_bokketch_admin_menu() { add_options_page('Bokketch Admin Menu 設定', 'Bokketch Admin Menu', page_title menu_title access_level/ 'manage_options', 'bokketch_admin_menu.php', 'bokketch_admin_menu_page' ); capability } add_action('admin_menu', 'add_bokketch_admin_menu'); function bokketch_admin_menu_page() { echo 'とりあえず管理画面になんか表示'; }
- 141. WordPressハンズオン 管理画面に表示 function add_bokketch_admin_menu() { add_options_page('Bokketch Admin Menu 設定', 'Bokketch Admin Menu', page_title menu_title access_level/ 'manage_options', 'bokketch_admin_menu.php', 'bokketch_admin_menu_page' ); capability file } add_action('admin_menu', 'add_bokketch_admin_menu'); function bokketch_admin_menu_page() { echo 'とりあえず管理画面になんか表示'; }
- 142. WordPressハンズオン 管理画面に表示 function add_bokketch_admin_menu() { add_options_page('Bokketch Admin Menu 設定', 'Bokketch Admin Menu', page_title menu_title access_level/ 'manage_options', 'bokketch_admin_menu.php', 'bokketch_admin_menu_page' ); capability file function } add_action('admin_menu', 'add_bokketch_admin_menu'); function bokketch_admin_menu_page() { echo 'とりあえず管理画面になんか表示'; }
- 145. ありがとうございました