PowerPoint プレゼンテーション

Size: px

Start display at page:

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

ときやぶき
4 years ago
Views:

サイトを作る簡単なお仕事です財団法人日本自動車研究所 http://www.jari.or.

jp/ プラグインなども作っています PS Auto Sitemap PS Disable Auto

4 Chapter 0 自己紹介自己紹介大曲仁 / jim912 プライムストラテジー株式会社で主にシステム開発を担当しています WordPress を CMS として Web サイトを作る簡単なお仕事です財団法人日本自動車研究所中国毎日経済プラグインなども作っています PS Auto Sitemap PS Disable Auto Formatting Bread Crumb Twitter Ps Taxonomy Expander Page Navi All in One Sub Navi Widget Copyright (C) 2011 co.,ltd. 4

6 Chapter 1 ショートコードって? ショートコードって? ショートコードとは Version2.5(2008 年 3 月リリース ) でサポートされた機能本文内に [ ] ( ブラケット ) 囲みで記述しコンテンツ内での動的な処理を実現する記述例 : [gallery id="123" size="medium"] gallery ショートコードの表示例ショートコード名パラメータ HTML のタグと同じ記法だと理解してください WordPress 本体に組み込まれているショートコード caption gallery など [caption id="attachment_1370" align="alignright" width="300" caption="wordpress3.1 のダッシュボード読み込みタイムライン "] [/caption] Copyright (C) 2011 co.,ltd. 6

7 Chapter 1 ショートコードって? ショートコードって? ショートコードでできることショートコードを使ったプラグイン複雑なソースのマークアップを簡単に出力 Google Maps Anywhere - google map Google Maps v3 Shortcode - google map J Shortcodes - 複数カラムボタンタブ Shortcodes Ultimate - ボタンタブリストボックス Amazon Widgets Shortcodes - アマゾン WP Paypal Shortcodes - Paypal ボタン Download Button Shortcode - ダウンロードボタン動的な処理を本文内に導入 Contact Form 7 - フォームの表示 Template Tag Shortcodes カテゴリーページリスト他 List Pages Shortcode - ページリスト Category Shortcode - カテゴリーの新着投稿 Tag Cloud Shortcode - タグクラウド状況によって記事内容の表示を変える PC Ktai content selecter 携帯と PC で表示を変える Copyright (C) 2011 co.,ltd. 7

8 Chapter 1 基本的構成方法ショートコードって? ショートコードって? PHP を実行するプラグインとの違い本文内で PHP が使えるプラグイン (runphp, Exec-PHP ) eval 関数による実行処理セキュリティの問題多数のユーザーによる執筆の場合致命的なコードを実行される可能性もある速度面の問題本文に記述されているPHPコードを評価して実行するため処理が遅くなりがち必要性の疑問多用することは稀ほぼショートコードで足りる PHP が書けるスキルがあるなら是非ショートコードを使って下さい Copyright (C) 2011 co.,ltd. 8

10 Chapter 2 ショートコードの活用例ショートコードの活用例シンクロ小説家神永学と演出家黒川竹春の演劇ユニット Youtube の動画をショートコードで表示 [youtube id="pygdhp1qllc" width="425" height="344" fullscreen="true" scriptaccess="always"] Copyright (C) 2011 co.,ltd. 10

13 Chapter 3 ショートコードの仕組みショートコードの仕組みショートコードの基本形表示する HTML を return add_shortcode 関数でショートコードの登録 function sample_shortcode() { return 'Welcome'; 関数名 } add_shortcode( 'sample', 'sample_shortcode' ); functions.php or プラグインショートコード名 [sample] 投稿欄 Copyright (C) 2011 co.,ltd. 13

14 Chapter 13 基本的構成方法ショートコードの仕組みショートコードの仕組みパラメータがある囲み型のショートコード functions.php or プラグイン function sample_shortcode( $atts, $content = '' ) { return $content; } add_shortcode( 'sample', 'sample_shortcode' ); パラメータショートコード内部のテキスト [sample foo="foo" bar="bar"]wordpress[/sample] 投稿欄 Copyright (C) 2011 co.,ltd. 14

