ページ 11

カスタムフィールドの表示改善

投稿記事Posted: 2018年4月09日(月) 14:52
by designlog
SOY CMS1系ではカスタムフィールドプラグインでのフィールド一覧はきれいに表組みで表示されていたのですが、3系ではスタイルが読み込まれていないのか一覧が読みにくくなっています。
当プラグインページ内の各項目も詰まって表示されていますので、1系と同様に見やすく改善されると助かります。

プラグインのバージョンは1.7.5で、作者が「日本情報化農業研究所」となっていますので、もしかしたら古いバージョンがパッケージに同梱されているのでしょうか?

Re: カスタムフィールドの表示改善

投稿記事Posted: 2018年5月17日(木) 06:04
by inunosinsi
デザインに手を回せる程のリソースはありませんので、私の方での対応は難しいです。
/インストールディレクトリ/soycms/pages/Blog/Entry.htmlと/インストールディレクトリ/soycms/pages/Entry/Detail.html
上記のHTMLで読み込んでいるいくつかのCSSで調整可能ですのでご自身でお願いいたします。

もし、操作性が向上するような修正ができましたら、
私のGitHubで管理しているリポジトリにプルリクをお願いします。
https://github.com/inunosinsi/soycms

【GitHub】Pull Requestの手順 - Qiita

Re: カスタムフィールドの表示改善

投稿記事Posted: 2018年5月17日(木) 15:53
by designlog
お知らせいただいた、
inunosinsi さんが書きました:/インストールディレクトリ/soycms/pages/Blog/Entry.htmlと/インストールディレクトリ/soycms/pages/Entry/Detail.html

が存在しなかったので、
それらしい「soycms_cp.css(/インストールディレクトリ/soycms/webapp/pages/files/dist/css/soycms_cp.css)」を修正してみました。
このファイルを編集することが適当なのか判断ができませんので、問題ないようでしたら取り込んでいただけますでしょうか?

システム側のHTML(テンプレート)は編集せずにCSSのみの編集で見やすくしています。
当該CSSファイルの一番下の「/*追加分*/」以下が今回追記したコードです。

ファイルは以下からダウンロードをお願いします。
https://www.dropbox.com/s/iams6usqkx4ku ... p.css?dl=0

Re: カスタムフィールドの表示改善

投稿記事Posted: 2018年5月17日(木) 16:16
by designlog
先にお知らせしたCSSの編集だけだと他に影響が出るので、以下のプラグインのテンプレートとCSSを編集しました。

/インストールディレクトリ/common/site_include/plugin/CustomFieldAdvanced/form.html
/インストールディレクトリ/soycms/webapp/pages/files/dist/css/soycms_cp.css

修正ファイル2点は以下からダウンロードしていただけます。
https://www.dropbox.com/s/jzex2cote38vhdo/cf.zip?dl=0

Re: カスタムフィールドの表示改善

投稿記事Posted: 2018年5月17日(木) 16:22
by inunosinsi
ありがとうございます。
表示を確認してパッケージに組み込ませていただきました。

先程お伝えしましたパスは間違いでした。
正しくは
/インストールディレクトリ/soycms/pages/Blog/Entry.htmlと/インストールディレクトリ/soycms/webapp/pages/Entry/Detail.html
です。

大変失礼致しました。

あと、文章をよく読んでみると対象のファイルは違っていました。
詳しくは
/インストールディレクトリ/common/site_include/plugin/CustomField/form.html
でした。

Re: カスタムフィールドの表示改善

投稿記事Posted: 2018年5月17日(木) 18:03
by designlog
カスタムフィールドアドバンスドのテンプレを編集したつもりだったのですが、対象ファイルを間違っていたでしょうか?
カスタムフィールドも同アドバンスドもカスタムフィールドリスト表示部分は同じようですので、当該tableのclassを同じ名前にしていただき、タイトル行の各セルを<th>にしていただくと同じように見やすい表示になります。