静的HTMLサイトからCMSのテーマを作ってみよう
a-blog cms は、CMS を利用していない HTML ファイルで作られたサイト ( 静的 HTML サイト ) を、PHP のコード ( <?php 〜 ?> ) を書くことなく、CMS を利用して日々更新できるようなサイトを用意する事が可能です。 静的 HTML ファイルから、CMS で利用できるようなテンプレートファイルを作るための一連の作業「...
ハンズオン一覧
simple2016 のテーマをマルチブログ化する方法
a-blog cms に標準で用意されているテーマ simple2016 は 1つのブログと複数のカテゴリーでサイトを構成しています。コンテンツ毎に記事を書くユーザーを分けたり、少し規模の大きなサイトを作る場合にはマルチブログ化する必要が出できます。また、マルチブログ化したとしてもテーマは共通部分が多くテーマの継承機能に...
位置情報を使って記事を絞り込む
注意: このハンズオンではGoogle Maps APIを利用します。先に Google Maps API を使って地図を表示するカスタマイズ を行ってください。 エントリーの記事を一覧で表示する場合、現状だとid順や日付順などで表示する事はできていました。しかし昨今スマフォの利用率が増えてきており、GPSなどの位置情報を使って近くの情...
JSONを使って専用モジュールを作ってみよう
a-blog cms ではビルドインモジュール（Entry_BodyやCategory_List...）と呼ばれる最初から入っているモジュールを使って動的にコンテンツを出力していきます。一般的なサイトを作るうえでは、ビルドインモジュールがあればそこまで困らないのですが、a-blog cmsで管理していないデータを出力したり、特殊な絞り込みをし...
ページをAMP対応してみよう
作業テンプレート：/themes/◯◯（使用中のテーマ）/news/entry.html 作業URL： http://ドメイン/news/entry-◯◯.html（お知らせカテゴリーのエントリーどこでも） このハンズオンでは a-blog cms でAMP（Accelerated Mobile Pages Project）に対応する方法をご紹介しています。AMPに対応すれば、ニュースまたはメディアサ...
setTemplate setRenderedを使いこなそう
setTemplate及びsetRenderedは Ver. 2.6.0 より追加されたテンプレートエンジンです。setTemplate, setRenderedを使うとテンプレートの変数化ができ、何度も同じテンプレートを使い回したり、複雑なレイアウトのページでも作りやすくなります。 作業場所 作業テーマ： simple2016 作業テンプレート：/themes/simple201...
ネットショップサービス「BASE」との連携
人気のECサービス「The BASE」のAPIと拡張アプリを利用して、a-blog cms のEC機能を強化するカスタマイズをしてみましょう。今回は、a-blogcmsのTシャツ販売サイトをサンプルとして利用します。 「The BASE」は無料で簡単にネットショップを開設できるサービスです。本格的なECサイトよりも簡単にショップを開設し、a-b...
Mautic と a-blog cms の連携についての実装
2015年くらいから a-blog cms のサイト上で Mixpanel を利用していることもあり、勉強会で何度か紹介をしてきましたが、この秋くらいからオープンソースの Mautic の注目度が上がってきています。 そこで、今回は a-blog cms site2016 のテーマに実装する方法を紹介します。お問い合わせフォームを使ったハンズオンにな...
カート機能を使ってカタログ請求作成
商品をカートに入れて注文をするカート機能を利用して、無料の資料請求が行えるフォームを作成します。ユーザーが欲しい資料の部数を選んでリクエストします。 事前準備 小ブログを作成し、その中で実装します。 作成した小ブログのテーマを用意する必要があります。標準で用意されているテーマ /themes/cart@blog2016...
カレンダー系のモジュールを使ったカスタマイズ
a-blog cms には、カレンダーを表示するためのモジュールがいくつか用意されています。本ハンズオンでは「Entry_Calendar」「Plugin_Schedule」「Entry_Summary」を使ったカレンダーを作りましょう。用途に合わせて使い分けてください。 イベント紹介ページなどに活用できる「Entry_Calendar」 シンプルなカレンダーな...