Cloud Translation API を使った多言語対応
Google の「Cloud Translation API」を使った a-blog cms用拡張アプリが公開されています。この拡張アプリを使用すると、 エントリー（記事）の多言語化を簡単に行うことができますのでぜひ試してみましょう。 現状この拡張アプリはプロ版以上での利用に限定されています。（スタンダード版でも有償になりますが、ご利...
ハンズオン一覧
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 を活用してグラフを表示で...
カスタムフィールドを利用して、エントリーに複数の位置情報を持たせてみよう
a-blog cmsでは、位置情報の設定を有効化すれば、エントリーごとに一つの位置情報を登録できるようになっていますが、複数の位置情報を登録することができません。複数の位置情報を登録することができれば、例えばエントリーがイベント記事になっていて、そのイベントが複数会場になっている場合などに便利です。 このハ...
エントリー編集画面をより使いやすく設定する
このハンズオンの目的 Ver. 2.8 からエントリー編集画面に関するオプションがいくつか追加されています。特にカスタマイズが必要なものではありませんが、新しく追加されたオプション項目をここで確認して、サイト運営者がより使いやすいエントリー編集画面を提供できるようにしましょう。 編集ページの統一 現状a-blog ...
新機能サブカテゴリーを使ってみよう
この機能は、Ver. 2.10.0 のアルファ版機能になります。製品版では仕様が変わる可能性があります。みなさんのご意見をぜひお聞かせください。 機能紹介 a-blog cms はこれまでエントリーにカテゴリーは１つのみしか設定できない仕様になっていました。これによりシンプルな構造を維持でき、実際のURLと変わらない構造に...