カレンダー表示の月送りをページ遷移せずに実装


こちらは a-blog cms Advent Calender 2017の18日目の記事になります。

a-blog cmsでは、カレンダーで予定や記事リンクを表示させるモジュールがいくつかあります。
「この日書いた記事」をブログ等で表示させることはもちろん、店舗などの営業日のお知らせやイベントなどのスケジュールを掲載することもあると思います。

その時、「次の月、前の月を見たいな」と思ってリンクをクリックすると、通常ならページごと遷移するようになっていますが、今回は、これをページ遷移せずに月送りできるカスタマイズをご紹介します。a-blog cmsの「ポストインクルード」という機能を使いました。

サンプル

カレンダー月送りサンプル
「前月」「次月」をクリックすると、ページ遷移せずにカレンダーが切り替わるようになっています。

1.テンプレートHTMLファイルを作成

まず、カレンダーモジュール自体を記述するHTMLファイルを作成します。
今回は「/sample/calendar/tpl_cal.html」としましょう。

作成したファイルに以下のコードを貼り付けてください。モジュールID設定やCSS表示の設定は適宜行っておきます。


「カレンダー表示の月送りをページ遷移せずに実装」の続きを読む

a-blog cmsで、特定のファイルを会員限定で閲覧できる機能を作ってみました


こちらは、a-blog cms Advent Calendar 2016の13日目のエントリーです。a-blog cmsの秋合宿で発表させていただいた内容です。画像やソースの説明を少し詳しく解説しています。

最近、ノウハウなどのファイルを会員限定でダウンロードできるサイトを見かけるようになりました。
会員登録を促す目的、アクセス解析に活かす目的などいろいろあると思います。
そういう時に使えるカスタマイズを今回はご紹介します。

上の図のように、誰でもアクセスできるファイルと、会員(ログイン時)のみアクセスできるファイルが混在している場合を考えていきます。


「a-blog cmsで、特定のファイルを会員限定で閲覧できる機能を作ってみました」の続きを読む

a-blog cms Training Camp 2016 OKINAWA に参加しました

みんなでaのポーズ!?

半年に一度行われる国産CMS「a-blog cms」の合宿に参加しました。いつもは名古屋開催ですが、今回はなんと沖縄での開催。a-blog cmsの新バージョンや新テーマの紹介、事例紹介など今回も充実した合宿でした。

開催概要
http://developer.a-blogcms.jp/blog/trainingCamp2016okinawa.html


「a-blog cms Training Camp 2016 OKINAWA に参加しました」の続きを読む

a-blog cmsのファイルアイコンにFont Awesomeを使ってみる

これは「a-blog cms Advent Calendar 2015」の11日目の記事です。

a-blog cmsでPDFファイルを掲載する際、通常は上の図の左側のように、ファイルアイコンの画像の下にキャプションが出るようになっています。

今回は、このアイコンをFont Awesomeに変更する方法をご紹介します。


「a-blog cmsのファイルアイコンにFont Awesomeを使ってみる」の続きを読む

RSS 2.0