Hellow WordPress 3.2 and Twenty Eleven at wordbench東京勉強会

Hello WordPress 3.2and TwentyEleven

Odyssey

11年7月30日土曜日

おでっせいおかねがたりません

サラリーマン

レベル：10せいべつ：おとこまけずぎらい

E ハイストリートのふくE Galaxy SIIE iPhone 4E iPod NanoE NintendoDS LiteE Playstation PortableE MacBook Air

せいそくち：とうきょう

WordPress 歴: もうすぐ6年WordPress 0.9.5 に出会うWordPress ME 2.0 を使うWordPress オフに参加WordPress 公式日本語サイト運営チームWordPress 日本語版作成チームWordCamp/Bench に参加WordBench 英語部WordBench 写真部WordPants 製作委員会WordBench モクモク部WordBench モンハン部






Photo by Yuriko Ikeda11年7月30日土曜日

　WordPressと映画とゲームのブログを書いてます。　　　


http://www.odysseygate.com/




WordPress 3.2 丸裸


新機能？


•管理画面 UI のリフレッシュ•新デフォルトテーマ「TwentyEleven」•集中執筆モード•管理バーのさらなる拡張•最低動作環境の変更•ブラウザー互換性の向上•スピードアップ&ライト•管理メニューに閉じるボタンを追加

•管理画面のフッターにクレジットを追加•HTMLエディタに等幅フォントを採用•本体ファイルの差分アップデート対応•新スタイルのビジュアルエディタボタン•メニュー名の変更「投稿」→『投稿一覧」•新デザインのPress This•随所に新しいページング•jQueryを1.6.1に更新


……


……大杉


厳選5機能をご紹介！


動作環境の変更


動作環境の変更


動作環境の変更3.1.x まで


動作環境の変更3.1.x までPHP 4.3 以上

MySQL 4.1.2 以上



MySQL 4.1.2 以上3.2 以降



MySQL 4.1.2 以上3.2 以降

PHP 5.2.4 以上MySQL 5.0 以上


動作環境の変更3.2 以降





・サーバー環境の確認




・サーバー環境の確認・プラグインやテーマの確認


管理画面のリフレッシュ



New Desigin!!


Too small :(


Logout


Collapse menu


Collapsed!!


集中執筆モード（禅モード）



Full-screen




ブラウザー互換性の向上


さようなら、IE 6





さようなら、IE 7





IE 8、おまえもだ




うちのクライアントのパソコン、IE 6なんですけど？


会社のPC、IE 6ｗｗｗオワタ＼(^o^)／


そんなあなたにChrome Frame！



でもお高いんでしょう？


でもお高いんでしょう？



そう、無料なんです！


新デフォルトテーマTwentyEleven








TwentyElevenの特徴・Dusterテーマがベース・最新のテーマ機能をサポート・カラー･レイアウトオプション・「短冊」ウィジェット・ショーケーステンプレート


TwentyElevenの特徴・Dusterテーマがベース・最新のテーマ機能をサポート・カラー･レイアウトオプション・「短冊」ウィジェット・ショーケーステンプレート


　Duster　　　　11年7月30日土曜日

　TwentyEleven　　　　11年7月30日土曜日

　シングルページ　　　　11年7月30日土曜日

　カスタム背景　　　　11年7月30日土曜日

　メニュー　　　　11年7月30日土曜日

　カスタムヘッダー画像　　　　11年7月30日土曜日

　カラーとレイアウトの設定　　　　11年7月30日土曜日

　ウィジェット　　　　11年7月30日土曜日

　短冊ウィジェット　　　　11年7月30日土曜日

　短冊ウィジェット　　　　11年7月30日土曜日

　ショーケース（注目記事）　　　　11年7月30日土曜日



　1ショーケーステンプレート　　　　11年7月30日土曜日

　1ショーケーステンプレート　　　　11年7月30日土曜日

　2投稿を先頭に固定表示　　　11年7月30日土曜日

　2投稿を先頭に固定表示　　　11年7月30日土曜日

　2少なくとも2記事以上11年7月30日土曜日

　2少なくとも2記事以上11年7月30日土曜日

　3フロントページをショーケースに


　3フロントページをショーケースに


　4ショーケース完成11年7月30日土曜日



コード読書のすゝめ


ファイルが多すぎて関係がわかりにくい

…の前に先に悪い点から


図解しよう、そうしよう


content

header.php

footer.php

sidebar-footer.php

sidebar.phphome

index.php

content.phpcontent-aside.phpcontent-gallery.phpcontent-image.phpcontent-link.phpcontent-quote.phpcontent-status.php

標準アサイド

ギャラリー画像リンク引用

ステータス

投稿フォーマット

get_template_part(‘content’,get_post_format());

comments.phpfunctions.phpsearchform.phpstyle.css

background


content

header.php

footer.php

sidebar-footer.php

sidebar.phpsingle

single.php

content-single.php

get_template_part(‘content’,single);


background


content

header.php

footer.php

sidebar-footer.php

sidebar-page.phppage

page.php

content-page.php

get_template_part(‘content’,page);


background


content

header.php

footer.php

sidebar-footer.php

sidebar-page.phpshowcase

showcase.php content-intro.php

get_template_part(‘content’,intro);


background

content

get_template_part(‘content’,feature);

content-feature.php


header.php

footer.php

sidebar-footer.php

sidebar.phparchive/author/category/tag/search

archive.phpor

author.phpor

category.phpor

tag.phpor

search.php


background


header.php

footer.php

sidebar-footer.php

image.php


background

image


TwentyElevenは読みやすい


TwentyElevenは読みやすい・冒頭に何のファイルか説明が書いてある


TwentyElevenは読みやすい・冒頭に何のファイルか説明が書いてある・関数の役割や意図が説明されている


TwentyElevenは読みやすい・冒頭に何のファイルか説明が書いてある・関数の役割や意図が説明されている・カスタマイズするにはどうすればいいか書いてある



でも英語なんでしょう？



http://www.odysseygate.com/archives/2275

http://www.odysseygate.com/archives/2275


実際にコードを見てみましょう。

・index.phpでget_template_partのコードを確認・funtions.phpを参考にすれば最新のテーマ機能を簡単にパｋ…自分のテーマでも使えますよということを確認・style.css で@media queryのソースと挙動を確認しました。


Twenty Eleven いいでしょ？


Thank you for Listening!!http://odysseygate.com

twitter: @odyssey


http://odysseygate.com

http://odysseygate.com

Technology

Hellow WordPress 3.2 and Twenty Eleven at wordbench東京勉強会