Re: 管理者メニューにある「テーマ管理」についての発見
2026年3月20日 14時33分 [dreamer]あと
「管理者メニュー」の「サイト管理」の「追加テーマ」欄に作成したテーマ名を記入しサイト全体に影響させる
・基本テーマ
stitch-tan-koikoi
・追加テーマ
全サイトCSS・JS追加 ←作成したテーマ名
以下の目的、注意点などご確認いただき、ご使用ください。
当フォーラムでは、Connect-CMSのトラブルなどの相談も記載いただけますが、作業を肩代わりするものではありません。
作業の依頼は、株式会社オープンソース・ワークショップの調査メニューなどをご検討ください。
https://opensource-workshop.jp/service/rescue
あと
「管理者メニュー」の「サイト管理」の「追加テーマ」欄に作成したテーマ名を記入しサイト全体に影響させる
・基本テーマ
stitch-tan-koikoi
・追加テーマ
全サイトCSS・JS追加 ←作成したテーマ名
界隈の方には当たり前かもしれませんが自分にとっては発見でしたのでどなたかのお役に立つかもしれないと思い、掲載させていただきます。
【管理者メニューにある「テーマ管理」についての発見】
テーマ管理は、プラグインのヘッダの色、デザイン等を変えたりするだけのものではない。
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;
}
あと
「管理者メニュー」の「サイト管理」の「追加テーマ」欄に作成したテーマ名を記入しサイト全体に影響させる
・基本テーマ
stitch-tan-koikoi
・追加テーマ
全サイトCSS・JS追加 ←作成したテーマ名