カスタムユニットを使った「SVG ユニット」を作ってみよう
最近は SVG ファイルがサイト上でも使われるようになってきていますが、残念ながら a-blog cms の画像ユニットには SVG ファイルを扱うことができません。今回は、カスタムユニットを利用して「SVG ユニット」を作ってみましょう。 今回用意するカスタムユニット 管理側のフォームの実装 管理ページの設定 エントリー編...
ハンズオン一覧
Google SpreadSheet との連携機能
a-blog cmsの拡張アプリ「SpreadSheet」を使うとお問い合わせフォームなどで送信された内容を任意のGoogle SpreadSheetの最後の行に追記することができます。 カスタマイズ 今回のハンズオンではsimple2017のお問い合わせフォームで送信されたいくつかの項目を Google SpreadSheetに追記してみます。 下準備 以下の2つの...
Slackとの連携機能
a-blog cmsの拡張アプリ「slack」を使うとフォームからデータが送信された段階でそのフォームのデータを加工し、slackに通知することができます。例えばフォームから「資料請求」などがあれば「資料請求がありました。」などとslackの好きなチャンネルに通知できます。 カスタマイズ 今回のハンズオンではsimple2017のお...
MailChimp との連携機能
MailChimpとはマーケティングオートメーションツールで顧客に応じてメールマガジンを送ったりすることができます。 カスタマイズ 今回のハンズオンではsimple2017のお問い合わせフォームで登録された内容をMailChimpのリスト上に保存しましょう。 下準備 以下の3つのステップでa-blog cmsとMailChimpを連携します。 Mail...
Zoho CRMとの連携機能
Zoho CRM とはオンラインの顧客管理システムです。a-blog cmsのフォームと連携することによってお客様が入力した情報をZoho CRM 上に蓄積することができます。 カスタマイズ 今回のハンズオンではsimple2017テーマで、拡張アプリ「Zoho」を使って、お問い合わせ内容を「見込み客（Leads）」に新規に登録することが目標で...
フォームに reCAPTCHA を導入しよう
ウェブサイトにアクセスを試みるボットを遮断するために設置されているreCAPTCHAですが一度はどこかで体験したことがあると思います。webのフォームは一番攻撃されやすい箇所になります。reCAPTHAを導入して、ロボットによるスパム投稿を防ぎましょう。 下準備 まずreCAPTCHAを導入するために、reCAPTCHA にアクセスし...
新しい組み込みJSを使ってみよう
Ver. 2.7.0 より新しい組み込みJS js-modal-video と js-editable-table が追加されました。 このハンズオンではこの２つの新しい組み込みJSを独自のカスタムフィールドやユニットに適応することを行います。 js-modal-video まず、js-modal-video から実装を行なっていきます。この組み込みJSは youtube や vimeo の動...
カスタムフィールドを動的化してみよう
通常カスタムフィールドを変更しようと思った場合にはテンプレートを修正する必要が出てきます。 ですがカスタムフィールドをカスタムフィールドで作るといったカスタムフィールドの動的化をすることによってテンプレートを触ることなくカスタムフィールドが変更できるようになります。 カスタマイズ 今回はsimple2016...
JSONを使って専用モジュールを作ってみよう
a-blog cms ではビルドインモジュール（Entry_BodyやCategory_List...）と呼ばれる最初から入っているモジュールを使って動的にコンテンツを出力していきます。一般的なサイトを作るうえでは、ビルドインモジュールがあればそこまで困らないのですが、a-blog cmsで管理していないデータを出力したり、特殊な絞り込みをし...
カスタムユニットとユニットの拡張機能を使用したカスタマイズ
カスタムユニットとは、ユニットをカスタマイズし独自のユニットを作成できるユニットのことです。 同じような機能として独自の入力欄を作れるカスタムフィールドが挙げられます。あえてカスタムユニットを使うメリットとしては、従来のカスタムフィールドとは違い、ユニットの間に任意の要素を挿入できることが特徴の1...