16 Chapter 4 つくってみようつくってみよう日時を表示するショートコードの作成本文中に時刻を表示する date ショートコードを作成してみる format パラメータによって表示フォーマット time パラメータによって表示時刻の調整を可能とする 1. 関数の作成とショートコードの登録ショートコードの登録と巻数の実行がなされているか確認する function date_shortcode() { echo 'done'; } add_shortcode( 'date', 'date_shortcode' ); functions.php [date] done 投稿欄表示 Copyright (C) 2011 co.,ltd. 16

17 Chapter 54 サイト制作つくってみようつくってみよう日時を表示するショートコードの作成 2. パラメータを取得できるようにする関数内でパラメータの受け取りと形式を確認する function date_shortcode($atts ) { var_dump( $atts ); } add_shortcode( 'date', 'date_shortcode' ); functions.php 投稿欄 [date format="y 年 n 月 j 日 "] 表示 array(1) { ["format"]=> string(12) "Y 年 n 月 j 日 " } パラメータの属性名をキーとした連想配列で受け取る Copyright (C) 2011 co.,ltd. 17

18 Chapter 54 サイト制作つくってみようつくってみよう日時を表示するショートコードの作成 3. パラメータのデフォルト設定と不要なパラメータの破棄 shotcode_atts を用いてパラメータのデフォルトと不要なパラメータの破棄を行う function date_shortcode($atts ) { var_dump( $atts ); $default = array( 'format' => 'Y/m/d H:i:s', 'time' => current_time( 'timestamp' ) ); $atts = shortcode_atts( $default, $atts ); var_dump( $atts ); } add_shortcode( 'date', 'date_shortcode' ); functions.php [date format="y 年 n 月 j 日 " invalid=" 不正なパラメータ "] array(2) { ["format"]=> string(12) "Y 年 n 月 j 日 " ["invalid"]=> string(24) " 不正なパラメータ " } array(2) { ["format"]=> string(12) "Y 年 n 月 j 日 " ["time"]=> int( ) } 投稿欄表示デフォルト設定に含まれる time パラメータが追加され定義されていないinvalidパラメータが破棄されている Copyright (C) 2011 co.,ltd. 18

19 Chapter 54 サイト制作つくってみようつくってみよう日時を表示するショートコードの作成 4. パラメータを元に日付のテキストを生成して表示させる strtotime でテキストから時間の割り出し date で日付のテキストを生成 function date_shortcode($atts ) { $default = array( 'format'=> 'Y/m/d H:i:s', 'time'=> current_time( 'timestamp' ) ); $atts = shortcode_atts( $default, $atts ); functions.php 投稿欄 [date format="y 年 n 月 j 日 " time= -1 month"] 表示 2011 年 6 月 27 日 if (! is_numeric( $atts['time'] ) ) { アクセスした1ヶ月前の日が表示される $atts['time'] = strtotime( $atts['time'] ); if ( $atts['time'] === false $atts['time'] === -1 ) { return; } } return esc_html( date( $atts['format'], $atts['time'] Prime ) ); Strategy } add_shortcode( 'date', 'date_shortcode' ); Copyright (C) 2011 co.,ltd. 19

Chapter 5 実践的ショートコードの紹介実践的ショートコードの紹介 CSV ファイルを元にテーブルを表示する CSV2Table http://www.

info/archives/1481/ エディターからは更新しにくい表組みを CSV ファイルのデータを元に更新するショートコード CSV

テーブルを表示させたい箇所に csv2table ショートコードを記述最低限必要なパラメータはメディアの id かファイルの URL

21 Chapter 5 実践的ショートコードの紹介実践的ショートコードの紹介 CSV ファイルを元にテーブルを表示する CSV2Table エディターからは更新しにくい表組みを CSV ファイルのデータを元に更新するショートコード CSV ファイルをアップロード 1.CSV ファイルをメディアアップローダーからアップロード 2. テーブルを表示させたい箇所に csv2table ショートコードを記述最低限必要なパラメータはメディアの id かファイルの URL エディターにショートコードを記述 [csv2table th="both" file=" 2011/07/csv2table.csv" caption=" 翻訳キャッシュによる WordPress の実行時間短縮 ( 単位 : 秒 )"] テーブルとして表示 Copyright (C) 2011 co.,ltd. 21

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション WordPressでの企業 WEBの作り方本日のお題目 chapter 0 自己紹介 chapter 1 基本的構成方法 chapter 2 WordPress 設定 chapter 3 プラグイン chapter 4 テーマ chapter 5 サイト制作 2 自己紹介 3 Chapter 0 自己紹介自己紹介大曲仁 / jim912