2016秋合宿

注意: このハンズオンではGoogle Maps APIを利用します。先に Google Maps API を使って地図を表示するカスタマイズ を行ってください。 エントリーの記事を一覧で表示する場合、現状だとid順や日付順などで表示する事はできていました。しかし昨今スマフォの利用率が増えてきており、GPSなどの位置情報を使って近くの情...

a-blog cms ではビルドインモジュール（Entry_BodyやCategory_List...）と呼ばれる最初から入っているモジュールを使って動的にコンテンツを出力していきます。一般的なサイトを作るうえでは、ビルドインモジュールがあればそこまで困らないのですが、a-blog cmsで管理していないデータを出力したり、特殊な絞り込みをし...

作業テンプレート：/themes/◯◯（使用中のテーマ）/news/entry.html 作業URL： http://ドメイン/news/entry-◯◯.html（お知らせカテゴリーのエントリーどこでも） このハンズオンでは a-blog cms でAMP（Accelerated Mobile Pages Project）に対応する方法をご紹介しています。AMPに対応すれば、ニュースまたはメディアサ...

setTemplate及びsetRenderedは Ver. 2.6.0 より追加されたテンプレートエンジンです。setTemplate, setRenderedを使うとテンプレートの変数化ができ、何度も同じテンプレートを使い回したり、複雑なレイアウトのページでも作りやすくなります。 作業場所 作業テーマ： simple2016 作業テンプレート：/themes/simple201...

人気のECサービス「The BASE」のAPIと拡張アプリを利用して、a-blog cms のEC機能を強化するカスタマイズをしてみましょう。今回は、a-blogcmsのTシャツ販売サイトをサンプルとして利用します。 「The BASE」は無料で簡単にネットショップを開設できるサービスです。本格的なECサイトよりも簡単にショップを開設し、a-b...

2015年くらいから a-blog cms のサイト上で Mixpanel を利用していることもあり、勉強会で何度か紹介をしてきましたが、この秋くらいからオープンソースの Mautic の注目度が上がってきています。 そこで、今回は a-blog cms site2016 のテーマに実装する方法を紹介します。お問い合わせフォームを使ったハンズオンにな...

商品をカートに入れて注文をするカート機能を利用して、無料の資料請求が行えるフォームを作成します。ユーザーが欲しい資料の部数を選んでリクエストします。 事前準備 小ブログを作成し、その中で実装します。 作成した小ブログのテーマを用意する必要があります。標準で用意されているテーマ /themes/cart@blog2016...

a-blog cms には、カレンダーを表示するためのモジュールがいくつか用意されています。本ハンズオンでは「Entry_Calendar」「Plugin_Schedule」「Entry_Summary」を使ったカレンダーを作りましょう。用途に合わせて使い分けてください。 イベント紹介ページなどに活用できる「Entry_Calendar」 シンプルなカレンダーな...

2016年6月以降、a-blog cms で Google Maps を表示するために Google Maps の API Key が必要になりました。ここでは、API Key の発行から a-blog cms 管理画面の登録までをおこないます。 API Key（エーピーアイキー）とは… あるWebサービスの機能を外部のWebサイトやアプリケーションで使用するために発行する暗号鍵...

「エイリアス機能を使った多店舗向けカスタマイズ」を実装すると、同じ内容のエントリーを他のURLでも表示できるようになります。 たとえば、http://example.com/entry-1.html というコンテンツと全く同じ内容を以下のページでも表示できるようになります。 http://example.com/shopA/entry-1.html http://example.com/s...