• こんにちは

    CDBTは、大変使い勝手の良いプラグインなので、
    ありがたく使わせて頂こうと思っているのですが、
    どうしても自分で直せないので、教えて下さい。

    bootstrap3でオリジナルのテーマを作っており、
    基本カスタマイズ通りの表示がなされます。
    ・bootstrap.css
    ・bootstrap.min.css
    当然、双方のcssにリンクがついています。

    ところが、CDBTのショートコードをつけたページでは、
    CDBTのbootstrapのcssを、先に読み込んでいるためなのか、
    せっかくのカスタマイズがなし崩しになります。
    (せっかく変えたnavibarの色が、白からグレーに戻る。
    sectionのpaddingも初期値になるなど、
    bootstrap本来の色形に戻ってしまいます)

    1)上記の対策はあるでしょうか。
    また、
    2)datepickerも、管理画面は、Fuel UXのものなのに、
     野暮ったいかんじのものになります。
     ・cdbt-fuelux-style-css
     ・cdbt-main-style-css  、ほかjsファイルも
     ちゃんと読み込まれています。
     管理画面から直せないのでしょうか。

    3)おなじく、datepickerの年月日表示に関して、
     CDBTもWordpressも「Y年n月j日 g:i A」
     で設定していますが、 
     MacのSafariやFirefoxで「08/03/2016」と
     表示されます。
     プラグイン設定の「読み込みリソース」等は、
     いじっておらず、そのままです。
     対策はあるでしょうか。

    よろしくお願いします。

    https://wordpress.org/plugins/custom-database-tables/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author ka2

    (@ka2)

    お問合せありがとうございます。

    下記、ご質問の順に返答させていただきます。

    > 1)上記の対策はあるでしょうか。

    次の手順に沿ってフィルターフックを追加してみてください。

    1. プラグイン設定 -> 一般設定 -> 読み込みリソース の設定項目にて、フロントエンド画面のリソースにチェックをすべて入れます(デフォルトのまま)。
    2. テーマのfunctions.php等に下記のフィルターフックを追加します。

    function my_custom_assets( $assets ) {
      $assets['styles']['bootstrap-style'] = array( 'あなたのカスタマイズしたCSSファイルのパス', ['cdbt-main-style'], '', 'all' );
      return $assets;
    }
    add_filter( 'cdbt_assets', 'my_custom_assets' );

    もし管理画面にもカスタムCSSを適応したい場合は、

    add_filter( 'cdbt_admin_assets', 'my_custom_assets' );

    も追加してください。
    これで、ユーザー定義のスタイルシートが一番最後に読み込まれるようになるので、スタイル定義がオーバーライドされます。

    なお、フィルターフック「cdbt_assets」を使うことで、読み込みリソースの読み込み順序や依存関係等をフルカスタマイズすることが可能です。

    > 2)datepickerも、管理画面は、Fuel UXのものなのに、
    >  野暮ったいかんじのものになります。

    datepickerのスタイルはcdbt-fuelux-style-cssで定義されていて、スタイルシートの依存関係は下記のようになっています。

    * cdbt-fuelux-style-css
    └ cdbt-main-style-css (内部でbootstrap、fontawesome、プラグイン用のカスタムスタイルがマージされています)

    そのため、前述の1)の対応を行うと、この依存関係の後にあなたのカスタムスタイルが適応されます。もしあなたのカスタムスタイルのセレクタにdatepickerのスタイル用のセレクタが重複定義されていなければ、管理画面と同様にFuelUXスタイルのdatapickerが表示されると思います。

    > 3)おなじく、datepickerの年月日表示に関して、

    datepickerの日付表示はJavaScriptライブラリ「moment.js」に依存していて、プラグイン設定の「日時の表示書式」の影響を受けないため、申し訳ありませんが、現状は仕様です。
    datepickerの日付表示の書式変更ができるかどうか調査して、もし可能であれば次のバージョン等で機能追加してみます。

    以上、試してみてください。

    Thread Starter rungo440

    (@rungo440)

    素早い対応をありがとうございました!

    1)教えて頂いたフィルターフックで、無事に元通りの表示になりました。
    ありがとうございます!よかったです。

    3)こちらは、結果表示はきちんと年月日になっていますし、
    入力フォームに注釈をつけることにしました。ありがとうございます。
     
    2)に関しては、あいかわらずで、
    ・/assets/styles/fuelux.css?ver=3.13.1
    ・/assets/styles/cdbt-main.css?ver=2.1.33’  が、
    テーマの/style.cssのすぐ上に読み込まれています。

    >プラグイン用のカスタムスタイル  とは、
    これらのことだと思うのですが、いかがでしょうか。

    重複設定に関しては、menu関連をカスタマイズしていて、
    その他は、独自設定名です。
    試しに、menu関連部分を消去して表示してみましたが、
    最初から全く同じ状態で、変わりません。

    ちなみに、Windowsで試してみましたが、同じく変なままでした、

    諦めるしかないのでしょうか… (>_<、)

    Plugin Author ka2

    (@ka2)

    2) について、症状が発生しているページのURLを教えていただけたりしますか?
    どのような状況なのか確認してみたいです。

    もしURLの開示がこのフォーラム上では都合が悪い場合、support@ka2.orgまでメールいただいても構いません。

    ご検討いただけると幸いです。

    Thread Starter rungo440

    (@rungo440)

    登録者のみが登録・閲覧できるサイトとして、制作していたため、
    URLの開示ができず、個別対応して頂き、
    大変丁寧にいろいろ教えて頂きました。

    ご親切に、いろいろありがとうございました!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘bootstrap css’ is closed to new replies.