Submit Search
リリース直前WordPress3.5をみてみよう
7 likes
828 views
Seto Takahiro
WordPressを本格的に勉強し始めて1年未満の初心者がWordPress3.5について調べてみました。 間違ってたら教えてください
Read more
1 of 65
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
More Related Content
PPTX
Word press34
BREN
PDF
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
PDF
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
PDF
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
PDF
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
PDF
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
Mignon Style
KEY
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
PDF
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
Word press34
BREN
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
Takashi Uemura
WordPress公式ディレクトリテーマ登録のポイント:プラグインテリトリーを理解してハッピーになろう
Mignon Style
これからWordPressのテーマ制作をはじめる人のために 〜テーマを作って公式ディレクトリに登録しよう!〜
Mignon Style
ノンプログラマーのためのWordPressテーマ作成ステップアップ術
Mignon Style
ノンプログラマーのためのWordPressプラグイン作成超入門 | Mignon Style
Mignon Style
ブログの枠を超える?ためのWordPressカスタマイズ入門
muracchi
更新作業で消耗しない!Web製作者のためのWordPress公式ディレクトリ活用術
Mignon Style
What's hot
(20)
PDF
WordPress公式テーマ登録のための5ステップ
Mignon Style
PDF
第3回WordPress Cafe プラグイン紹介
foom_in
PDF
Cms festa-0216
Kazuaki Ueda
PDF
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
PPT
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
PDF
CSS の歩き方
Seiichiro Mishiba
PDF
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
Chieko Aihara
PDF
WordPressとjQuery
Seto Takahiro
PDF
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
Horiguchi Seito
PDF
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
PDF
Wp html5
regret raym
PDF
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
hokori matu
PDF
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
hokori matu
PPTX
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
PDF
マークアップ講座 02 CSS
eiji sekiya
PDF
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
Mignon Style
PPTX
第10回勉強会 CSS設計について
takumaro web
PDF
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
Mignon Style
PDF
Firefox OSアプリ 「ModeView」
Hideki Akiba
PDF
今必要なCSSアーキテクチャ
Mayu Kimura
WordPress公式テーマ登録のための5ステップ
Mignon Style
第3回WordPress Cafe プラグイン紹介
foom_in
Cms festa-0216
Kazuaki Ueda
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
Takashi Uemura
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
CSS の歩き方
Seiichiro Mishiba
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
Chieko Aihara
WordPressとjQuery
Seto Takahiro
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
Horiguchi Seito
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
Takashi Uemura
Wp html5
regret raym
WordPress3.0 新デフォルトテーマ Twenty Ten 大解剖! ~秋バージョン~
hokori matu
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
hokori matu
Bootstrapを使って効率よくWordPressオリジナルテーマを作る
Yoshinori Kobayashi
マークアップ講座 02 CSS
eiji sekiya
デザイナーとエンジニアの境界線 〜 Are you a Designer or an Engineer? 〜
Mignon Style
第10回勉強会 CSS設計について
takumaro web
〜 デザイン脳×プログラミング脳 〜 デザイナーとプログラマーの72時間戦争
Mignon Style
Firefox OSアプリ 「ModeView」
Hideki Akiba
今必要なCSSアーキテクチャ
Mayu Kimura
Ad
Viewers also liked
(6)
PDF
テーマ作成のアプローチ
Seto Takahiro
PDF
WCK2014[ハンズオン] 体験して学ぶ はじめてのブログ・サイト制作 〜WordPress.comでサイトを作ってみよう〜
tokumotonahoko
PDF
Trust form (お問い合わせフォームプラグイン)について
Seto Takahiro
PDF
世界の最前線!VagrantやWP-CLIなどで開発環境をパワーアップ!
Seto Takahiro
PDF
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
KEY
Welcartを使ってみた
tokumotonahoko
テーマ作成のアプローチ
Seto Takahiro
WCK2014[ハンズオン] 体験して学ぶ はじめてのブログ・サイト制作 〜WordPress.comでサイトを作ってみよう〜
tokumotonahoko
Trust form (お問い合わせフォームプラグイン)について
Seto Takahiro
世界の最前線!VagrantやWP-CLIなどで開発環境をパワーアップ!
Seto Takahiro
WordCamp KOBE 「初めてのWordPress!オリジナルのテーマでブログを作る方法」Parkn'Park
parkn-park
Welcartを使ってみた
tokumotonahoko
Ad
Similar to リリース直前WordPress3.5をみてみよう
(20)
PDF
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
PDF
WordPress 3.5 目覚めし8つの新機能
Odyssey Eightbit
PDF
WordPress実践 導入からカスタマイズまで
Takashi Uemura
PDF
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
PDF
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
PDF
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
kenji goto
KEY
WordPress 3.4 〜新機能や変更点〜
Toru Miki
PDF
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
tamotsu toyoda
PDF
Word Beach Nagoya
Eri Sawada
PDF
今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
takashi ono
PDF
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
KEY
Twenty Eleven で レスポンシブサイトを つくろう、そうしよう
Odyssey Eightbit
PDF
WordBeachDeathMarchWorkshop
takashi ono
PDF
Word press 3.5RC2 - パーフェクト functions.php -
BREN
PDF
WordPressのテーマ編集時に覚えておきたいID名やClass名
tamotsu toyoda
PDF
101210 supreme web adobe seminar Nagoya
tamotsu toyoda
KEY
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
PDF
ゼロからつくるWordPressテーマ第4回
Hitsuji
PDF
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
switch3000
PDF
「こんなサイトをこんなテーマ構成で作ってみました」Basercms 勉強会vol6
Garyuten
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
rie05
WordPress 3.5 目覚めし8つの新機能
Odyssey Eightbit
WordPress実践 導入からカスタマイズまで
Takashi Uemura
TwentyTwelveの子テーマつくったらハマった話
Cherry Pie Web
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
kenji goto
WordPress 3.4 〜新機能や変更点〜
Toru Miki
世界標準ブログツール WordPressの最新版3.0と豊富なプラグイン
tamotsu toyoda
Word Beach Nagoya
Eri Sawada
今さら聞けないWordPressのあんなことこんなこと [WCAN 2012 Autumn]
takashi ono
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
Twenty Eleven で レスポンシブサイトを つくろう、そうしよう
Odyssey Eightbit
WordBeachDeathMarchWorkshop
takashi ono
Word press 3.5RC2 - パーフェクト functions.php -
BREN
WordPressのテーマ編集時に覚えておきたいID名やClass名
tamotsu toyoda
101210 supreme web adobe seminar Nagoya
tamotsu toyoda
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
ゼロからつくるWordPressテーマ第4回
Hitsuji
中級者のためのWordPress講座[第2回]WordPressテーマをカスタマイズしてみよう!
switch3000
「こんなサイトをこんなテーマ構成で作ってみました」Basercms 勉強会vol6
Garyuten
リリース直前WordPress3.5をみてみよう
1.
WordPress3.5
2012/11/18 瀬戸 貴弘
2.
瀬戸 貴弘 Twitter
: @as_chachamaru Facebook : as.chachamaru 職業 : システムエンジニア WordPress歴 ブログ開始 Ver2.6~ 本格的な勉強 2012年2月~
3.
WP3.5の概要 Links Theme
4.
2012年12月5日 WordPress3.5 リリース予定日
5.
93 2012/11/18時点進捗率
6.
775 WordPress3.5に関するチケット数。 チケットみると仕様や修正箇所、コアチーム内でのやりとりがわかります。 バグ修正が結構多い。
7.
この画面はβ2ですが既にβ3出ています。 当初プロジェクト予定だとRC版が出てるはず・・・ ちょっと遅れ気味?
8.
ウェルカムスクリーン
WordPress3.42 WordPress3.5 ウェルカムスクリーンが簡略化! WordPress初心者用に使い方を導いてくれます。
9.
プラグイン
WordPress3.42 WordPress3.5 お気に入り (Favorites) の追加。 WordPress.org のプラグインディレクトリでお気に入り登録したプラグインをインストールできる。 よく使うプラグインをすぐに登録できるので手間の短縮。
10.
カラーピッカー
WordPress3.42 WordPress3.5 使いやすくなった?
11.
Remote Publishing
Writing Settings 削除 デフォルト有効 設定>投稿設定>リモート投稿(Remote Publishing) ・Atom 削除 Ticket #21866 ・XML-RPCはデフォルト有効
12.
Links 大きく変わります
13.
WordPress 3.42
14.
Links がない WordPress 3.42
WordPress 3.5
15.
Ticket #21307
Remove Link Manager from core Linksを削除するかどうか議論がされているチケット
16.
fixedされる直前の内容
17.
コアにはカスタムメニューがあるではないか カスタムメニューでリンクできるよね メニュー使えば古典的なLinksいらないよね
18.
Link 【Links を使ってみよう】 サイドメニューのLinksクリック
19.
Link 【Links を使ってみよう】 リンクを登録
20.
Link 【Links を使ってみよう】 登録リンク一覧
21.
Link 【Links を使ってみよう】 ウィジェットから「リンク(Links)」を選択し、表示したいエリアに配置
22.
Link 【Links を使ってみよう】 リンクが表示されます
23.
カスタムメニュー 【メニュー を使ってみよう】 サイドメニューの外観>メニュー(Menus)をクリック
24.
カスタムメニュー 【メニュー を使ってみよう】 メニューの名前 を入力し「メニューを作成(Create
Menu)」ボタンをクリック
25.
カスタムメニュー 【メニュー を使ってみよう】 登録したいURLとラベルを入力して項目を追加
26.
カスタムメニュー 【メニュー を使ってみよう】 登録リンク一覧が表示
27.
カスタムメニュー 【メニュー を使ってみよう】 表示オプションにより説明(Description)も登録可能
28.
カスタムメニュー 【メニュー を使ってみよう】 【メニー を使ってみよう】 ウィジェットから「カスタムメニュ(Custom
Menu)」を選択し、表示したいエリアに配置 表示オプションにより説明(Description)も登録可能
29.
カスタムメニュー 【メニュー を使ってみよう】 カスタムメニューを使ったリンクが表示される
30.
リンクはカスタムメニューでできるからいらないね
31.
それでも、まだLinks使いたい? Linksを使えるプラグイン準備してます
33.
リンク(Links)が復活! 機能は削除しているのではなく隠しているだけ
34.
Theme
35.
2012 Twenty Twelve
36.
公式からダウンロード 既に公式からダウンロードできる
37.
3.5のデフォルトテーマ WordPress3.5からデフォルトテーマになる
38.
カスタムヘッダー画像 標準で含まれていない 非常にシンプル
39.
「レスポンシブ・デザイン」対応
40.
/* Minimum width
of 600 pixels. */ @media screen and (min-width: 600px) { } /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { }
41.
@media (max-width: 800px)
{ Twenty Eleven } @media (max-width: 650px) { } @media (max-width: 450px) { } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { } @media print { } Twenty Elevenはサイズの大きい画面(PC)が基準。 画面が小さくなる(タブレット→スマホ→・・・)になるにつれてCSSを追加
42.
@media screen and
(min-width: 600px) { (min-width: 600px) { Twenty Twelve } @media screen and (min-width: 960px) { (min-width: 960px) { } モバイルファースト Twenty Twelveはサイズの小さい画面(モバイル)が基準。 画面が大きくなるにつれてCSSを追加
43.
Twenty Twelve @media
screen and (min-width: 600px) { (min-width: 600px) { Twenty Twelve } @media screen and (min-width: 960px) { (min-width: 960px) { } IE7やIE8はメディアクエリがサポートされてない。 モバイルファーストだからメディアクエリ効かないとモバイルデザインになってしまう。 なのでIEは専用CSSが準備されている。
44.
テンプレート
45.
[Twenty Elevenでテンプレートの種類を復習]
46.
[Twenty Elevenでテンプレートの種類を復習]
47.
[Twenty Elevenでテンプレートの種類を復習]
48.
[Twenty Elevenでテンプレートの種類を復習]
49.
[Twenty Elevenでテンプレートの種類を復習]
50.
[Twenty Elevenでテンプレートの種類を復習]
51.
[Twenty Elevenでテンプレートの種類を復習]
52.
追加 [Twenty Eleven と
Twenty Twelve の比較] 2ファイル追加、8ファイル削除
53.
[Twenty Eleven と
Twenty Twelve の比較] 削除された showcase.php と sidebar-page.php は何に使われてたのか
54.
Twenty Eleven [Twenty Eleven
と Twenty Twelve の比較] 固定ページ用テンプレート ・Showcase Template(showcase.php) ・Sidebar Template(sidebar-page.php)
55.
Twenty Twelve
front-page.php full-width.php [Twenty Eleven と Twenty Twelve の比較] Twenty Twelveでは固定ページ用テンプレートは専用ディレクトリ内に
56.
WordPress3.42 [Twenty Eleven と
Twenty Twelve の比較] content-●●●.phpは、投稿フォーマットと関連するテンプレートが多い
57.
WordPress3.42 [WordPress3.42での投稿フォーマットとテンプレートの関連] テンプレート: content-「投稿フォーマット」.php
58.
WP3.42
WordPress3.42 WordPress3.5 [Twenty Eleven と Twenty Twelve の比較] WordPress3.5では、投稿フォーマットからGalleryがない。それに伴いcontent-gallery.phpも削除。
59.
[Twenty Eleven と
Twenty Twelve の比較] <link rel="sylesheet" href="http://xx.xx/xx/style.css" type="text/css" media="screen" /> どこで読まれてる?
60.
<head>
Twenty Eleven <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> wp_head(); ?> </head> Twenty Twelve <head> <?php wp_head(); ?> </head> [Twenty Eleven と Twenty Twelve の比較] Twenty Twelveは、header.phpにstyle.cssを読み込む記述がない
61.
【header.php】
Twenty Twelve <head> <?php wp_head(); ?> </head> 【function.php】 Twenty Twelve wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() ); [Twenty Eleven と Twenty Twelve の比較] Twenty Twelveでは、function.phpにstyle.cssを読み込む記述がある
62.
http://wordpress.org/ [様々なバージョンのWordPressを手に入れてみよう] WordPress.org > Download
63.
[様々なバージョンのWordPressを手に入れてみよう] WordPress.org > Download
> Release Archive
64.
[様々なバージョンのWordPressを手に入れてみよう] β版やRCも手に入る。Nightly Builds や
Subversion Access で最新の開発状態もGET!
65.
ご静聴ありがとうございました
Download