Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WordBench
plugin developerのバッチを貰おう!!
僕の事
  おなまえ すぎやま たけし
おしごと ウェブプログラマー
趣味
 
僕の事
おなまえ すぎやま たけし
おしごと ウェブプログラマー
趣味
自然が作ったハート集め ‼
僕の事 趣味
Facebookで大きい写真が見れます
WordPressでしたこと
テーマ
・graftee(公式ディレクトリで公開中)
・wapuu1-child(申請中)
プラグイン
・Graftee Speed Up Kit(公式ディレクトリで公開中)
表示速度を早くする
・Without ...
 
WordPressでしたこと
● アクセシビリティAAA対応
● schema.org設定済み
● HTML5の適切な要素を使っ
たマークアップ
● カスタマイズの機能強化
● ↑でパンくずリスト表示も可能
● レスポンシブデザイン
● 独...
 
WordPressでしたこと
grafteeの子テーマ
ファイルはたったこれだけ !!
● README.md
● no-repeat.svg
● repeat-x.svg
● repeat.svg
● screenshot.png
● s...
 
WordPressでしたこと
if ( is_admin() ) {
function theme_update_mode_directory( $dir ) {
if ( get_user_meta( get_current_user_i...
僕の事
  おなまえ すぎやま たけし
おしごと ウェブプログラマー
趣味
よろしく
お願いします
この写真にもハートが隠れているよ
※合成ではありません
 
僕の事
自己紹介
おしまいだにゃ
ファイル構造
プラグインの作り方
plugins/プラグイン名/プラグイン名.php
例:(プラグイン名= Super SEO)
plugins/super_seo/super_seo.php
PHPの先頭コメント
プラグインの作り方
例:(プラグイン名= Super SEO)
/*
Plugin Name: プラグイン名
Plugin URI: プラグインURL
Description: プラグインの説明
Author: あなたのお...
フック(割り込み処理)について
プラグインの作り方
・アクションフック
任意の処理の途中に別の処理を追加する。
add_action( ‘フック名’, ‘追加する処理の関数名’ );
function 追加する処理の関数名() {
処理する内容...
作ってみよう!!
プラグインの作り方
/*
Plugin Name: Login Logo Link Changer
Plugin URI:
Description: change login log link
Author: Takeshi ...
おまけ
プラグインの作り方
不要な画面で処理をしないで速度低下を避ける
// 公開側、管理側の両方で処理される
if ( is_admin() ) {
// 公開側を表示している時は処理されない
} else {
// 管理側を表示している時は...
おまけ
プラグインの作り方
有料プラグインにつなげてみる?!
・オリジナルアクションフック
任意の処理の途中に別の処理を追加する。
do_action( ‘フック名’, ‘渡す値’ );
有料プラグインで
add_action( ‘フック名’,...
おまけ
プラグインの作り方
/*
Plugin Name: Login Logo Link Changer
Plugin URI:
Description: change login log link
Author: Takeshi Sugiy...
  プラグインの作り方
おしまいだブ~
プラグインの作り方
 
プラグインを公式ディレクトリに申請
・コーディングスタイルを守る
・多言語対応
・readme.txtを作る
 
プラグインを公式ディレクトリに申請
・コーディングスタイルを守る
・多言語対応
・readme.txtを作る
 
プラグインを公式ディレクトリに申請
・行頭のインデントはスペースではなくタブ
・代入の「=」や連想配列の「=>」は他の行に合わせる
・配列を定義する場合、最後の行末にもカンマをつける
・ブロックが35行以上になる場合、閉じカッコにコメントを...
 
プラグインを公式ディレクトリに申請
・行頭のインデントはスペースではなくタブ
https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/
fun...
 
プラグインを公式ディレクトリに申請
・代入の「=」や連想配列の「=>」は他の行に合わせる
https://make.wordpress.org/core/handbook/best-practices/coding-standards/ph...
 
プラグインを公式ディレクトリに申請
・配列を定義する場合、最後の行末にもカンマをつける
https://make.wordpress.org/core/handbook/best-practices/coding-standards/php...
 
プラグインを公式ディレクトリに申請
・ブロックが35行以上になる場合、閉じカッコにコメントを書いておく
https://make.wordpress.org/core/handbook/best-practices/coding-stand...
 
プラグインを公式ディレクトリに申請
・行末にスペースは置かない
https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/
$hoge = ‘a...
 
プラグインを公式ディレクトリに申請
・演算子の前後とカンマの後にはスペースを置く
https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/
$...
 
プラグインを公式ディレクトリに申請
・制御文の括弧の前後はスペースを置く
https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/
forea...
 
プラグインを公式ディレクトリに申請
・関数定義の引数の開始カッコの前はスペースを置かない
https://make.wordpress.org/core/handbook/best-practices/coding-standards/ph...
 
プラグインを公式ディレクトリに申請
・配列の添字が固定値ならスペースを置かない
https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/
$h...
 
プラグインを公式ディレクトリに申請
・配列の添字が変数なら、変数の前後にスペースを置く
https://make.wordpress.org/core/handbook/best-practices/coding-standards/php...
 
プラグインを公式ディレクトリに申請
・コーディングスタイルを守る
・多言語対応
・readme.txtを作る
 
プラグインを公式ディレクトリに申請
__( ‘あああああ’, ‘Text Domain’ )
_e( ‘あああああ’, ‘Text Domain’ )
_n( ‘あああああ’, ‘Text Domain’ )
_x( ‘あああああ’, ‘T...
 
プラグインを公式ディレクトリに申請
・コーディングスタイルを守る
・多言語対応
・readme.txtを作る
 
プラグインを公式ディレクトリに申請
https://wordpress.org/plugins/about/
ここのreadme.txtのベースファイルをいじって作る
ここで作ったreadme.txtのチェック
フォーマットは変えないで!!
 
プラグインを公式ディレクトリに申請
=== Plugin Name ===
Contributors: wordpress.orgのアカウント名
Donate link:
Tags: タグ
Requires at least: WordPe...
 
プラグインを公式ディレクトリに申請
日付:2015年9月21日 4:11
8suzuran8,
Your plugin hosting request has been approved.
Within one hour, you will...
  申請方法
おしまいだペン
プラグインを公式ディレクトリに申請
僕の事
おなまえ すぎやま たけし
おしごと ウェブプログラマー
趣味
有難うございましたm(__)
m
Upcoming SlideShare
Loading in …5
×

Word pressのプラグインを作ってみよう wordbench奈良2015.11- (1)

1,006 views

Published on

Word pressのプラグインを作ってみよう wordbench奈良2015.11- (1)

Published in: Technology
  • DOWNLOAD THAT BOOKS/FILE INTO AVAILABLE FORMAT - (Unlimited) ......................................................................................................................... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes Christian, Classics, Comics, Contemporary, Cookbooks, Art, Biography, Business, Chick Lit, Children's, Manga, Memoir, Music, Science, Science Fiction, Self Help, History, Horror, Humor And Comedy, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, Copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ACCESS that WEBSITE Over for All Ebooks (Unlimited) ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... DOWNLOAD FULL EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • -- DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT -- ......................................................................................................................... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... (Unlimited)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ,Download or read Ebooks here ... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Word pressのプラグインを作ってみよう wordbench奈良2015.11- (1)

  1. 1. WordBench plugin developerのバッチを貰おう!!
  2. 2. 僕の事   おなまえ すぎやま たけし おしごと ウェブプログラマー 趣味
  3. 3.   僕の事 おなまえ すぎやま たけし おしごと ウェブプログラマー 趣味 自然が作ったハート集め ‼
  4. 4. 僕の事 趣味 Facebookで大きい写真が見れます
  5. 5. WordPressでしたこと テーマ ・graftee(公式ディレクトリで公開中) ・wapuu1-child(申請中) プラグイン ・Graftee Speed Up Kit(公式ディレクトリで公開中) 表示速度を早くする ・Without Update Themes(公式ディレクトリで公開中) 特定のテーマを更新の対象外に設定できる ・Theme Update Mode(公式ディレクトリで公開中) テーマ編集でエラーを出しても管理画面が表示されなくなることを防ぐ
  6. 6.   WordPressでしたこと ● アクセシビリティAAA対応 ● schema.org設定済み ● HTML5の適切な要素を使っ たマークアップ ● カスタマイズの機能強化 ● ↑でパンくずリスト表示も可能 ● レスポンシブデザイン ● 独自フック関数の追加 ● 一部の子テーマファイルの自 動読み込み ● 子テーマ製作のスターター CSS同封 ● 不要な処理を行わないコー ディングで高速化 ● 日本語ベース 等々
  7. 7.   WordPressでしたこと grafteeの子テーマ ファイルはたったこれだけ !! ● README.md ● no-repeat.svg ● repeat-x.svg ● repeat.svg ● screenshot.png ● style.css
  8. 8.   WordPressでしたこと if ( is_admin() ) { function theme_update_mode_directory( $dir ) { if ( get_user_meta( get_current_user_id(), 'use_theme_update_mode', true ) != 1 ) { return $dir; } return dirname( __FILE__ ); } add_filter( 'stylesheet_directory', 'theme_update_mode_directory' ); add_filter( 'template_directory', 'theme_update_mode_directory' ); function theme_update_mode_profile_update( $user_id, $old_user_data ) { update_user_meta( $user_id, 'use_theme_update_mode', $_POST[ 'use_theme_update_mode' ] ); } add_action( 'profile_update', 'theme_update_mode_profile_update', 10, 2 ); function theme_update_mode_user_profile($user) { $html = ''; $html .= '<table class="form-table"><tr><th>'; $html .= '<label for="use_theme_update_mode">' . __( 'テーマ編集モード', 'theme_update_mode' ) . '</label>'; $html .= '</th><td>'; $html .= '<input type="checkbox" name="use_theme_update_mode" id="use_theme_update_mode" value="1" ' . checked( $user->use_theme_update_mode, 1, false) . '/>'; $html .= __( '使用する', 'theme_update_mode' ); $html .= '<p class="description">' . __( '管理画面ではテーマが動かなくなります。それにより、テーマでエラーを起こしても管理画面が表示できなくなることを防ぎます。', 'theme_update_mode' ) . '</p>'; $html .= '</td></tr></table>'; $html .= ''; echo $html; } add_action( 'show_user_profile', 'theme_update_mode_user_profile' ); add_action( 'edit_user_profile', 'theme_update_mode_user_profile' ); } こんなに短いコードでも プラグインデベロッパーバッジをゲット !!
  9. 9. 僕の事   おなまえ すぎやま たけし おしごと ウェブプログラマー 趣味 よろしく お願いします この写真にもハートが隠れているよ ※合成ではありません
  10. 10.   僕の事 自己紹介 おしまいだにゃ
  11. 11. ファイル構造 プラグインの作り方 plugins/プラグイン名/プラグイン名.php 例:(プラグイン名= Super SEO) plugins/super_seo/super_seo.php
  12. 12. PHPの先頭コメント プラグインの作り方 例:(プラグイン名= Super SEO) /* Plugin Name: プラグイン名 Plugin URI: プラグインURL Description: プラグインの説明 Author: あなたのお名前 Author URI: あなたのURL Version: プラグインのバージョン Text Domain: 多言語対応で使われるユニークな文字列 License: GPLv2 License URI: https://www.gnu.org/licenses/gpl-2.0.html */ /* Plugin Name: Super SEO Plugin URI: Description: SEO for your WordPress blog. Author: Takeshi Sugiyama Author URI: https://profiles.wordpress.org/8suzuran8/ Version: 1.0 Text Domain: super_seo License: GPLv2 License URI: https://www.gnu.org/licenses/gpl-2.0.html */
  13. 13. フック(割り込み処理)について プラグインの作り方 ・アクションフック 任意の処理の途中に別の処理を追加する。 add_action( ‘フック名’, ‘追加する処理の関数名’ ); function 追加する処理の関数名() { 処理する内容 } ・フィルターフック 任意の結果を加工する add_filter( ‘フック名’, ‘結果を加工する関数名’ ); function 結果を加工する関数名( $output ) { return $output . ‘abcdefg’; } $outputには初期値が入ってます。 wordpress hook でググるとフック一覧ページに辿り着きま す。
  14. 14. 作ってみよう!! プラグインの作り方 /* Plugin Name: Login Logo Link Changer Plugin URI: Description: change login log link Author: Takeshi Sugiyama Author URI: https://profiles.wordpress.org/8suzuran8/ Version: 1.0 Text Domain: login_logo_link_changer License: GPLv2 License URI: https://www.gnu.org/licenses/gpl-2.0.html */ function login_logo_url( $url ) { return 'https://profiles.wordpress.org/8suzuran8/'; } add_filter( 'login_headerurl', 'login_logo_url' ); ログイン画面のロゴのリンク先を、 任意のURLに変更するプラグイン
  15. 15. おまけ プラグインの作り方 不要な画面で処理をしないで速度低下を避ける // 公開側、管理側の両方で処理される if ( is_admin() ) { // 公開側を表示している時は処理されない } else { // 管理側を表示している時は処理されない } // 公開側、管理側の両方で処理される ※管理画面のカスタマイズ機能を作る時は注意が必要 !! プラグインを入れすぎて重くなったー(> ε<) ということが減ります(^ ω^)
  16. 16. おまけ プラグインの作り方 有料プラグインにつなげてみる?! ・オリジナルアクションフック 任意の処理の途中に別の処理を追加する。 do_action( ‘フック名’, ‘渡す値’ ); 有料プラグインで add_action( ‘フック名’, ‘追加する処理の関数名’ ); として使う。 ・オリジナルフィルターフック 任意の結果を加工する apply_filters( ‘フック名’, ‘初期値’ ); 有料プラグインで add_filter( ‘フック名’, ‘結果を加工する関数名’ ); として使う。 このプラグインも一緒に使うとこんないいことがある よ!!
  17. 17. おまけ プラグインの作り方 /* Plugin Name: Login Logo Link Changer Plugin URI: Description: change login log link Author: Takeshi Sugiyama Author URI: https://profiles.wordpress.org/8suzuran8/ Version: 1.0 Text Domain: login_logo_link_changer License: GPLv2 License URI: https://www.gnu.org/licenses/gpl-2.0.html */ if ( ! is_admin() ) { function login_logo_url( $url ) { return 'https://profiles.wordpress.org/8suzuran8/'; } add_filter( 'login_headerurl', 'login_logo_url' ); } ログイン画面のロゴのリンク先を、 任意のURLに変更するプラグイン return apply_filters( ‘login-logo-link-changer-more’, ‘https: //profiles.wordpress.org/8suzuran8/’ );
  18. 18.   プラグインの作り方 おしまいだブ~ プラグインの作り方
  19. 19.   プラグインを公式ディレクトリに申請 ・コーディングスタイルを守る ・多言語対応 ・readme.txtを作る
  20. 20.   プラグインを公式ディレクトリに申請 ・コーディングスタイルを守る ・多言語対応 ・readme.txtを作る
  21. 21.   プラグインを公式ディレクトリに申請 ・行頭のインデントはスペースではなくタブ ・代入の「=」や連想配列の「=>」は他の行に合わせる ・配列を定義する場合、最後の行末にもカンマをつける ・ブロックが35行以上になる場合、閉じカッコにコメントを書いておく ・行末にスペースは置かない ・演算子の前後とカンマの後にはスペースを置く ・制御文の括弧の前後はスペースを置く ・関数定義の引数の開始カッコの前はスペースを置かない ・配列の添字が固定値ならスペースを置かない ・配列の添字が変数なら、変数の前後にスペースを置く https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/
  22. 22.   プラグインを公式ディレクトリに申請 ・行頭のインデントはスペースではなくタブ https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ function hoge() { return true; }
  23. 23.   プラグインを公式ディレクトリに申請 ・代入の「=」や連想配列の「=>」は他の行に合わせる https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ $hoge = array( ‘key’ => ‘value’, ‘keyhoge’ => ‘value’, 1 => ‘value’, );
  24. 24.   プラグインを公式ディレクトリに申請 ・配列を定義する場合、最後の行末にもカンマをつける https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ $hoge = array( 0 => ‘value’, 1 => ‘value2’, 2 => ‘value3’, );
  25. 25.   プラグインを公式ディレクトリに申請 ・ブロックが35行以上になる場合、閉じカッコにコメントを書いておく https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ function hoge() { ・・・・ } // end of hoge
  26. 26.   プラグインを公式ディレクトリに申請 ・行末にスペースは置かない https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ $hoge = ‘abc’;
  27. 27.   プラグインを公式ディレクトリに申請 ・演算子の前後とカンマの後にはスペースを置く https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ $hoge = $aaa + $bbb;
  28. 28.   プラグインを公式ディレクトリに申請 ・制御文の括弧の前後はスペースを置く https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ foreach ( $values as $value ) { }
  29. 29.   プラグインを公式ディレクトリに申請 ・関数定義の引数の開始カッコの前はスペースを置かない https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ function hoge () { } function abc() { }
  30. 30.   プラグインを公式ディレクトリに申請 ・配列の添字が固定値ならスペースを置かない https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ $hoge[ ‘name’ ]; $hoge[‘name’];
  31. 31.   プラグインを公式ディレクトリに申請 ・配列の添字が変数なら、変数の前後にスペースを置く https://make.wordpress.org/core/handbook/best-practices/coding-standards/php/ $hoge[ $key ]; $hoge[$key];
  32. 32.   プラグインを公式ディレクトリに申請 ・コーディングスタイルを守る ・多言語対応 ・readme.txtを作る
  33. 33.   プラグインを公式ディレクトリに申請 __( ‘あああああ’, ‘Text Domain’ ) _e( ‘あああああ’, ‘Text Domain’ ) _n( ‘あああああ’, ‘Text Domain’ ) _x( ‘あああああ’, ‘Text Domain’ )
  34. 34.   プラグインを公式ディレクトリに申請 ・コーディングスタイルを守る ・多言語対応 ・readme.txtを作る
  35. 35.   プラグインを公式ディレクトリに申請 https://wordpress.org/plugins/about/ ここのreadme.txtのベースファイルをいじって作る ここで作ったreadme.txtのチェック フォーマットは変えないで!!
  36. 36.   プラグインを公式ディレクトリに申請 === Plugin Name === Contributors: wordpress.orgのアカウント名 Donate link: Tags: タグ Requires at least: WordPerss本体の必須バージョン Tested up to: 確認済みの WordPerss本体のバージョン Stable tag: 安定するプラグインのバージョン、または trunc License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html ここに150文字以内の説明文 == Description == 長い説明文。使い方とかも。 == Installation == Installation using "Add New Plugin" 1. From your Admin UI (Dashboard), go to Plugins. Click the "Add New" button. 2. Search for plugin, or click the "Upload" button, and then select the plugin you want to install. 3. Click the "Install Now" button. Manual installation 1. Upload the "プラグインのディレクトリ名 " folder to the "/wp-content/plugins/" directory. == Changelog == = 1.0 = * Initial Release 大体こんな感じ
  37. 37.   プラグインを公式ディレクトリに申請 日付:2015年9月21日 4:11 8suzuran8, Your plugin hosting request has been approved. Within one hour, you will have access to your SVN repository at http://plugins.svn.wordpress.org/graftee-speed-up-kit/ with your WordPress.org username and password (the same one you use on the forums). Here's some handy links to help you get started. Using Subversion with the WordPress Plugins Directory https://wordpress.org/plugins/about/svn/ FAQ about the WordPress Plugins Directory https://wordpress.org/plugins/about/faq/ WordPress Plugins Directory readme.txt standard https://wordpress.org/plugins/about/readme.txt readme.txt validator: https://wordpress.org/plugins/about/validator/ Enjoy! 申請した翌日に来たメール 1時間以内にSVNリポジトリにアクセスしてって 着信時間が(゜Д゜) 朝の5:11までに対応してください(笑) ※二つ目以降のプラグインは、朝 8:30頃に、 同じ内容のメールが来ました。
  38. 38.   申請方法 おしまいだペン プラグインを公式ディレクトリに申請
  39. 39. 僕の事 おなまえ すぎやま たけし おしごと ウェブプログラマー 趣味 有難うございましたm(__) m

×