Suche senden
Hochladen
Movable typeでモバイルギャラリーサイト
•
1 gefällt mir
•
2,095 views
regret raym
Folgen
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 39
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
JAWS-UG初心者支部第4回 Simple Front 53
JAWS-UG初心者支部第4回 Simple Front 53
Tetsuya Mase
フロントエンドな人にこそ知ってほしいMTMLの話
フロントエンドな人にこそ知ってほしいMTMLの話
Yasufumi Nishiyama
MTサイト運用に効く!けっこう便利なプラグインたち
MTサイト運用に効く!けっこう便利なプラグインたち
Yasufumi Nishiyama
UnityとNCMBでユーザ管理を実装してみた話
UnityとNCMBでユーザ管理を実装してみた話
torisoup
“Cocoafish”を使ってJavaScriptのみで劣化Instagramを作りたい(できれば10分ぐらいで)
“Cocoafish”を使ってJavaScriptのみで劣化Instagramを作りたい(できれば10分ぐらいで)
Masato Kitao
Jetpackをざっくり紹介
Jetpackをざっくり紹介
Yuki Kokubo
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
JSHint を自分好みにする話
JSHint を自分好みにする話
girigiribauer
Empfohlen
JAWS-UG初心者支部第4回 Simple Front 53
JAWS-UG初心者支部第4回 Simple Front 53
Tetsuya Mase
フロントエンドな人にこそ知ってほしいMTMLの話
フロントエンドな人にこそ知ってほしいMTMLの話
Yasufumi Nishiyama
MTサイト運用に効く!けっこう便利なプラグインたち
MTサイト運用に効く!けっこう便利なプラグインたち
Yasufumi Nishiyama
UnityとNCMBでユーザ管理を実装してみた話
UnityとNCMBでユーザ管理を実装してみた話
torisoup
“Cocoafish”を使ってJavaScriptのみで劣化Instagramを作りたい(できれば10分ぐらいで)
“Cocoafish”を使ってJavaScriptのみで劣化Instagramを作りたい(できれば10分ぐらいで)
Masato Kitao
Jetpackをざっくり紹介
Jetpackをざっくり紹介
Yuki Kokubo
a-blogcsm な寺子屋 2 in Okazaki
a-blogcsm な寺子屋 2 in Okazaki
Etsushi Ishii
JSHint を自分好みにする話
JSHint を自分好みにする話
girigiribauer
AssetBundle (もどき) の作り方
AssetBundle (もどき) の作り方
Mori Tetsuya
ハードウェア勉強会[Shibuya Hw]
ハードウェア勉強会[Shibuya Hw]
Akihiro Kuwano
JavaScriptテンプレートエンジンで活かすData API
JavaScriptテンプレートエンジンで活かすData API
Hajime Fujimoto
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
Twitter クライアント開発のすすめ #twtr_hack
Twitter クライアント開発のすすめ #twtr_hack
Mocel Mocelic
swiftで twitterクライアントを作る
swiftで twitterクライアントを作る
Akira Fukushima
Google BigQueryについて 紹介と推測
Google BigQueryについて 紹介と推測
Ryuji Tamagawa
ヤマムギVol.1 Opening
ヤマムギVol.1 Opening
Mitsuhiro Yamashita
20150216 Unity Hands-on 「できる!Unity 2D」
20150216 Unity Hands-on 「できる!Unity 2D」
Mori Tetsuya
ヤマムギ vol.3 kintone 入門ハンズオン
ヤマムギ vol.3 kintone 入門ハンズオン
R3 institute
enforce
enforce
おおやけ ハジメ
Launch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPress
Kite Koga
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
ヤマムギ vol.4 kintone 入門ハンズオン
ヤマムギ vol.4 kintone 入門ハンズオン
R3 institute
ヤマムギ vol.1 kintone 入門ハンズオン
ヤマムギ vol.1 kintone 入門ハンズオン
R3 institute
Mtcafe tokyo 2013_spring_okuwaki
Mtcafe tokyo 2013_spring_okuwaki
Tomohiro Okuwaki
Python と Xpath で ウェブからデータをあつめる
Python と Xpath で ウェブからデータをあつめる
Shuhei Iitsuka
Introduction to Favmemo for Immature Engineers
Introduction to Favmemo for Immature Engineers
Takeshi Arabiki
MT LOVE!
MT LOVE!
Kaori Kotobuki
ディレクター・ノンプログラマー目線のMovable Type
ディレクター・ノンプログラマー目線のMovable Type
Yasufumi Nishiyama
大規模サイト運用における MTの具体的な活用方法
大規模サイト運用における MTの具体的な活用方法
Kouji Matsumoto
Weitere ähnliche Inhalte
Was ist angesagt?
AssetBundle (もどき) の作り方
AssetBundle (もどき) の作り方
Mori Tetsuya
ハードウェア勉強会[Shibuya Hw]
ハードウェア勉強会[Shibuya Hw]
Akihiro Kuwano
JavaScriptテンプレートエンジンで活かすData API
JavaScriptテンプレートエンジンで活かすData API
Hajime Fujimoto
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
Shinichi Nishikawa
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Toshiaki Maki
Twitter クライアント開発のすすめ #twtr_hack
Twitter クライアント開発のすすめ #twtr_hack
Mocel Mocelic
swiftで twitterクライアントを作る
swiftで twitterクライアントを作る
Akira Fukushima
Google BigQueryについて 紹介と推測
Google BigQueryについて 紹介と推測
Ryuji Tamagawa
ヤマムギVol.1 Opening
ヤマムギVol.1 Opening
Mitsuhiro Yamashita
20150216 Unity Hands-on 「できる!Unity 2D」
20150216 Unity Hands-on 「できる!Unity 2D」
Mori Tetsuya
ヤマムギ vol.3 kintone 入門ハンズオン
ヤマムギ vol.3 kintone 入門ハンズオン
R3 institute
enforce
enforce
おおやけ ハジメ
Launch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPress
Kite Koga
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
foom_in
ヤマムギ vol.4 kintone 入門ハンズオン
ヤマムギ vol.4 kintone 入門ハンズオン
R3 institute
ヤマムギ vol.1 kintone 入門ハンズオン
ヤマムギ vol.1 kintone 入門ハンズオン
R3 institute
Mtcafe tokyo 2013_spring_okuwaki
Mtcafe tokyo 2013_spring_okuwaki
Tomohiro Okuwaki
Python と Xpath で ウェブからデータをあつめる
Python と Xpath で ウェブからデータをあつめる
Shuhei Iitsuka
Introduction to Favmemo for Immature Engineers
Introduction to Favmemo for Immature Engineers
Takeshi Arabiki
MT LOVE!
MT LOVE!
Kaori Kotobuki
Was ist angesagt?
(20)
AssetBundle (もどき) の作り方
AssetBundle (もどき) の作り方
ハードウェア勉強会[Shibuya Hw]
ハードウェア勉強会[Shibuya Hw]
JavaScriptテンプレートエンジンで活かすData API
JavaScriptテンプレートエンジンで活かすData API
WordPressでウェブサービスを作ろう! #wbNagoya
WordPressでウェブサービスを作ろう! #wbNagoya
続・Twitter bootstrap入門 #html5j
続・Twitter bootstrap入門 #html5j
Twitter クライアント開発のすすめ #twtr_hack
Twitter クライアント開発のすすめ #twtr_hack
swiftで twitterクライアントを作る
swiftで twitterクライアントを作る
Google BigQueryについて 紹介と推測
Google BigQueryについて 紹介と推測
ヤマムギVol.1 Opening
ヤマムギVol.1 Opening
20150216 Unity Hands-on 「できる!Unity 2D」
20150216 Unity Hands-on 「できる!Unity 2D」
ヤマムギ vol.3 kintone 入門ハンズオン
ヤマムギ vol.3 kintone 入門ハンズオン
enforce
enforce
Launch a Web Service in 3 Days Using WordPress
Launch a Web Service in 3 Days Using WordPress
第3回WordPress Cafe プラグイン紹介
第3回WordPress Cafe プラグイン紹介
ヤマムギ vol.4 kintone 入門ハンズオン
ヤマムギ vol.4 kintone 入門ハンズオン
ヤマムギ vol.1 kintone 入門ハンズオン
ヤマムギ vol.1 kintone 入門ハンズオン
Mtcafe tokyo 2013_spring_okuwaki
Mtcafe tokyo 2013_spring_okuwaki
Python と Xpath で ウェブからデータをあつめる
Python と Xpath で ウェブからデータをあつめる
Introduction to Favmemo for Immature Engineers
Introduction to Favmemo for Immature Engineers
MT LOVE!
MT LOVE!
Andere mochten auch
ディレクター・ノンプログラマー目線のMovable Type
ディレクター・ノンプログラマー目線のMovable Type
Yasufumi Nishiyama
大規模サイト運用における MTの具体的な活用方法
大規模サイト運用における MTの具体的な活用方法
Kouji Matsumoto
Web制作のアレコレ
Web制作のアレコレ
regret raym
React入門-JSONを取得して表示する
React入門-JSONを取得して表示する
regret raym
今から始めるPhotoshopによるWeb制作-初期設定編
今から始めるPhotoshopによるWeb制作-初期設定編
regret raym
MT東京 ぱくたそ/PAKUTASO
MT東京 ぱくたそ/PAKUTASO
regret raym
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
regret raym
MovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮すること
Seiko Kuchida
MTAppjQueryでマニュアルいらずの管理画面を
MTAppjQueryでマニュアルいらずの管理画面を
bitpart
Amazonec2ではじめるMovable Type
Amazonec2ではじめるMovable Type
Hajime Fujimoto
ディレクター・ノンプログラマー目線のMovable Typeでのサイト運営・保守
ディレクター・ノンプログラマー目線のMovable Typeでのサイト運営・保守
Yasufumi Nishiyama
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用
Junzo Matunoo
MTを今すぐCMSとして使いたい人のための60分急ごしらえセミナー
MTを今すぐCMSとして使いたい人のための60分急ごしらえセミナー
Mayumi Ishikawa
Movable Type for AWS を用いた環境構築のポイント
Movable Type for AWS を用いた環境構築のポイント
Makoto Tajima
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
純生 野田
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
Osamu Nagatani
Movable Type+AWSでECサイトを構築してわかったこと
Movable Type+AWSでECサイトを構築してわかったこと
Makoto Tajima
ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性
Renji Yoneda
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015
Sociomedia
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Yasuji Takase
Andere mochten auch
(20)
ディレクター・ノンプログラマー目線のMovable Type
ディレクター・ノンプログラマー目線のMovable Type
大規模サイト運用における MTの具体的な活用方法
大規模サイト運用における MTの具体的な活用方法
Web制作のアレコレ
Web制作のアレコレ
React入門-JSONを取得して表示する
React入門-JSONを取得して表示する
今から始めるPhotoshopによるWeb制作-初期設定編
今から始めるPhotoshopによるWeb制作-初期設定編
MT東京 ぱくたそ/PAKUTASO
MT東京 ぱくたそ/PAKUTASO
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
MovableTypeの実務制作で考慮すること
MovableTypeの実務制作で考慮すること
MTAppjQueryでマニュアルいらずの管理画面を
MTAppjQueryでマニュアルいらずの管理画面を
Amazonec2ではじめるMovable Type
Amazonec2ではじめるMovable Type
ディレクター・ノンプログラマー目線のMovable Typeでのサイト運営・保守
ディレクター・ノンプログラマー目線のMovable Typeでのサイト運営・保守
Webディレクターとして word pressを提案するときに考えること + 運用
Webディレクターとして word pressを提案するときに考えること + 運用
MTを今すぐCMSとして使いたい人のための60分急ごしらえセミナー
MTを今すぐCMSとして使いたい人のための60分急ごしらえセミナー
Movable Type for AWS を用いた環境構築のポイント
Movable Type for AWS を用いた環境構築のポイント
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
MTのダイナミック処理(PHP)を高速化する@サーバーサイドスクリプティング
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
Movable Type+AWSでECサイトを構築してわかったこと
Movable Type+AWSでECサイトを構築してわかったこと
ディレクターからみたMovable Type + PowerCMSの優位性
ディレクターからみたMovable Type + PowerCMSの優位性
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015
シロクマ本に学ぶエクスペリエンスのための手技法 by 篠原 稔和 - presentation from IA CAMP 2015
0からのウェブディレクション講座:設計編 v5.3
0からのウェブディレクション講座:設計編 v5.3
Ähnlich wie Movable typeでモバイルギャラリーサイト
WordPressってブログじゃないの?
WordPressってブログじゃないの?
tokumotonahoko
⑳CSSでアニメーション!その1
⑳CSSでアニメーション!その1
Nishida Kansuke
20130225 pronet study
20130225 pronet study
Six Apart
MTCafe sapporo#4
MTCafe sapporo#4
bitpart
Wp html5
Wp html5
regret raym
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
kenji goto
20141119 Movable Type HandsOn Seminar
20141119 Movable Type HandsOn Seminar
Six Apart
空のテンプレートから始めるWindows 8 ストアアプリ
空のテンプレートから始めるWindows 8 ストアアプリ
Akira Hatsune
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
20141101 handson
20141101 handson
Six Apart
概説 Data API v3
概説 Data API v3
Yuji Takayama
MT-TOKYO11 LT
MT-TOKYO11 LT
bitpart
MT LT 20091209
MT LT 20091209
Taku AMANO
Webteko 20090925
Webteko 20090925
だいすけ ふるかわ
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
Yusuke Kawabata
Movable Type 7 のすべて
Movable Type 7 のすべて
Yuji Takayama
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
Kasumi Morita
20141206 handson
20141206 handson
Six Apart
jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作
西畑 一馬
Contao Open Source CMS -- CMS大阪夏祭り 2015
Contao Open Source CMS -- CMS大阪夏祭り 2015
Takahiro Kambe
Ähnlich wie Movable typeでモバイルギャラリーサイト
(20)
WordPressってブログじゃないの?
WordPressってブログじゃないの?
⑳CSSでアニメーション!その1
⑳CSSでアニメーション!その1
20130225 pronet study
20130225 pronet study
MTCafe sapporo#4
MTCafe sapporo#4
Wp html5
Wp html5
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
20141119 Movable Type HandsOn Seminar
20141119 Movable Type HandsOn Seminar
空のテンプレートから始めるWindows 8 ストアアプリ
空のテンプレートから始めるWindows 8 ストアアプリ
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
20141101 handson
20141101 handson
概説 Data API v3
概説 Data API v3
MT-TOKYO11 LT
MT-TOKYO11 LT
MT LT 20091209
MT LT 20091209
Webteko 20090925
Webteko 20090925
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
Movable Type 7 のすべて
Movable Type 7 のすべて
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
20141206 handson
20141206 handson
jsライブラリで実装する効率的なWeb制作
jsライブラリで実装する効率的なWeb制作
Contao Open Source CMS -- CMS大阪夏祭り 2015
Contao Open Source CMS -- CMS大阪夏祭り 2015
Mehr von regret raym
SlackにHubotを設定して対話する
SlackにHubotを設定して対話する
regret raym
CreateJSを使ったアニメーション表現の基礎
CreateJSを使ったアニメーション表現の基礎
regret raym
FluentdとGrothForecastをインストールする
FluentdとGrothForecastをインストールする
regret raym
Chefで作る開発環境
Chefで作る開発環境
regret raym
Dockerの導入
Dockerの導入
regret raym
Jenkinsの導入 vol.02 Bitbucketと連携する
Jenkinsの導入 vol.02 Bitbucketと連携する
regret raym
Jenkinsの導入 Vol.01
Jenkinsの導入 Vol.01
regret raym
Yurufuwa007
Yurufuwa007
regret raym
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
WordCamp Tokyo2012 handson Portfolio
WordCamp Tokyo2012 handson Portfolio
regret raym
WordCamp Tokyo2012 Session
WordCamp Tokyo2012 Session
regret raym
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
regret raym
Mehr von regret raym
(12)
SlackにHubotを設定して対話する
SlackにHubotを設定して対話する
CreateJSを使ったアニメーション表現の基礎
CreateJSを使ったアニメーション表現の基礎
FluentdとGrothForecastをインストールする
FluentdとGrothForecastをインストールする
Chefで作る開発環境
Chefで作る開発環境
Dockerの導入
Dockerの導入
Jenkinsの導入 vol.02 Bitbucketと連携する
Jenkinsの導入 vol.02 Bitbucketと連携する
Jenkinsの導入 Vol.01
Jenkinsの導入 Vol.01
Yurufuwa007
Yurufuwa007
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
WordCamp Tokyo2012 handson Portfolio
WordCamp Tokyo2012 handson Portfolio
WordCamp Tokyo2012 Session
WordCamp Tokyo2012 Session
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
Movable typeでモバイルギャラリーサイト
1.
Movable Typeで モバイルギャラリーサイト構築
2.
自己紹介 • 塚口祐司 • 職業:Webデザイナー •
ゆるふわ勉強会運営 • Movable Type歴 – Movable Type3で個人ブログ – Movable Type4~メインにテンプレート制作 – MT Cafe Tokyo 第1回&第2回参加 • ブログ – http://creator-life.net/ – http://code-life.net/ • ソーシャル – twitter:@regret_raym – facebook:regretraym
3.
今日のテーマ MTでモバイルギャラリーサイト
4.
写真ギャラリーサイト MOBATASO
5.
MOBATASO?
6.
無料写真素材サイトPAKUTASO
MTで作られています! 管理人はsusi-paku(@susipaku)さん
7.
無料写真素材サイトPAKUTASO
ろくろまわしてる写真があります。
8.
無料写真素材サイトPAKUTASO
おいしそうな写真もいっぱいあります
9.
見ていて飽きない写真が多い
10.
で、
11.
これのモバイルをざっくり考えてみる
12.
PAKUTASO を MOBATASO
に
13.
管理人はnise-pakuさんに
14.
モバイルギャラリーサイト MOBATASO /
もばたそ は
15.
PAKUTASO/ぱくたその写真が
閲覧できます。
16.
更新は? • 1日5枚程度の同種類写真を追加更新する • 1日1記事更新 •
入力する内容はタイトル、本文、記事ファイル 名、タグ(ジャンル分け)など。
17.
コンテンツ遷移とMT構成を考えます
TOP このサイトにつ いて ジャンル別 新着写真一覧 一覧 写真一覧 写真一覧 写真 写真
18.
コンテンツ遷移とMT構成を考えます
インデックス TOP テンプレート ブログのみで構成 このサイトにつ ウェブページ いて ジャンル別 インデックス 新着写真一覧 一覧 テンプレート 写真一覧 写真一覧 写真 写真 エントリーアーカイブ
19.
プラグインはこれを使います • ケータイキット(モバイル対応)
– http://keitaikit.jp/ • EntryImExporter(CSV登録) – http://www.skyarc.co.jp/engineerblog/entry/entryimexporter.html
20.
(1)デザインを作ります • スマートフォンサイト • トップ写真はスライド •
おすすめ写真 • ブログ記事で管理
21.
(2)デザインを作ります • フィーチャーフォンサイト • おすすめ写真 •
ブログ記事で管理
22.
アイテムで管理…? • 記事別にアイテム一括アップロード&登録が
できなかったので、FTPでアップしてファイル名 で記事と関連付けました。
23.
と思っていたら
24.
というのを本日発見しました。
25.
写真を加工します • 大きいサイズの画像とサムネイル用を用意
640px×縦可変 80px×縦可変
26.
写真を加工します • Photoshopのアクションでサイズ一括変換
27.
ファイル名を変更します • 命名規則をつけて、ファイル名一括変更ソフトなどで変換
する。 元ファイル名:SSK_utoutosuruneko.jpg リネーム後:neko0001_001.jpg~ ※記事のbasenameをこれにする ※テンプレート記述例 <img src=“/images/<$mt:EntryBasename$>_001.jpg” alt=“画像” /> 001などの番号は、ループ内でカウントなどさせたり。
28.
FTPで画像アップします
29.
コーディングします • ガラケー特有コーディング –
spacer.gifの活躍 – pタグはちょっと・・・ – フォントサイズはmediumとsmallで – h1、h2タグとかはmargin、paddingとfont-size調整 • スマートフォンコーディング – HTML5 / CSS3(Sass+Compass) – sprite.png – ratina対応 – text-shadowの罠
30.
コーディングします • ガラケー特有コーディング –
spacer.gifの活躍 – pタグはちょっと・・・ モジュールなどで、変数セットなど – フォントサイズはmediumとsmallで あらかじめ用意しておくと便利! – h1、h2タグとかはmargin、paddingとfont-size調整 • スマートフォンコーディング – HTML5 / CSS3(Sass+Compass) – sprite.png – ratina対応 – text-shadowの罠
31.
コーディングします • ガラケー特有コーディング –
spacer.gifの活躍 – pタグはちょっと・・・ モジュールなどで、変数セットなど – フォントサイズはmediumとsmallで あらかじめ用意しておくと便利! – h1、h2タグとかはmargin、paddingとfont-size調整 • スマートフォンコーディング – HTML5 / CSS3(Sass+Compass) – sprite.png HTTPリクエスト数を減らしたり、 – ratina対応 画像のサイズなどを「JPEGmini」など使って削減 – text-shadowの罠
32.
モジュール記述例 • Spacer.gifの場合
<mt:SetVarBlock name="spacer"> <div style="height:10px;"> <img src="spacer.gif" alt="" width="1" height=“10" /> </div> </mt:SetVarBlock> <$mt:GetVar name=“spacer”>で呼び出し
33.
テンプレートを構築します • テーマを使う
サーバのthemesフォルダ に自分のテーマを入れる
34.
テンプレートを構築します • テーマの作り方は?
35.
スマートフォン振り分け • ケータイキットならMTKeitaiIfSmartphoneタグ
<mt:KeitaiIfSmartphone> <!-- スマートフォンの内容 --> <mt:KeitaiElse> <!-- フィーチャーフォンの内容 --> ※3キャリアやそのほかに分けるなら <mt:KeitaiIfCarrier in=“i"></mt:KeitaiIfCarrier> <mt:KeitaiIfCarrier in=“ez"></mt:KeitaiIfCarrier> <mt:KeitaiIfCarrier in=“s"></mt:KeitaiIfCarrier> <mt:KeitaiIfCarrier in=“other"></mt:KeitaiIfCarrier> </mt:KeitaiIfSmartphone>
36.
スマートフォン振り分け
37.
コンテンツを登録します • 最初はEntryImExporter プラグインを使ってCSVで一括登録
38.
まとめ • このサイトはダミーです。実在しません。 • サイトの運用の仕方・構築はいろいろある。どう作ったら効
率がいいのかを考えるのも楽しい。 • MTのマルチサイト構成はとても便利。
39.
ご清聴ありがとうございました
Jetzt herunterladen