Cloud Translation API を使った多言語対応
Google の「Cloud Translation API」を使った a-blog cms用拡張アプリが公開されています。この拡張アプリを使用すると、 エントリー（記事）の多言語化を簡単に行うことができますのでぜひ試してみましょう。 現状この拡張アプリはプロ版以上での利用に限定されています。（スタンダード版でも有償になりますが、ご利...
2019春合宿
Yahoo! 地図とYahoo! Map Clusterをためしてみよう
Yahoo! 地図とは まず、Yahoo!地図とはヤフー株式会社が提供する地図サービスで下のようにWeb上に地図を埋め込めるAPIも提供しています。 window.onload = function(){ var ymap = new Y.Map("map"); ymap.drawMap(new Y.LatLng(35.66572, 139.73100), 17, Y.LayerSetId.NORMAL); } a-blog cmsは以前からYahoo!地図に...
次のエントリーをリロードなしで表示する（ポストインクルード）
Ver. 2.8 で ctx（外部コンテキスト）が実装されてから、URLにない情報を動的に引っ張ってこれるになったため、ポストインクルードの利用頻度は下がったと思います。ただ現状でもポストインクルードにしかできない事もあります。このハンズオンでは、そんなポストインクルード機能の一例をご紹介します。 ここでは、begi...
ユーザーがわかりやすい管理画面を作ろう
Ver. 2.10 がリリースされ管理画面のカスタマイズがテンプレートではなく、管理画面からでも設定で可能な部分が多くなりました。その点を理解するためのハンズオンになります。HTMLのテンプレートを触る必要もない設定のみになりますので、ディレクターさんも是非お試しください。 コンフィグセット コンフィグの設定を...
目次ユニットをつくってみよう
見出し生成機能を ブログコンテンツ や マニュアル系コンテンツ などで使用したいと多くの方のご要望もあり、目次を生成する組み込みJSが a-blog cms Ver. 2.10 で搭載されました。このハンズオンではこの組み込みJSを使って、目次ユニットを作ってみましょう。 ここでは、beginner2019テーマの初期インストール状態を例...
カスタムユニットを動的化してみよう
通常カスタムユニットを変更しようと思った場合にはテンプレートを修正する必要が出てきます。ですがカスタムユニットの項目をカスタムフィールドで作ることによってテンプレートを触ることなくカスタムユニットの内容を変更できるようになります。 ハンズオン概要 今回は動的カスタムユニットを使ってインタビュー記事...
SetRendered と GET_Rendered を活用した「円グラフのカスタムユニット」を作ってみよう
一般的にグラフをサイトに貼り付けるのであれば、上記のようにエクセルで描いたグラフをキャプチャした画像を用意して画像ユニットにアップするのが一般的かと思いますが、a-blog cms ならではのカスタムユニットでデータを登録できるような管理ページを用意して、chart.js という JavaScript を活用してグラフを表示で...