PowerPoint プレゼンテーション

Size: px

Start display at page:

Download "PowerPoint プレゼンテーション"

しょうこふじがわ
5 years ago
Views:

1 年末年始で 1 つ WordPress で Web サイトを作ってみようイベント株式会社コミュニティコム星野邦敏埼玉県さいたま市大宮区宮町 1-5 銀座ビル 7 階 URL: mail@communitycom.jp 1

2 年末年始でWebサイトを作る (6) 目次 0. 自己紹介質疑応答 2

3 年末年始でWebサイトを作る (6) 目次 0. 自己紹介質疑応答 3

4 自己紹介星野邦敏 ( ほしのくにとし ) Twitter Facebook : 星野邦敏 (Kunitoshi Hoshino) 株式会社コミュニティコムという会社で自社運営サイトやアプリ他企業様向けサイトも作っていますオープンソースの活動をしたり IT 系の勉強会を主催したり地域の活動をしたり WordPressをCMSとしてWEBサイトを作ることが増えています 4

5 年末年始でWebサイトを作る (6) 自己紹介 WordPressのイベントである WordCamp や WordBench にスタッフやスピーカーとして参加 5

6 自己紹介 WordPress 日本語サイトのイベントカレンダーを更新する係ココ 6

7 自己紹介公式ディレクトリにプラグインを登録したり Japan Tenki プラグイン全国 142 地域の天気を自動表示 Hello Wapuu プラグインブログ更新を応援 7

8 自己紹介 WordPress に関して書籍や雑誌で執筆をしたり 2012 年 1 月に出版 web creators 特別号 Webサイト制作最新トレンドの傾向と対策 2012 年 2 月に出版 Web Designing 2012 年 3 月号 2012 年 3 月に出版速習デザイン WordPress 8

9 自己紹介 WordPress に関して書籍や雑誌で執筆をしたり今も執筆中です 2012 年 7 月に出版 web creators 特別号スマートフォンソーシャルメディア WordPress 9

10 年末年始でWebサイトを作る (6) 自己紹介最近の関心事はコワーキングスペースを作ることですコワーキングスペース7F 埼玉県さいたま市大宮駅東口徒歩 1 分 65 坪 215 平米年 12 月 1 日 ( 土 ) 本格オープン 10

11 年末年始でWebサイトを作る (6) 目次 0. 自己紹介質疑応答 11

12 functions.php テーマファイルの中でも特殊機能を付けることができるプラグイン有効無効を切り替えられるテーマのfunctions.php 強制適用 12

13 ウィジェット管理画面から各エリアを変更できる 13

