フォーラム掲示板について

以下の目的、注意点などご確認いただき、ご使用ください。

目的
Connect-CMSのユーザやConnect-CMSに興味のある方同士で自由に意見交換できる場を提供する目的で、コミュニティ掲示板として提供しています。
投稿方法
このサイトにユーザー登録することで、投稿することができます。
投稿内容
投稿内容は公開されます。
Connect-CMSに無関係な内容が記載されたと判断した場合、削除することがあります。
バグ情報
バグ(不具合)はGithub のIssues(https://github.com/opensource-workshop/connect-cms/issues)に記載していただくと、開発者に伝わりやすくなります。
また、セキュリティなど重大な事象の場合は、お問い合わせページよりお知らせください。優先的に調査いたします。
また、貢献ガイド(https://connect-cms.jp/abount/contributions)も参照をお願いします。
ユーザ登録
当サイトへのユーザ登録は以下のお問い合わせフォームよりお願いいたします。
https://connect-cms.jp/contact

フォーラムでのサポート範囲

当フォーラムでは、Connect-CMSのトラブルなどの相談も記載いただけますが、作業を肩代わりするものではありません。
作業の依頼は、株式会社オープンソース・ワークショップの調査メニューなどをご検討ください。
https://opensource-workshop.jp/service/rescue

フォーラム掲示板

データベースプラグインの検索

2026年3月8日 23時06分 [dreamer]

ご無沙汰しております。
データベースプラグインで「絞り込み機能の表示(複数選択)」を設定すると、初期設定では複数選択肢が1列縦並びになるので、3列横並びにしてみました。

・初期縦並び表示
データベース検索初期

・横並び表示
データベースプラグイン

・設定方法
  任意の固定記事プラグインを設置し、そのソースコード画面に
  下記を記載

<style>
.plugin-databases .col-sm.pb-4 {
    display: flex;
    flex-wrap: wrap;
}
.plugin-databases .col-sm.pb-4 h5 {
    width: 100%;
}
.plugin-databases .col-sm.pb-4 .custom-control.custom-checkbox {
    width: 33.333%;
    box-sizing: border-box;
}
</style>

以上、ご参考になればと思い、投稿させていただきました。

(更新:2026年3月8日 23時38分)
スレッドの記事一覧
データベースプラグインの検索
2026-03-08 [dreamer]

ご無沙汰しております。
データベースプラグインで「絞り込み機能の表示(複数選択)」を設定すると、初期設定では複数選択肢が1列縦並びになるので、3列横並びにしてみました。

・初期縦並び表示
データベース検索初期

・横並び表示
データベースプラグイン

・設定方法
  任意の固定記事プラグインを設置し、そのソースコード画面に
  下記を記載

<style>
.plugin-databases .col-sm.pb-4 {
    display: flex;
    flex-wrap: wrap;
}
.plugin-databases .col-sm.pb-4 h5 {
    width: 100%;
}
.plugin-databases .col-sm.pb-4 .custom-control.custom-checkbox {
    width: 33.333%;
    box-sizing: border-box;
}
</style>

以上、ご参考になればと思い、投稿させていただきました。

スマホの場合、縦一列のほうが見やすいので、こちらがいいですね

<style>
@media (min-width: 768px) {
    .plugin-databases .col-sm.pb-4 {
        display: flex;
        flex-wrap: wrap;
    }
    .plugin-databases .col-sm.pb-4 h5 {
        width: 100%;
    }
    .plugin-databases .col-sm.pb-4 .custom-control.custom-checkbox {
        width: 33.333%;
        box-sizing: border-box;
    }
}
</style>