Download to read offline
Uploaded bySeiko Kuchida
1,591 views
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
2016年9月10日に開催された「a-blog cms in 札幌 x SaCSS」のエバンジェリストセッションのスライドです。a-blog cmsの投稿画面をカスタマイズする様々な方法を紹介しています。
Recommended
More Related Content
What's hot
More from Seiko Kuchida
a-blog cms 勉強会 in 札幌 x SaCSS 2016 投稿画面を改良してみよう
- 1.口田 聖子 ::WebbingStudio2016.09.10（Sat）@ 株式会社インフィニットループ会議室in 札幌 xa-blog cmsの投稿画面を改良してみよう
- 2.
- 3.
- 4.
- 5.CSS Nite inSAPPORO Vol.18http://cssnite-sapporo.jp
- 6.
- 7.
- 8.
- 9.
- 10.今からできる 投稿画面カスタマイズ• 初級編•「見出し」ユニットを作る•変則的な段組を追加する•中級編•「ファイル」ユニットを好きな見た目にする•管理ボックスを移動する• 上級編• クイック投稿ボタンを作る• カスタムユニット
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.a-blog cms の見出しとユニットグループで エントリーの装飾をする| Tips | 4kaku designhttp://4kakudez.com/tips/heading-and-unit-group.htmlテキストタグセレクタと 段組以外のユニットグループのすてきな使い方
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.既存ユニットを改変したユニットの作り方• 拡張ユニットを作る• 英語名の先頭に既存ユニット名を付ける•テキスト= text_example 画像 = image_example 動画 = youtube_example etc…• 自作ユニット用テンプレートを追加投稿画面のUIは同じで、表示のみ異なるユニットができる
- 33.a-blog cmsのファイルアイコンに Font Awesomeを使ってみる| AOGIRI.nethttp://aogiri.net/fileicon.html拡張子によるアイコンの表示切り替えの説明もありますextend.html 追加前のバージョンの記事なのでスライドと手順が異なりますが、こちらでも実装できます
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.管理ボックスのテンプレートをカスタマイズ<!̶ BEGIN insert̶>～<!̶ END insert ̶>がエントリー作成ボタン
- 47.ラベルと「cid」の値を 決め打ちにしたボタンを追加<form action="" method="post"class="acms-admin-inline-btn"><input type="submit" name="ACMS_POST_2GET" value="物件情報" clas<input type="hidden" name="admin" value="entry-edit" /><input type="hidden" name="bid" value="%{BID}" /><input type="hidden" name="cid" value="5" /></form>
- 48.
- 49.納品後クライアントの担当者さんが、より使いやすく 運用できるように... #ablogcms |ふわっとブログhttp://fuwhat.com/blog/ablogcms_advent2014.html/tag/a-blogcms/後半「ボタンの設置ひとつで、更新担当者を悩ませない」にショートカットボタンの作り方が解説されています
- 50.
- 51.
- 52.
- 53.カスタムユニット ハンズオンhttps://developer.a-blogcms.jp/blog/acmscamp/customunit.htmla-blog cmsTraining Camp 2015のハンズオンもっとも丁寧な「カスタムユニット」の解説です
- 54.
- 55.そして伝説へ…a-blog cmsは• 管理画面を公開ページと同じタグでカスタマイズできる•通常のHTMLファイルと同様に、JavaScriptを記述できる• 管理画面用JSのイベントハンドラが公開されているということは…a-blog cmsとJavaScriptの一定の知識があれば 管理画面を自由にカスタマイズできる！
- 56.a-blog cmsの管理画面で、最小のカスタマイズで 最大に機能させる事を考えてみた |maki-o memohttp://www.maki-o.net/memo/ac2015.htmlSite2015・Site2016のレイアウトモジュールは管理画面にも使えてしまいますWxxxPxxxxのようなダッシュボードも夢じゃないです
- 57.a-blog cmsのエントリー基本項目を 「edit.html」を編集せずカスタマイズする |CMS3http://cms-skill.com/tech/ablogcms/entry-361.htmlコードが長く編集が難しい、エントリーの基本項目を MxxxxxxTxxxの某プラグインのようにjQueryでカスタマイズする方法です
- 58.
- 59.