a-blog cms zoom up 2020/06
a-blog cms awards 2023 にご応募いただいた制作事例をご紹介いたします。
ご応募いただいたみなさま、誠にありがとうございました。
受賞事例の発表は、2023年7月11日開催の a-blog cms LIVE Vol.16 で行います。
あなたのご参加、お待ちしております。
たくさんのご応募いただきありがとうございました。
現在審査中です。結果発表まで今しばらくお待ちください。
結果発表は弊社主催の 7月11日（火）a-blog cms LIVE 内で行われます。
ご興味ある方はイベントページより参加登録してください。
読売新聞西部本社様が、『福岡』に特化した新しいニュースサイトの立ち上げを企画いたしました。当初はWordPressでの制作も検討していましたが、大人数が関与する大手メディアのサービスで使用するため、直感的に扱いやすいCMSとして、a-blog cmsが採用されました。そして、直感的に記事を組める「簡単」さもa-blog cmsを導入するメリットでした。
実際に記者さんが日々ストレスを少なく入力できるニュースサイトを作るというのが与えられた課題でした。 さまざまな記事形態に対応できるようスタイルガイド、HTMLなどを意識せず直感的に記事をかけるようにユニットを準備いたしました。
記者毎の記事を一覧表示したい、また今後記者は増えるということでしたので 記者をカテゴリーで管理し、記事作成時にカスタムフィールド として選択できるようにいたしました。 これにより記者が増えた場合も管理画面から追加でき一覧表示も可能となりました。
「PR記事」という記事があり通常の一覧ページの任意の特定の位置に表示したいという要望がありました。 一覧表示のエントリーサマリーにモジュール設定で作成した「PR記事」を表示できるようにいたしました。これにより任意のPR記事選択するとサマリーの特定の位置に差し込まれて表示されるようになりました。
どういう修正がされたのかなど修正履歴を残すというのも重要でした。 ブログやモジュールフィールドを使用すると履歴が残らないため共通管理するものでもエントリーとして作成することで編集履歴を追えるように配慮しています。
各配信メディアへの対応をしています。 その一つでGoogleNewsの配信と詳細ページをAMP対応いたしました。
GoogleNews一覧
詳細AMP記事
福岡ふかぼりメディア ささっとー - Google ニュース
Google ニュース
スマートフォンやタブレットで「福岡ふかぼりメディア ささっとー」について配信されている全文記事を読んだり、膨大な数のトピックや雑誌などを探したりするには、Google ニュースをご利用...
ユニット構造で記事を構築でき、ウェブに慣れていない人でも、マニュアルがなく作業を覚えることができた。
また、WordPressでみられるプラグインによっては日本語訳のニュアンスが違ったり、全体で見ると表記統一されていなかったり、ウェブ初心者には対処不能な難しさがないのもいい。
当初は二段階認証がなく、セキュリティー上の使いにくさがあったが、アップデートで改善されたのが良かった。PDF画像を表示できるようになったのも助かっている。今後のアップデートにも期待したい。
名古屋市中区栄にある宗次ホールは2007年に開演したクラシック専門のコンサートホールです。 リニューアル前のサイトはCMSが導入されておらず、コンサートのチラシデータ等をサーバーに直接アップして更新されており、コンサートホールのサイトは日々の情報発信が多いのですがメンテナンス性が非常に悪く、サイト運用負荷が高い状態になっていました。 サイトのメンテナンスやタイムリーな情報発信を誰でも可能にするため、a-blog cms を導入いたしました。
コンサートホールの日々の更新業務には、送られてくる公演のチラシデータをサイトにアップするという作業があります。公演のチラシには、表面と裏面があり、裏面は文字が多いことが一般的です。 そのため、表面は画像でも良いのですが、解像度などによっては可読性が悪くなったり、印刷対応なども考えて、サイト上では、チラシ画像をクリックするとPDFが開き、表・裏を閲覧できるようにしました。
管理画面では、登録時に表示用の画像とPDFファイルをメディア機能とカスタムフィールドでアップできるようにしました。また、どのPDFを添付したか分からなくなるため管理画面からもPDFへのリンクボタンを実装しました。
管理画面：公園チラシの画像・PDF挿入
公演チラシPDF
今回、コロナウイルスの影響にて、ほとんどの公演が中止となる想定外の自体が起こりました。 公演中止や緊急的な内容のニュースは、「大切なお知らせ」としてサイトのトップに表示させるようにしておりましたが、公演中止の数が多く、サイトトップが全ての「大切なお知らせ」で埋め尽くされ、必要な情報が届かない状況になりました。
運営スタッフの方々が工夫をし、サムネイル画像に「公演中止」と入れることで、分かりやすく表示することができました。また、サイトトップを埋め尽くしていた「大切なお知らせ」は公演単位ではなく、公演中止一覧情報を１記事にまとめ簡潔な表示を可能にしました。 運営スタッフの方々の素晴らしいアイデアのおかげで、予想していないケースでも柔軟に対応できました。
トップページの大切なお知らせ
チラシ画像を加工
公演中止が分かりやすくトップページに表示される
運営側からコロナウイルス対応の情報をまとめて発信するため、専用の一覧ページが必要とのご相談があり、該当のページをノンプログラミングで作成しました。 簡単なHTMLの修正作業などは発生していますが、下記のように新しくプログラムは書いていません。
a-blog cms の特徴であるノンプログラミングの利点で、迅速に作成ができ、タイムリーに情報発信ができます。
作成したコロナ対応ページ
管理画面のカテゴリ一覧：「新型コロナ対応」カテゴリを追加した図
管理画面のモジュール作成がめん：エントリーサマリーモジュールの設定
コンサートチケットは、コンサートによって取扱店が違います。宗次ホールの場合、「宗次ホールチケットセンター」「チケットぴあ」「名鉄ホールチケットセンター」の３箇所があります。 リニューアル前は、オンラインでのチケット購入希望者は、「チケットぴあ」や「名鉄ホール」のサイトにて、Pコードやイベント名などで公演を探してから購入する状態でした。今回、カスタムフィールドで外部サイトの該当ページリンクの入力欄を用意することで、購入希望者は探すという手間を省き、エンドユーザー側のユーザビリティーの向上やコンバージョンアップに寄与できるようにしました。
公開画面：チケット情報
管理画面：チケット情報の入力欄
公開画面：完売にチェック後、「完売」ラベルが表示される
顧客がウェブサイトに期待する主な目的は、売上の増加、集客の増加、ブランド認知、信頼・信用などが考えられますが、すべての起点は情報発信です。その情報を発信するという点で、ユーザビリティはとても重要です。「サイトを実際に見る人は誰か？」「顧客のターゲットユーザーは誰か？」「運用する人は誰か？」など、それぞれの利用視点を持って、サイトを制作する前に考えると色々なアイデアが出ると思います。それらを実装して、日々、運用しやすいプラットフォームを提供することで、情報発信ができ、更に今回のコロナウイルス対応など予想していないケースでも臨機応変に対応できます。 CMSを選択する上で、開発したら終わりではなく、運用後に出てくる改善要望などへの対応も考えることも重要だと思います。そのような部分でa-blog cmsは、最適なCMSと実感しております。
