Submit Search
CSS Nite in SAPPORO x a-blog cms
3 likes
1,017 views
Seiko Kuchida
2012年11月22日・23日に開催された「a-blog cms Training Camp 2012 Autumn」の発表スライドです。
Related topics:
Web Design and Development
Read more
1 of 57
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
More Related Content
PDF
WordPress ユーザーのための a-blog cms 入門
Akiko Kasaya
PPTX
自由自在にWebサイト作るためのbaserCMS入門
Ryuji Egashira
PDF
WordPressで複数のプラグインをまとめて一気にインストールする方法
Masahiro Nakashima
PDF
エンジニアとデザイナーとの距離
Manabu Yasuda
PDF
サーバ管理はサーバレスで
horike37
PPTX
WordPress で強力にお勧めしたいプラグインのお話
Takeaki Inoue
PDF
Word bench埼玉2017年2月
Yuusuke Yoshida
PDF
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Seiko Kuchida
WordPress ユーザーのための a-blog cms 入門
Akiko Kasaya
自由自在にWebサイト作るためのbaserCMS入門
Ryuji Egashira
WordPressで複数のプラグインをまとめて一気にインストールする方法
Masahiro Nakashima
エンジニアとデザイナーとの距離
Manabu Yasuda
サーバ管理はサーバレスで
horike37
WordPress で強力にお勧めしたいプラグインのお話
Takeaki Inoue
Word bench埼玉2017年2月
Yuusuke Yoshida
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Seiko Kuchida
What's hot
(20)
PDF
Jawsdays2014 AMIMOTO ハンズオン
Hiromichi Koga
PDF
20120826 ec cube-handson
Masaki Takeda
PDF
レスポンシブWebデザイン【基礎編】
Yasuhito Yabe
PDF
Concrete5で運用をデザイン
Atushi Sugiyama
PDF
イマドキのCMSトレンドからWeb運用を再考する
株式会社ミツエーリンクス
PDF
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
壽子 大倉
PDF
世界一即戦力なCMS
Hishikawa Takuro
PDF
はじめてのWordPress勉強会 vol.03 Word Pressの基本操作
MoritaMasahiro
PDF
コンポーネント指向と余白の設計
Manabu Yasuda
KEY
WordPress 3.4 〜新機能や変更点〜
Toru Miki
PDF
グローバルなCSSコンポーネントを避ける
Manabu Yasuda
PDF
WordPress はどこへ向かう?〜コミュニティが支える未来〜
Naoko Takano
PDF
a-blog cms 基本機能でつくるスタンプラリー
トモロヲ いちがみ
PPTX
jQuery UI Tabs で効率よくタブ機能を実現しよう! 14.05.23 HTML5 jQueryビギナーズ
Yoshinori Kobayashi
PDF
Enduring CSS
Takazudo
PDF
WordPressで行う継続的インテグレーションのススメ
horike37
PPTX
Chrome GPO Availability
彰 村地
PDF
Ultrafast WordPress Virtual Word camp2015
Yuta Sakamoto
PDF
駆け足で紹介するconcrete5のおすすめ機能5選
Yuriko Kamimori
PDF
a-sap 07セッション「Movable Typeとa-blog cmsの今」
Seiko Kuchida
Jawsdays2014 AMIMOTO ハンズオン
Hiromichi Koga
20120826 ec cube-handson
Masaki Takeda
レスポンシブWebデザイン【基礎編】
Yasuhito Yabe
Concrete5で運用をデザイン
Atushi Sugiyama
イマドキのCMSトレンドからWeb運用を再考する
株式会社ミツエーリンクス
最低限のコードでWebサイトを作成しよう(ADC MEETUP 08)
壽子 大倉
世界一即戦力なCMS
Hishikawa Takuro
はじめてのWordPress勉強会 vol.03 Word Pressの基本操作
MoritaMasahiro
コンポーネント指向と余白の設計
Manabu Yasuda
WordPress 3.4 〜新機能や変更点〜
Toru Miki
グローバルなCSSコンポーネントを避ける
Manabu Yasuda
WordPress はどこへ向かう?〜コミュニティが支える未来〜
Naoko Takano
a-blog cms 基本機能でつくるスタンプラリー
トモロヲ いちがみ
jQuery UI Tabs で効率よくタブ機能を実現しよう! 14.05.23 HTML5 jQueryビギナーズ
Yoshinori Kobayashi
Enduring CSS
Takazudo
WordPressで行う継続的インテグレーションのススメ
horike37
Chrome GPO Availability
彰 村地
Ultrafast WordPress Virtual Word camp2015
Yuta Sakamoto
駆け足で紹介するconcrete5のおすすめ機能5選
Yuriko Kamimori
a-sap 07セッション「Movable Typeとa-blog cmsの今」
Seiko Kuchida
Ad
Viewers also liked
(20)
PDF
Galage labsサーバー部6U自己紹介
Seiko Kuchida
PDF
a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
Seiko Kuchida
PDF
CMSテーマ「logical jp」について
Seiko Kuchida
PDF
20150615_改めて知っておきたい、MovableTypeの魅力
Seiko Kuchida
PDF
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
PDF
a-blog cmsのインポート機能を使いこなす
Seiko Kuchida
PDF
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
Seiko Kuchida
PDF
a-sap10「モジュールIDを理解する」
Seiko Kuchida
PDF
プロ用CMSフレームワークテーマ「echo」のご紹介
Seiko Kuchida
PDF
自動化ツール「Grunt.js」について
Seiko Kuchida
PDF
a-sap09「a-blog cmsとWordPress」
Seiko Kuchida
PPTX
MovableTypeの実務制作で考慮すること
Seiko Kuchida
PDF
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Seiko Kuchida
PDF
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
PDF
a-sap06「カスタムフィールドを使いこなす」
Seiko Kuchida
PPTX
a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」
Seiko Kuchida
PDF
SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」
Seiko Kuchida
PDF
a-sap 02セッション「a-blog cmsのモジュールを理解する」
Seiko Kuchida
PPT
DevDo:WebbingStudio(090426)
Seiko Kuchida
PDF
a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」
Seiko Kuchida
Galage labsサーバー部6U自己紹介
Seiko Kuchida
a-blog cms Training Camp 2014 Autumn「来年作るべきCMSのテーマとは?」
Seiko Kuchida
CMSテーマ「logical jp」について
Seiko Kuchida
20150615_改めて知っておきたい、MovableTypeの魅力
Seiko Kuchida
a-sap08「a-blog cmsとMovable Type」
Seiko Kuchida
a-blog cmsのインポート機能を使いこなす
Seiko Kuchida
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
Seiko Kuchida
a-sap10「モジュールIDを理解する」
Seiko Kuchida
プロ用CMSフレームワークテーマ「echo」のご紹介
Seiko Kuchida
自動化ツール「Grunt.js」について
Seiko Kuchida
a-sap09「a-blog cmsとWordPress」
Seiko Kuchida
MovableTypeの実務制作で考慮すること
Seiko Kuchida
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Seiko Kuchida
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
a-sap06「カスタムフィールドを使いこなす」
Seiko Kuchida
a-sap04「ちょっとすごい!a-blog cmsのカスタムフィールド」
Seiko Kuchida
SaCSS vol.26「ちょっと本格的なFacebookページを作ろう」
Seiko Kuchida
a-sap 02セッション「a-blog cmsのモジュールを理解する」
Seiko Kuchida
DevDo:WebbingStudio(090426)
Seiko Kuchida
a-sap 01セッション「まずは導入!a-blog cmsにおすすめの案件と注意点」
Seiko Kuchida
Ad
Similar to CSS Nite in SAPPORO x a-blog cms
(20)
PDF
CMSとIAで変化ヲ抱擁セヨ
Makoto Shimizu
PDF
IA2010 - アジャイル時代のWeb解析事例
Makoto Shimizu
PDF
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
Kazuki Akiyama
PDF
制作者にとってのWeb解析
Makoto Shimizu
PDF
a-blog cms Training Camp 2017 Spring「a-blog cms用テーマ echo_zeroについて」
Seiko Kuchida
PDF
Apiドキュメンテーションツールを使いこなす【api blueprint編】
dcubeio
PDF
2021-03-05.osc online-spring(connect-cms)
株式会社 オープンソース・ワークショップ
PDF
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
Masanori Ishigami
PDF
チェックポイント(1)(2)(3) デモンストレーション
FatWireKK
PDF
Htmlコーディングの効率化 後編
Yasuhito Yabe
PDF
Lambda EdgeとALB認証を導入した話
淳 千葉
PPTX
2012 05-19第44回cocoa勉強会発表資料
OCHI Shuji
PPTX
シラサギハンズオン 2016 05-26
Yu Ito
PPTX
Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)
Masanori Ishigami
PDF
自分達のサイボウズ office-を開発しよう
Cybozucommunity
KEY
WordPressってブログじゃないの?
tokumotonahoko
PDF
20150606 CMS Fun名古屋 vol.2 baserCMSのご紹介
Daisuke Abe
PDF
自分達のサイボウズ Office を開発しよう
Shinya Hata
PDF
Lotus iNotes をカスタマイズしてみよう
Masashi Miyazaki
PDF
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
CMSとIAで変化ヲ抱擁セヨ
Makoto Shimizu
IA2010 - アジャイル時代のWeb解析事例
Makoto Shimizu
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
Kazuki Akiyama
制作者にとってのWeb解析
Makoto Shimizu
a-blog cms Training Camp 2017 Spring「a-blog cms用テーマ echo_zeroについて」
Seiko Kuchida
Apiドキュメンテーションツールを使いこなす【api blueprint編】
dcubeio
2021-03-05.osc online-spring(connect-cms)
株式会社 オープンソース・ワークショップ
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
Masanori Ishigami
チェックポイント(1)(2)(3) デモンストレーション
FatWireKK
Htmlコーディングの効率化 後編
Yasuhito Yabe
Lambda EdgeとALB認証を導入した話
淳 千葉
2012 05-19第44回cocoa勉強会発表資料
OCHI Shuji
シラサギハンズオン 2016 05-26
Yu Ito
Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)
Masanori Ishigami
自分達のサイボウズ office-を開発しよう
Cybozucommunity
WordPressってブログじゃないの?
tokumotonahoko
20150606 CMS Fun名古屋 vol.2 baserCMSのご紹介
Daisuke Abe
自分達のサイボウズ Office を開発しよう
Shinya Hata
Lotus iNotes をカスタマイズしてみよう
Masashi Miyazaki
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
CSS Nite in SAPPORO x a-blog cms
1.
CSS Nite in
SAPPORO a-blog cms a-blog cms Training Camp 2012 Autumn : 2012.11.22 (Thu) Seiko Kuchida @webbingstudio
2.
CSS Nite in
SAPPOROの公式サイトは a-blog cms http://cssnite-sapporo.jp/
3.
サイトの裏側をご紹介 企画:情報設計 制作:考慮したところ 公開後:課題や調整
4.
企画:情報設計
5.
札幌版のWeb担当 口田
益子 制作・管理 原稿執筆 新規イベント追加 新着の更新
6.
CMSベースのサイトを作ると
立ち上げの作業量が ハンパない
7.
かといって 適当にサイトを作ると 絶対あとで後悔する
8.
かといって 適当にサイトを作ると 絶対あとで後悔する
しかも、a-blog cmsは ディレクトリ構造が カテゴリーの条件分岐に影響する
9.
最初のサイト構造・ 情報設計だけは きっちりすることにした
10.
サイト構造を
a-blog cmsの 策定 運用に合うよう調整 他のメンバーに意見をもらい ワイヤーや導線を検討
11.
こういう構造になった 親ブログ
子ブログ ホーム Vol.7 Vol.5 新着情報 ヘルプデスク 観光情報 Vol.6 Vol.4
12.
こういう構造になった 親ブログ
子ブログ ホーム Vol.7 Vol.5 新着情報 最新回の複製 ヘルプデスク 観光情報 Vol.6 Vol.4
13.
ホームが最新回の複製なのは スマートフォン対策
各回ページに行かなくても すぐ情報を見られるように 管理作業の省力化
14.
制作にかかった時間 構造の策定:実質5日 デザイン:5時間 テーマ作成:10時間 追加調整:その後一ヶ月
15.
制作にかかった時間 構造の策定:実質5日
構築とコーディングは 同時進行 デザイン:5時間 テーマ作成:10時間 追加調整:その後一ヶ月
16.
制作:考慮したところ
17.
(1)2種類のテーマ
18.
2種類のテーマ メインコンテンツ用 固定ページ+新着情報 イベント告知用 メイン画像+各回の情報
19.
新しいイベントを告知するときは
新規ブログ作成と トップページの調整で済むように 子ブログのテーマを工夫しました koblog cssnite201207 @cssnite201207
20.
a-blog cmsは ブログ間でコンフィグと エントリーを複製できる
21.
a-blog cmsは ブログ間でコンフィグと エントリーを複製できる
回を重ねるほど 前の使い回しができて 楽になってきた!
22.
(2)ユニット機能
23.
本文レイアウトがかなり細かいが ほとんど、a-blog
cmsの ユニットで実現できている
24.
フォーマットの自作
25.
ユニットグループ
26.
マークアップが 統一化されているので 今後のリニュもしやすい …でも、使いすぎには注意
27.
マークアップが 統一化されているので 今後のリニュもしやすい
更新作業の煩雑化 …でも、使いすぎには注意
28.
「非表示」が地味に便利
29.
(3)どこでも編集ボタン
30.
ブログ・モジュールIDに 関連するパーツにボタンを付けました
31.
ブログ・モジュールIDに 関連するパーツにボタンを付けました
32.
管理メニューを編集するのは
このテーマを作った 私(うぇびん)だけなので 本来はなくてもいい
33.
でも、こうしておけば 細かい設定方法を 覚えておかなくて済む
34.
でも、こうしておけば 細かい設定方法を 覚えておかなくて済む 管理作業の効率化
35.
その他の工夫 2種類の協賛 バナーモジュールを使用 OGP ソーシャル連携を強化
36.
og:imageの扱い Entry_Summaryを使えば、 エントリー中のメイン画像を
og:imageに指定できる …でも、敢えて指定してません
37.
訪問者に画像を 選ばせた方がよいのでは?
<せっかくマーケティング
38.
運営側が画像を指定するのが はたしていいことなのか? 写真が豊富なページなら、 閲覧者が画像を選ぶ楽しみを
提供できるかも?
39.
しかし、スマホでは
画像を選べないので やっぱり指定した方がいいかも ・・・考え中
40.
公開後:課題や調整
41.
ふたつのイベントを 同時に告知
42.
完全に想定外… ふたつのイベントを 同時に告知
43.
新着情報のタイトル
44.
「全てのページが 『新着情報』になってますよ」 と、Webマスターツールから
突っ込みが入る
45.
「全てのページが 『新着情報』になってますよ」 と、Webマスターツールから
突っ込みが入る 「新着情報」の後ろに ページ番号を出すことに
46.
%{CATEGORY_NAME} (%{PAGE})
新着情報 (1) 新着情報 (2) 新着情報 (3) ・・・
47.
%{CATEGORY_NAME} (%{PAGE})
新着情報 (1) ← ← 新着情報 (2) 気になる 新着情報 (3) ・・・
48.
できれば1ページ目は ページ番号を
出したくない
49.
できれば1ページ目は ページ番号を
出したくない 「1ページ目のとき」 というタッチモジュールが できるとうれしいなー :D
50.
余談:発表後のアドバイス
グローバル変数と インクルードでできるよ! できるのか?できるのか?? やってみるっ><
51.
まとめ
52.
CMSは作って終わりではない 想定通りに運用できてる? 効果の割に面倒じゃない?
もっといい方法はない?
53.
CMSの利点を生かす
新規イベント追加時は 最低限の投稿が できるところまで制作 テーマの細かい調整と コンテンツの流し込みは 同時進行
54.
a-blog cmsは 構造をきちんとしておけば
改修しやすいCMS
55.
フィードバックをもらいつつ
よりよいサイトに していきたいな
56.
ぜひ札幌に来てね
(キラキラ フォローアップ参加もよろしくね
57.
ありがとうございました http://webbingstudio.com/
Download