イベント情報を効率的に運用するための開催日付活用テクニック
イベント情報は、多くの企業や団体のウェブサイトにおいて重要な役割を担っています。 開催日時や場所、参加方法などの情報をわかりやすく掲載することで、訪問者の利便性が向上し、集客効果の最大化にもつながります。 しかし、イベント情報は時期によって更新頻度が高く、過去の情報管理も必要なため、運用のしやすさ...
カスタマイズ
a-blog cms と View Transitions API で作るページ遷移のアニメーションの実装について
View Transitions API の利用することで、一覧ページの Entry_Summary から詳細ページの Entry_Body にページを遷移する際に、画像が拡大するようなアニメーションをつけることができます。実際の動きは、以下の YouTube の動画をご覧ください。 View Transitions API の Style を設定する 以下の3つのファイルを作っ...
Entry_Summaryループ内クラス設定を運営者でも触れるようにする
現在提供中の標準テーマの一覧ページでは、横に並ぶコンテンツの数（2列、3列、4列）は、テンプレートの CSS クラスの設定によって決まる仕様になっています。 この記事では、タイトルの通り、運営側でもこの設定を変更できるようにする方法について考えてみます。 問題点の検証 実際にどのような問題が起こるのかを U...
定期開催のイベントサイトを作る際のブログ設定
イベントサイトを作り、今後のアーカイブとしてイベントサイトを残していくための、オススメのブログ設定について紹介します。 弊社で行っている contents.nagoya というイベントを例に紹介していきますが、こちらは 2018年、2019年、2020年とイベントページがあり、これから 2025年版のコンテンツを用意していきます。...
ユニット設定を使いこなす
この記事は Advent Calendar 2024 の24日目の記事となります。a-blog cms に関する25日分の記事が公開されていますので、ぜひご覧ください。 https://adventar.org/calendars/9974 はじめに この記事では、エントリー編集の基本機能であるユニットの設定について紹介します。意外と知らないことも多い設定方法について...
View Transitions API を利用したテーマのカスタマイズ
View Transitions API を利用して、一覧で表示されているメイン画像（アイキャッチ画像）をクリックすると、その写真が拡大表示されるアニメーションと共にページが切り替わるような動きをつけることができます。 なお、すべてのブラウザが対応しているものではありません。 今回の実装は PC の Chrome と Edge で動き、...
承認申請画面でデフォルト承認者を設定できるようにするカスタマイズ
今回のカスタマイズのゴールは、採用情報の投稿者Jが特定の編集者Hに承認依頼を行うことを便利にする、ミスを減らすことができるようにすることを考えてカスタマイズを進めていく事にします。 今回のサイトの構成 システムとしては a-blog cms プロフェッショナル版 を利用します。 ルートブログや子ブログに架空のダミ...
エントリーのカスタムフィールドでパスワードを設定する実装方法
a-blog cms では、ブログ単位で会員コンテンツとしてログインしないと見えないコンテンツを管理するような実装は標準で用意されております。しかし、今回は、もう少し簡単にエントリーのカスタムフィールドでエントリー毎の個別パスワードを設定できるような実装を考えてみます。 パスワードを入れる前の画面を確認する...
モジュールフィールドを使って管理画面からカスタムフィールドグループの初期値を編集可能にする
a-blog cms においてなんらかの値を管理画面から編集可能にしたい場合は、モジュールフィールドが役立つことが多いです。このエントリーでは、カスタムフィールドグループの初期値を編集可能にするやり方を例に説明しますが、モジュールフィールドでのコンテンツ編集は他の場面でも使えるTipsなので、ぜひ参考にしてみて...
Entry_BodyモジュールでRSSファイルを作成する
a-blog cms では、/themes/system/rss2.xml が用意されており、特に意識しなくてもルート直下にRSSファイルが生成されます。他のテンプレートファイルと同様、お使いのテーマに複製してカスタマイズすることも可能です。このファイルには Feed_Rss2モジュールが使用されています。しかし、Feed_Rss2モジュールでは変数等...