a-blog cms 管理画面の記事一覧ページで絞り込み条件を追加する

以前のブログはこちら

広告

こんにちは。ましじめの田村です。

私が執筆した著書、『現場のプロから学ぶ CSSコーディングバイブル』は、Web制作の現場で役立つテクニックやノウハウをまとめています。
興味を持っていただけた方は、ぜひご覧ください。
https://amzn.to/3A8kNHC

このリンクは Amazon のアフィリエイトプログラムを通じて設定されています。

a-blog cmsは管理画面もa-blog cmsのテンプレート記述で作られていますので比較的簡単にカスタマイズが可能です。
themes/system以下のファイルを自身のテーマの同階層へコピーして修正すると修正内容が反映されます。

しかし、管理画面のカスタマイズはアップデート時の新機能や修正パッチの反映漏れなどに繋がりますのでカスタマイズの際はメンテナンスの注意が必要です。

カスタマイズ例

例えば管理画面の記事一覧ページにカスタムフィールドの値で絞り込み条件を追加したい場合は該当箇所にField_Searchモジュールを追加すると可能です。

URLでいうとこちらのページ&画面

http://localhost/bid/1/admin/entry_index/

では次の画像のような「値:my_valueフィールド」を検索に追加してみたいと思います

修正するファイルはこちらです。
次のファイルを自分のテーマにコピーして修正してださい。

themes/system/admin/_lauyput/entry/index.html
↓(コピー)
themes/my_themes/admin/_lauyput/entry/index.html

今回は46行目あたりにある.acms-admin-filter-groupに追加したいと思います。
次のコードを.acms-admin-filter-groupの中の一番上に追加してみてください。

<div class="acms-admin-filter-group">
  <p class="acms-admin-filter-label">分類</p>
  <div class="acms-admin-filter-content">
    <!-- BEGIN_MODULE Field_Search -->
    <div class="acms-admin-filter-item">
      <select name="my_value">
        <option value=""<!-- BEGIN_IF [{my_value}}/em] --> selected="selected"<!-- END_IF -->>値</option>
        <option value="item1"{my_value:selected#item1}>値1</option>
        <option value="item2"{my_value:selected#item2}>値2</option>
        <option value="item3"{my_value:selected#item3}>値3</option>
      </select>
      <input type="hidden" name="field[]" value="my_value">
    </div>
    <!-- END_MODULE Field_Search -->
  </div>
</div>

いかがでしょう。カスタムフィールドの絞り込みが追加可能になったと思います。

冒頭でも触れましたが、systemテーマの上書きの仕組みを利用すれば管理画面のカスタマイズ可能です。 しかしこの仕組みは強力ですので手を入れすぎるとアップデートが出来ないなどの問題が発生します。
とはいえカスタマイズしないといけない場合もあると思いますので最小限に抑えるのが良いと思います。

管理画面をカスタマイズしたい場合に参考にしてみてください。


関連するタグ

この記事を書いた人

たむら しょうご

HTML&CSSコーダー

ウェブアクセシビリティ対応、フロントエンド開発、CMSを利用したウェブサイト制作を担当しています。
趣味はガーデニングです。

ましじめのスキルが必要ですか?

遠慮なくご相談ください。我々はあなたのプロジェクトに最善を尽くし、あなたのウェブサイトの制作を強力にサポートいたします。

お問い合わせはこちらから