管理者メニューにある「テーマ管理」についての発見
2026年3月20日 14時15分 [dreamer]界隈の方には当たり前かもしれませんが自分にとっては発見でしたのでどなたかのお役に立つかもしれないと思い、掲載させていただきます。
【管理者メニューにある「テーマ管理」についての発見】
テーマ管理は、プラグインのヘッダの色、デザイン等を変えたりするだけのものではない。
connect-cms全般に影響させたいcss,javascriptを記入するためのものである。
css,javascriptは互いに関連なく独立している。
記入結果はheadタグ内に記入される。
この考えで、先日固定記事のソースエリアに記入したものをテーマ管理に移動し、管理しやすくしてみました。
新規に、Userディレクトリにディレクトリ名、テーマ名を作成し、その中にCSSを記載しました。
(<style>タグは記載しない)
--------------------------------------
/*■テーマチェンジャーの説明文「テーマを一時的に変更して、サイトの見た目や配色を確認する事ができます。」を消して、「※サイト見た目一時変更」を灰色・小さくして表示します */
.plugin-themechangers .card-body > form > fieldset > div.form-group > p,
.plugin-themechangers .card-body > form > fieldset > div.form-group p {
display: none !important;
}
.plugin-themechangers .card-body > form > fieldset > div.form-group::before {
content: '※サイト見た目一時変更';
font-size: 0.8em;
color: gray;
}
/* ■「テーマチェンジャーのヘッダーは黒にする」 を灰色・小さく表示 */
.plugin-themechangers .card-body > form > fieldset .custom-control-label {
font-size: 0.8em;
color: gray;
}
/* ■PC・タブレット:データベース検索3列横並び */
@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;
}
}
/* ■データベースプラグイン 枠線非表示(Bootstrap border クラス上書き)、個別データベースプラグインのclass名欄に「db-no-border」と記入が必要*/
.db-no-border .border-left,
.db-no-border .border-right,
.db-no-border .border-bottom,
.db-no-border .border-top,
.db-no-border .border {
border: none !important;
}
.db-no-border .row {
border: none !important;
}