Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Hajime Fujimoto
1,920 views
ウェブサイト/ブログを組み合わせたサイトのテーマ化
Technology
◦
Read more
0
Save
Share
Embed
Embed presentation
Download
Downloaded 13 times
1
/ 40
2
/ 40
3
/ 40
4
/ 40
5
/ 40
6
/ 40
7
/ 40
8
/ 40
9
/ 40
10
/ 40
11
/ 40
12
/ 40
13
/ 40
14
/ 40
15
/ 40
16
/ 40
17
/ 40
18
/ 40
19
/ 40
20
/ 40
21
/ 40
22
/ 40
23
/ 40
24
/ 40
25
/ 40
26
/ 40
27
/ 40
28
/ 40
29
/ 40
30
/ 40
31
/ 40
32
/ 40
33
/ 40
34
/ 40
35
/ 40
36
/ 40
37
/ 40
38
/ 40
39
/ 40
40
/ 40
More Related Content
PDF
2つの「Layout」プラグインでMovable Typeをパワーアップ
by
Hajime Fujimoto
PPTX
20151206 hamamatsu handson
by
Six Apart
PDF
空のテンプレートから始めるWindows 8 ストアアプリ
by
Akira Hatsune
PDF
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
by
Takashi Uemura
PDF
Firefox OSアプリ 「ModeView」
by
Hideki Akiba
PDF
a-blog cms「simple2016」で学ぶ カスタマイズ初級編
by
Kazumich YAMAMOTO
PDF
eZ Publish勉強会10月〜Wysiwygエディター〜
by
ericsagnes
PDF
Webteko 20090925
by
だいすけ ふるかわ
2つの「Layout」プラグインでMovable Typeをパワーアップ
by
Hajime Fujimoto
20151206 hamamatsu handson
by
Six Apart
空のテンプレートから始めるWindows 8 ストアアプリ
by
Akira Hatsune
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
by
Takashi Uemura
Firefox OSアプリ 「ModeView」
by
Hideki Akiba
a-blog cms「simple2016」で学ぶ カスタマイズ初級編
by
Kazumich YAMAMOTO
eZ Publish勉強会10月〜Wysiwygエディター〜
by
ericsagnes
Webteko 20090925
by
だいすけ ふるかわ
Viewers also liked
PDF
WordPress on movable type(WordCamp Kobe 2013)
by
Hajime Fujimoto
PDF
WordPress on Movable Type
by
Hajime Fujimoto
PDF
Movable Typeのプラグインでできること
by
Hajime Fujimoto
PDF
MTフル活用に役立つプラグイン
by
Hajime Fujimoto
PPT
Movable TypeでEPUB3とKindle本を作ろう
by
Hajime Fujimoto
PDF
Data APIの基本
by
Hajime Fujimoto
PDF
Data APIの背景と活用方法
by
Hajime Fujimoto
PDF
WordPress on Movable Type
by
Hajime Fujimoto
PPT
AnotherCustomFieldsプラグイン拡張パックのご紹介
by
Hajime Fujimoto
PPTX
はじめよう!MovableType.net ハンズオン
by
Hajime Fujimoto
PDF
Vagrantのすすめ
by
Hajime Fujimoto
PDF
Amazonec2ではじめるMovable Type
by
Hajime Fujimoto
PDF
Data APIの背景と活用方法 MTCafe Nagoya Ver.
by
Hajime Fujimoto
PDF
EPUBプラグインで、Movable Typeで電子書籍
by
Hajime Fujimoto
PPT
Wordpress on Movable Type~WPConnectorプラグインのご紹介~
by
Hajime Fujimoto
PPTX
JavaScriptテンプレートエンジンで活かすData API
by
Hajime Fujimoto
PPTX
PHPやVBAでMovable Typeを操作しようData API Library for PHP/VBAのご紹介
by
Hajime Fujimoto
PDF
Movable TypeのWebアプリケーションフレームワークの基本
by
Hajime Fujimoto
PDF
Connect with Data API
by
Hajime Fujimoto
PDF
デザイナーにもできる再構築の高速化/負荷分散
by
Hajime Fujimoto
WordPress on movable type(WordCamp Kobe 2013)
by
Hajime Fujimoto
WordPress on Movable Type
by
Hajime Fujimoto
Movable Typeのプラグインでできること
by
Hajime Fujimoto
MTフル活用に役立つプラグイン
by
Hajime Fujimoto
Movable TypeでEPUB3とKindle本を作ろう
by
Hajime Fujimoto
Data APIの基本
by
Hajime Fujimoto
Data APIの背景と活用方法
by
Hajime Fujimoto
WordPress on Movable Type
by
Hajime Fujimoto
AnotherCustomFieldsプラグイン拡張パックのご紹介
by
Hajime Fujimoto
はじめよう!MovableType.net ハンズオン
by
Hajime Fujimoto
Vagrantのすすめ
by
Hajime Fujimoto
Amazonec2ではじめるMovable Type
by
Hajime Fujimoto
Data APIの背景と活用方法 MTCafe Nagoya Ver.
by
Hajime Fujimoto
EPUBプラグインで、Movable Typeで電子書籍
by
Hajime Fujimoto
Wordpress on Movable Type~WPConnectorプラグインのご紹介~
by
Hajime Fujimoto
JavaScriptテンプレートエンジンで活かすData API
by
Hajime Fujimoto
PHPやVBAでMovable Typeを操作しようData API Library for PHP/VBAのご紹介
by
Hajime Fujimoto
Movable TypeのWebアプリケーションフレームワークの基本
by
Hajime Fujimoto
Connect with Data API
by
Hajime Fujimoto
デザイナーにもできる再構築の高速化/負荷分散
by
Hajime Fujimoto
Similar to ウェブサイト/ブログを組み合わせたサイトのテーマ化
PDF
MTDDC Tokyo テーマ編 プレゼン資料
by
Toshihito Gamo
PDF
Movable Type 5のテーマ機能を活用する
by
Hajime Fujimoto
PDF
20130225 pronet study
by
Six Apart
PDF
MTDDC Meetup TOKYO 2015 bit-part
by
bitpart
PDF
Movable Type CPI Seminar 2010/11/15
by
Six Apart KK
PDF
Heartbeat infoテーマの設定・使用方法
by
Yasuhiro Takahashi
PPTX
20141206 handson
by
Six Apart
PPT
Word Press on Movable Type
by
Hajime Fujimoto
PDF
Duotone の子テーマを作ろう、そうしよう - Wordcamp Fukuoka 2010
by
Odyssey Eightbit
PDF
WordPressマルチサイト機能を使ってブログポータルを作ってみよう!
by
Shinichi Nishikawa
PDF
DW テンプレートをマスターして 楽々サイトメンテナンス
by
Akira Maruyama
KEY
WordPress中級者への道!テンプレートタグはどう動くのか!?
by
Shinichi Nishikawa
PDF
4時間まったりWordPressテーマ作成講座
by
Shinichi Nishikawa
PDF
MT DDC Tokyo(テーマ編):テーマを使った手間いらずなサイト制作
by
Yujiro Araki
PDF
ゼロからつくるWordPressテーマ第4回
by
Hitsuji
PDF
WordBeachDeathMarchWorkshop
by
takashi ono
PDF
ゼロからつくるWord pressテーマ第5回
by
Hitsuji
PPTX
プラグイン作者脳になろう ~実案件で学ぶプラグイン開発フロー~
by
Takeuchi Yuichi
PDF
オープンソースソフトウェアによるビジネス支援セミナー
by
株式会社 オープンソース・ワークショップ
PDF
1日でマスターするWordpress講座
by
光利 吉田
MTDDC Tokyo テーマ編 プレゼン資料
by
Toshihito Gamo
Movable Type 5のテーマ機能を活用する
by
Hajime Fujimoto
20130225 pronet study
by
Six Apart
MTDDC Meetup TOKYO 2015 bit-part
by
bitpart
Movable Type CPI Seminar 2010/11/15
by
Six Apart KK
Heartbeat infoテーマの設定・使用方法
by
Yasuhiro Takahashi
20141206 handson
by
Six Apart
Word Press on Movable Type
by
Hajime Fujimoto
Duotone の子テーマを作ろう、そうしよう - Wordcamp Fukuoka 2010
by
Odyssey Eightbit
WordPressマルチサイト機能を使ってブログポータルを作ってみよう!
by
Shinichi Nishikawa
DW テンプレートをマスターして 楽々サイトメンテナンス
by
Akira Maruyama
WordPress中級者への道!テンプレートタグはどう動くのか!?
by
Shinichi Nishikawa
4時間まったりWordPressテーマ作成講座
by
Shinichi Nishikawa
MT DDC Tokyo(テーマ編):テーマを使った手間いらずなサイト制作
by
Yujiro Araki
ゼロからつくるWordPressテーマ第4回
by
Hitsuji
WordBeachDeathMarchWorkshop
by
takashi ono
ゼロからつくるWord pressテーマ第5回
by
Hitsuji
プラグイン作者脳になろう ~実案件で学ぶプラグイン開発フロー~
by
Takeuchi Yuichi
オープンソースソフトウェアによるビジネス支援セミナー
by
株式会社 オープンソース・ワークショップ
1日でマスターするWordpress講座
by
光利 吉田
More from Hajime Fujimoto
PPTX
Movable Typeでロボットを動かす?AIスピーカーをしゃべらせる?Data APIでMovable TypeとIoTをFUSION
by
Hajime Fujimoto
PPTX
コンテンツタイプの活用と拡張
by
Hajime Fujimoto
PPTX
PowerCMSとIoTの連携
by
Hajime Fujimoto
PPTX
Objecttreeプラグイン&ObjectRelationプラグインのご紹介
by
Hajime Fujimoto
PPTX
Movable Typeの権限と承認フロー
by
Hajime Fujimoto
PPTX
JavaScriptテンプレートエンジンで活かすData API
by
Hajime Fujimoto
PPTX
Movable Type 6.0をできるだけ安く使う方法
by
Hajime Fujimoto
PDF
Movable Type 6の新機能 Data APIの活用法
by
Hajime Fujimoto
PDF
WordPress on Movable Type
by
Hajime Fujimoto
PPT
MTCafe Gunma 2013へのお誘い
by
Hajime Fujimoto
PPTX
情報処理第5回
by
Hajime Fujimoto
Movable Typeでロボットを動かす?AIスピーカーをしゃべらせる?Data APIでMovable TypeとIoTをFUSION
by
Hajime Fujimoto
コンテンツタイプの活用と拡張
by
Hajime Fujimoto
PowerCMSとIoTの連携
by
Hajime Fujimoto
Objecttreeプラグイン&ObjectRelationプラグインのご紹介
by
Hajime Fujimoto
Movable Typeの権限と承認フロー
by
Hajime Fujimoto
JavaScriptテンプレートエンジンで活かすData API
by
Hajime Fujimoto
Movable Type 6.0をできるだけ安く使う方法
by
Hajime Fujimoto
Movable Type 6の新機能 Data APIの活用法
by
Hajime Fujimoto
WordPress on Movable Type
by
Hajime Fujimoto
MTCafe Gunma 2013へのお誘い
by
Hajime Fujimoto
情報処理第5回
by
Hajime Fujimoto
Recently uploaded
PDF
Machine Tests Benchmark Suite. Explain github.com/alexziskind1/machine_tests #1
by
Tasuku Takahashi
PDF
流行りに乗っかるClaris FileMaker 〜AI関連機能の紹介〜 by 合同会社イボルブ
by
Evolve LLC.
PDF
20251210_MultiDevinForEnterprise on Devin 1st Anniv Meetup
by
Masaki Yamakawa
PDF
エンジニアが選ぶべきAIエディタ & Antigravity 活用例@ウェビナー「触ってみてどうだった?Google Antigravity 既存IDEと...
by
NorihiroSunada
PPTX
楽々ナレッジベース「楽ナレ」3種比較 - Dify / AWS S3 Vector / Google File Search Tool
by
Kiyohide Yamaguchi
PDF
Machine Tests Benchmark Suite. Explain github.com/alexziskind1/machine_tests #2
by
Tasuku Takahashi
Machine Tests Benchmark Suite. Explain github.com/alexziskind1/machine_tests #1
by
Tasuku Takahashi
流行りに乗っかるClaris FileMaker 〜AI関連機能の紹介〜 by 合同会社イボルブ
by
Evolve LLC.
20251210_MultiDevinForEnterprise on Devin 1st Anniv Meetup
by
Masaki Yamakawa
エンジニアが選ぶべきAIエディタ & Antigravity 活用例@ウェビナー「触ってみてどうだった?Google Antigravity 既存IDEと...
by
NorihiroSunada
楽々ナレッジベース「楽ナレ」3種比較 - Dify / AWS S3 Vector / Google File Search Tool
by
Kiyohide Yamaguchi
Machine Tests Benchmark Suite. Explain github.com/alexziskind1/machine_tests #2
by
Tasuku Takahashi
ウェブサイト/ブログを組み合わせたサイトのテーマ化
1.
ウェブサイト/ブログを組み合わせた
サイトのテーマ化 藤本 壱 2010/7/31 MTDDC Tokyoテーマ編 1
2.
今日のアジェンダ 自己紹介 ウェブサイトの情報をブログで扱う ウェブサイト/ブログ間でのテンプレート モジュールの共有 ブログIDに依存しないテーマの作成 まとめ
2
3.
自己紹介
3
4.
自己紹介 藤本 壱(ふじもと はじめ) フリーライター(PC関連、マネー関連) 2004年11月よりMovable
Typeを利用 Movable Type関連の書籍を複数執筆 4
5.
ブログやってます The
Blog of H.Fujimoto http://www.h-fj.com/blog/ 5
6.
ウェブサイトの情報を ブログで扱う
6
7.
ウェブサイトの情報をブログで扱う 機会が多い ウェブサイトとブログを組み合わせる場 合、ウェブサイトの情報をブログで扱う機 会が多く存在 ブログからウェブサイトのトップページへリン ク
ブログのバナーヘッダー部分にウェブサイト 名を出力 7
8.
MTBlogParentWebsiteタグ ブログからウェブサイトの情報を参照す る際に使うブロックタグ
例:ウェブサイトの名前を出力 <mt:BlogParentWebsite> <$mt:WebsiteName$> </mt:BlogParentWebsite> MTBlogParentWebsiteタグを頻繁に使 うのは面倒 8
9.
テンプレートモジュールで情報を 共有 変数を利用して情報を共有 テンプレートモジュールで変数にウェブサ イトの情報を代入 個々のブログでは、変数を利用してウェ ブサイトの情報を出力
9
10.
ウェブサイト側のテンプレートモ ジュール ウェブサイト名/ウェブサイトのアドレス/
ウェブサイトの概要を、テンプレートモジュー ルで変数に代入 変数名 内容 website_id ウェブサイトのID website_name ウェブサイト名 website_url ウェブサイトのアドレス website_description ウェブサイトの概要 テンプレートモジュールには「ウェブサイトの 情報」等の名前を付ける 10
11.
ウェブサイト側のテンプレートモ ジュールの内容 <mt:BlogParentWebsite> <mt:SetVars> website_id=<$mt:WebsiteID$> website_name=<$mt:WebsiteName$> website_description=<$mt:WebsiteDescription$> website_url=<$mt:WebsiteURL$> </mt:SetVars> </mt:BlogParentWebsite>
11
12.
個々のブログでの作業 各テンプレートの先頭に、ウェブサイトの 「ウェブサイトの情報」テンプレートモ
ジュールを組み込む処理を追加 <mt:BlogParentWebsite> <$mt:WebsiteID setvar="website_id"$> </mt:BlogParentWebsite> <$mt:Include module="ウェブサイトの情報“ blog_id="$website_id"$> 12
13.
ブログにウェブサイトの情報を出 力 MTGetVarタグでwebsite_name等の変 数を出力すれば良い <$mt:GetVar
name=“website_name”$> MTBlogParentWebsiteタグを書く必要 がなくなる 13
14.
ウェブサイト/ブログ間での テンプレートモジュールの共有
14
15.
テンプレートモジュール管理の問 題(1) ウェブサイトのテンプレートモジュールを共有し たい ウェブサイト
ウェブサイトの /ブログ テンプレートモジュール ウェブサイト ヘッダー ブログ1 フッター ブログ2 サイドバー 15
16.
テンプレートモジュール管理の問 題(2) テンプレートモジュールの組み込み →
MTIncludeタグ <$mt:Include module=“○○○”$> ブログに ウェブサイトの システムの ○○○テンプレート ○○○テンプレート モジュールが モジュールを ない時は? 読み込む ウェブサイトのテンプレートモジュールを 共有するには一工夫することが必要 16
17.
blog_idモディファイア MTIncludeタグにblog_idモディファイア を指定
ウェブサイトのIDを指定すれば、ウェブサ イトのテンプレートモジュールを組み込め る <$mt:Include module=“○○○” blog_id=“$website_id”$> 17
18.
ウェブサイトのテンプレートを
ブログに組み込むと・・・ ウェブサイト ブログ <mt:Pages lastn="5"> <$mt:Include <$mt:PageTitle$> module=“○○○” </mt:Pages> blog_id=“$website_id”$> ウェブサイト/ブログのどちらの 組み込み先のブログの ウェブページの情報が表示される? ウェブページが表示される 常に特定のウェブサイトまたはブログの 情報を表示したい場合は? 18
19.
ウェブサイトのコンテキストに固定 同じテンプレートタグでも、テンプレートの文脈 (コンテキスト)によって出力する情報は変化
MTBlogParentWebsiteタグで囲んだ部分は、 常にウェブサイトのコンテキストで出力 <mt:BlogParentWebsite> <mt:Pages lastn="5"> <$mt:PageTitle$> </mt:Pages> </mt:BlogParentWebsite> 19
20.
ブログのコンテキストに固定 MTBlogsタグで囲んだ部分は、常にブロ
グのコンテキストで出力 例:IDが1番のブログのウェブページ一覧を出力 <mt:Blogs include_blogs="1"> <mt:Pages lastn="5"> <$mt:PageTitle$> </mt:Pages> </mt:Blogs> 20
21.
コンテキストの判断 MTIfWebsiteタグ/MTIfBlogタグでコン テキストを判断 <mt:IfWebsite>
ウェブサイトのコンテキストの時の出力 </mt:IfWebsite> <mt:IfBlog> ブログのコンテキストの時の出力 </mt:IfBlog> 21
22.
ブログIDに依存しない テーマの作成
22
23.
include_blogsモディファイア テンプレート内で複数ブログの情報を扱 う
→ include_blogsモディファイア 例:ウェブサイト配下のすべてのブログから ブログ記事を読み込む <mt:Entries include_blogs=“children”> <$mt:EntryTitle$> </mt:Entries> 23
24.
ブログIDへの依存 ウェブサイト内の一部のブログを扱いたい →
ブログのIDを直書き 例:ウェブサイト配下のブログのうち、IDが 2番と3番のブログからブログ記事を読み込む <mt:Entries include_blogs=“2,3”> <$mt:EntryTitle$> </mt:Entries> テーマの適用先ではブログのIDが変化 include_blogsモディファイアの全修正? 24
25.
ブログIDへの依存を避ける 各ブログのIDを変数に設定 「ウェブサイトの情報」テンプレートモ ジュールで、ブログのIDを変数に設定す る処理も行う include_blogsモディファイアではブログ のIDを変数で指定
25
26.
事例
ウェブサイト 新着情報 商品情報 社長 ブログ ブログ ブログ ブログ IDの変数名 新着情報 news_blog_id 商品情報 item_blog_id 社長ブログ ceo_blog_id 26
27.
変数設定用テンプレートモジュー ルの作成 ブログIDを変数に設定するテンプレート モジュールを各ブログに作成
テンプレートモジュール名は「ブログID設 定」に統一 新着情報ブログ <$mt:BlogID setvar=“news_blog_id"$> 商品情報ブログ <$mt:BlogID setvar=“item_blog_id"$> 社長ブログ <$mt:BlogID setvar="ceo_blog_id"$> 27
28.
テンプレートモジュールを組み込んで 各ブログのIDを変数に代入
「ウェブサイトの情報」テンプレートモ ジュールを書き換え <mt:BlogParentWebsite> <mt:SetVars> ・・・ </mt:SetVars> <mt:Blogs include_blogs="children"> <$mt:BlogID setvar="blog_id"$> <$mt:Include module="ブログID設定“ blog_id="$blog_id"$> </mt:Blogs> </mt:BlogParentWebsite> 28
29.
各ブログのIDを変数に代入 ウェブサイト
新着情報ブログ ウェブサイトの情報 ブログID設定 商品情報ブログ ブログID設定 社長ブログ ウェブサイト/ ブログID設定 各ブログの テンプレート 29
30.
各ブログの情報を扱う include_blogsモディファイアを変数で指
定 例:新着情報ブログから最新記事10件の タイトルを出力 <mt:Entries include_blogs=“$news_blog_id”> <$mt:EntryTitle$> </mt:Entries> 30
31.
複数のブログの情報を組み合わ せたい場合 Include_blogsモディファイアに複数の変 数を指定することはできない <mt:Entries
include_blogs=“$news_blog_id,$ceo_blog_id”> <$mt:EntryTitle$> </mt:Entries> 複数のブログIDをカンマで区切った値を、 あらかじめ変数に代入しておく 31
32.
事例 「新着情報ブログ」と「社長ブログ」の最
新記事をまとめて出力したい 両ブログのIDをコンマで区切った値を、 変数「news_and_ceo_blog_id」に代入 「ウェブサイトの情報」テンプレートモ ジュールに以下を追加 <mt:SetVarBlock name="news_and_ceo_blog_id"> <$mt:GetVar name="news_blog_id"$>,<$m t:GetVar name="ceo_blog_id"$> </mt:SetVarBlock> 32
33.
事例 include_blogsモディファイアで変数 news_and_ceo_blog_idを利用 <mt:Entries
include_blogs=“$news_and_ceo_blog_id”> <$mt:EntryTitle$> </mt:Entries> 33
34.
まとめ
34
35.
まとめ ウェブサイトの情報をブログで扱う 「ウェブサイトの情報」テンプレートモジュールの共有 ウェブサイト/ブログ間でのテンプレートモ ジュールの共有 MTIncludeタグのblog_idモディファイア
MTBlogParentWebsiteタグ/MTBlogsタグによるコンテキス トの固定 MTIfWebsiteタグ/MTIfBlogタグによるコンテキストの判断 ブログIDに依存しないテーマの作成 各ブログのIDを変数に代入 Include_blogsモディファイアを変数で指定 35
36.
One More Thing…
36
37.
「Movable Type 5
Webサイト製作ガイド Volume 1&2」(PDF書籍)販売中 http://www.h-fj.com/blog/mt5bookvol1/ http://www.h-fj.com/blog/mt5bookvol2/ 37
38.
MTDDCご来場特典クーポン 2,500円
3,000円 2,300円 2,800円 紹介記事やバナー広告掲載でさらに割引あり 38
39.
今回のセッションでお話し したことは、Volume 2の 中で詳細に解説していま す。
39
40.
ご清聴ありがとうございました
40
Download