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

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

目的
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

フォーラム掲示板

Re: ブログのスタイル変更について

2024年8月26日 23時16分 [永原 篤]

Toshiさん

こんばんは。株式会社オープンソース・ワークショップの永原です。

>クラス名で設定出来るのは、あくまで投稿内容部分のみへの適用でしょうか?

まずはこちらの質問への返答から。

クラス名などを使ってCSSで設定できるのは、投稿内容に限りません。
Connect-CMS全体で可能です。

その上で、以下のご質問に返答します。

>ページ管理でクラス名を設定してCSSを設定する事により、ブログの表題の文字を小さくしたり、投稿日を表示しない様にする事は可能でしょうか?

いまの現状を見てみました。
以下に添付するのが、ブログの投稿日の部分の構造です。

これを見ると、ブログの投稿日には直接的なクラス名は設定されていません。

とはいえ、以下のいずれかの方法でCSSを使って投稿日を表示しない様にする事は可能です。

  • CSSの順番を使う。
    ブログ表示画面のHTML構造
    cc_article の下のheader タグの2番目がブログの投稿日です。
    cc_article の下のheader タグの2番目をCSSで消すことはできると思います。
    CSSで順番指定する方法は検索して調べてみてください。
    この方法は、今後のバージョンアップで画面テンプレートが変更されて、項目の順番が変わった時におかしくなるデメリットがあります。
    CSSの編集や追加は以下のテーマ管理機能で実現できます。
    https://manual.connect-cms.jp/manage/theme/index.html

  • ブログの画面のテンプレートをコピーしてオリジナルのテンプレートを作る。
    ブログのテンプレートは以下にあります、
    Connect-CMS/htdocs/resources/views/plugins/user/blogs
    defaultあたりをコピーしてHTMLから投稿日付を消せば、投稿日付のないテンプレートができあがります。
    この方法は、gitコマンドでConnect-CMSをバージョンアップする際に警告など出るかも知れないデメリットがありそうです。

  • 表示設定をカスタマイズして、タイトル非表示のオプションを追加する。
    表示条件
    ソフトウェア的にはこれが一番きれいな対応かなと思います。
    私もそういう機能があっても良いよね。と思うものの、現在、当社では業務が多くて、その改造にかけるパワーが取れません。( ;∀;)
    誰か改造してGithubにPullRequestで頂戴~。

  • Connect-CMSの要望用のGithubのIssueに書いておく。
    https://github.com/opensource-workshop/connect-cms-ideas/issues
    約束はできないのですが、我々も自分たちの機能追加要望をここに書いたりしているので、要望として残しておくには有望です。
    ただし、いまのところ、余力はそんなにないので、書いたから我々が実現するというものではないことはご了承ください。

以上、いくつかの解決案を示してみました。

(更新:2024年8月27日 09時12分)
スレッドの記事一覧

ページ管理でクラス名を設定してCSSを設定する事により、ブログの表題の文字を小さくしたり、投稿日を表示しない様にする事は可能でしょうか?

クラス名で設定出来るのは、あくまで投稿内容部分のみへの適用でしょうか?

宜しくお願い致します。

Re: ブログのスタイル変更について
2024-08-26 [永原 篤]

Toshiさん

こんばんは。株式会社オープンソース・ワークショップの永原です。

>クラス名で設定出来るのは、あくまで投稿内容部分のみへの適用でしょうか?

まずはこちらの質問への返答から。

クラス名などを使ってCSSで設定できるのは、投稿内容に限りません。
Connect-CMS全体で可能です。

その上で、以下のご質問に返答します。

>ページ管理でクラス名を設定してCSSを設定する事により、ブログの表題の文字を小さくしたり、投稿日を表示しない様にする事は可能でしょうか?

いまの現状を見てみました。
以下に添付するのが、ブログの投稿日の部分の構造です。

これを見ると、ブログの投稿日には直接的なクラス名は設定されていません。

とはいえ、以下のいずれかの方法でCSSを使って投稿日を表示しない様にする事は可能です。

  • CSSの順番を使う。
    ブログ表示画面のHTML構造
    cc_article の下のheader タグの2番目がブログの投稿日です。
    cc_article の下のheader タグの2番目をCSSで消すことはできると思います。
    CSSで順番指定する方法は検索して調べてみてください。
    この方法は、今後のバージョンアップで画面テンプレートが変更されて、項目の順番が変わった時におかしくなるデメリットがあります。
    CSSの編集や追加は以下のテーマ管理機能で実現できます。
    https://manual.connect-cms.jp/manage/theme/index.html

  • ブログの画面のテンプレートをコピーしてオリジナルのテンプレートを作る。
    ブログのテンプレートは以下にあります、
    Connect-CMS/htdocs/resources/views/plugins/user/blogs
    defaultあたりをコピーしてHTMLから投稿日付を消せば、投稿日付のないテンプレートができあがります。
    この方法は、gitコマンドでConnect-CMSをバージョンアップする際に警告など出るかも知れないデメリットがありそうです。

  • 表示設定をカスタマイズして、タイトル非表示のオプションを追加する。
    表示条件
    ソフトウェア的にはこれが一番きれいな対応かなと思います。
    私もそういう機能があっても良いよね。と思うものの、現在、当社では業務が多くて、その改造にかけるパワーが取れません。( ;∀;)
    誰か改造してGithubにPullRequestで頂戴~。

  • Connect-CMSの要望用のGithubのIssueに書いておく。
    https://github.com/opensource-workshop/connect-cms-ideas/issues
    約束はできないのですが、我々も自分たちの機能追加要望をここに書いたりしているので、要望として残しておくには有望です。
    ただし、いまのところ、余力はそんなにないので、書いたから我々が実現するというものではないことはご了承ください。

以上、いくつかの解決案を示してみました。

永原です。
追記です。

ブログの表題の文字は、CSSで特定できると思いますので、CSSで小さくすることができると思います。

以上

早速のご回答、有難う御座いました。

概要は理解できましたので、CSSの勉強を頑張ってみます。