14 ウィジェット functions.php function twentyeleven_widgets_init() { register_widget( 'Twenty_Eleven_Ephemera_Widget' ); 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>', ) ); ~( 略 )~ } add_action( 'widgets_init', 'twentyeleven_widgets_init' ); 14

15 ウィジェット表示箇所 <?php if ( is_active_sidebar( 'sidebar-3' ) ) :?> <div id="first" class="widget-area" role="complementary"> <?php dynamic_sidebar( 'sidebar-3' );?> </div> <?php endif;?> 15

16 カスタムヘッダー管理画面からメイン画像を変更できる 16

17 カスタムヘッダー functions.php function twentyeleven_setup() { ~( 略 )~ $custom_header_support = array( ); 'default-text-color' => '000', 'width' => apply_filters( 'twentyeleven_header_image_width', 1000 ), 'height' => apply_filters( 'twentyeleven_header_image_height', 288 ), 'flex-height' => true, 'random-default' => true, 'wp-head-callback' => 'twentyeleven_header_style', 'admin-head-callback' => 'twentyeleven_admin_header_style', 'admin-preview-callback' => 'twentyeleven_admin_header_image', add_theme_support( 'custom-header', $custom_header_support ); < 続く > 17

18 カスタムヘッダー functions.php < 続き > if (! function_exists( 'get_custom_header' ) ) { define( 'HEADER_TEXTCOLOR', $custom_header_support['default-text-color'] ); define( 'HEADER_IMAGE', '' ); define( 'HEADER_IMAGE_WIDTH', $custom_header_support['width'] ); define( 'HEADER_IMAGE_HEIGHT', $custom_header_support['height'] ); add_custom_image_header( $custom_header_support['wp-head-callback'], $custom_header_support['admin-head-callback'], $custom_header_support['adminpreview-callback'] ); } add_custom_background(); set_post_thumbnail_size( $custom_header_support['width'], $custom_header_support['height'], true ); add_image_size( 'large-feature', $custom_header_support['width'], $custom_header_support['height'], true ); < 続く> 18

19 カスタムヘッダー functions.php < 続き > add_image_size( 'small-feature', 500, 300 ); } register_default_headers( array( 'wheel' => array( 'url' => '%s/images/headers/wheel.jpg', 'thumbnail_url' => '%s/images/headers/wheel-thumbnail.jpg', /* translators: header image description */ 'description' => ( 'Wheel', 'twentyeleven' ) ), ~( 略 )~ ) ); ~( 略 )~ 19

20 カスタムヘッダー表示箇所 <?php $header_image = get_header_image(); if ( $header_image ) : if ( function_exists( 'get_custom_header' ) ) { $header_image_width = get_theme_support( 'custom-header', 'width' ); } else { $header_image_width = HEADER_IMAGE_WIDTH; }?> 20

21 アイキャッチ画像各記事のサムネイル画像を指定できる 21

22 アイキャッチ画像 functions.php function twentyeleven_setup() { } ~( 略 )~ add_theme_support( 'post-thumbnails' ); ~( 略 )~ 22

23 アイキャッチ画像表示箇所 get_the_post_thumbnail( $post->id, 'post-thumbnail' ); 23

24 カスタムメニューメニューを管理画面から変更できる 24

25 カスタムメニュー functions.php function twentyeleven_setup() { } ~( 略 )~ register_nav_menu( 'primary', ( 'Primary Menu', 'twentyeleven' ) ); ~( 略 )~ 25

26 カスタムメニュー表示箇所 <?php wp_nav_menu( array( 'theme_location' => 'primary' ) );?> 26

27 カスタム投稿タイプ投稿と固定ページ以外に投稿箇所を作る (WordPress3.0からの新機能) カテゴリーの条件分岐以外で表示箇所を変えられるようになったテーマによっては予め実装されているカスタマイズをして自分で実装することもできる汎用的なテンプレートとして便利 27

28 カスタム投稿タイプ functions.php add_action( 'init', 'create_post_type' ); function create_post_type() { register_post_type( 'acme_product', array( 'labels' => array( 'name' => ( 'Products' ), 'singular_name' => ( 'Product' ) ), 'public' => true ) ); } 28

29 カスタム投稿タイプ表示箇所 <?php $loop = new WP_Query( array( 'post_type' => 'acme_product', 'posts_per_page' => 5 ) );?> <?php while ( $loop->have_posts() ) : $loop->the_post();?> <div id="post-<?php the_id();?>" <?php post_class();?>> <h2 class="entry-title"><a href="<?php the_permalink();?>" title="<?php printf( esc_attr ( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) );?>" rel="bookmark"><?php the_title();?></a></h2> <div class="entry-content"> <?php the_content();?> </div> </div> <?php endwhile;?> 29

30 カスタム分類 ( カスタムタクソノミー ) カテゴリーとタグ以外に分類を作る (WordPress3.0からの新機能) カテゴリーとタグに縛られず自由に分類設定ができるようになった 30

31 カスタム分類 functions.php function people_init() { register_taxonomy( 'people', 'post', array( 'label' => ('People'), 'sort' => true, 'args' => array('orderby' => 'term_order'), 'rewrite' => array('slug' => 'person'), ) ); } add_action( 'init', 'people_init' ); 31

32 カスタム分類表示箇所 echo get_the_term_list( $post->id, 'people', 'People: ', ', ', ); 32

33 年末年始でWebサイトを作る (6) 最後に WordPressで繋がろう! WordPressのコミュニティにぜひご参加を! WordPressのイベントや勉強会に参加してみませんか? 33

34 年末年始でWebサイトを作る (6) 最後に今後のお問い合わせなど何かありましたら Mail: URL: などにご連絡くださいありがとうございました! 株式会社コミュニティコム星野邦敏 34

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション年末年始で 1 つ WordPress で Web サイトを作ってみようイベント株式会社コミュニティコム星野邦敏 330-0802 埼玉県さいたま市大宮区宮町 1-5 銀座ビル 7 階 URL: http://www.communitycom.jp/ E-MAIL: mail@communitycom.jp 1 年末年始でWebサイトを作る (2) 目次 0. 自己紹介 1. 2. 質疑応答 2