Codeigniter 3.xにSemantic-UI LESSを追加するには

Question

FrontendフレームワークとしてCodeGate 3にSemantic-UIを使用する方法を知りたい。

私はCESSではなくLESSを使用したいと考えています。ありがとう

Answer 1

最初に、LESSは、より保守的でテーマ設定可能で拡張可能なCSSの作成を可能にする機能でCSS言語を拡張するCSSプリコンパイラであることを理解することが重要です。しかし最終的には、ウェブサイト内の他のCSSファイルとまったく同じように使用されるCSSファイルを作成します。

CodeIgniterでは、<link>タグを使用して、他のCSS（またはjavascript）ファイルと同じ方法でSemantic-UIで作成したアセットを使用します。

CSSクラスは、他のCSS定義クラスと全く同じ方法で「ビュー」ファイルで使用されます。たとえば、次のコードではSemantic-UIでスタイル設定されたボタンをCodeIgniterの "view"ファイルに入れます。

<button class="ui button">Follow</button> 

だから、あなたの質問への短い答えは、あなたが同じようにCodeIgniterの中でCSSとJavaScriptを生成する任意の他のフロントエンドフレームワークを意味-UIを使用することです。

Semantic-UIのカスタマイズに必要なツールの使い方は、Stackoverflowの「良い」質問の範囲を超えています。

独自のバージョンのUIをカスタマイズしてビルドしたい場合は、事前に学習を急ぐ必要があります。 Semantic-UIのGetting StartedページとLearn Semanticウェブサイトで学習を始めることができます。

Answer 2

が、私は私のCodeIgniterのベースのアプリケーションのスターターにセマンティックUIの統合を行っている：https://github.com/ivantcholakov/starter-public-edition-4あなたは、開発マシンのNode.js、less.js、postcss/cssnano上でローカルにインストールする必要があり、独自の視覚テーマのコンパイルのために

、彼らはコマンドラインから始めることができるはずです。

設定ファイルplatform/common/config/less_compile.phpを参照してください。独自のビジュアルテーマで定義できます。また、すでに作成されたテーマを見て、共通のセマンティックUIのカスタマイズとテーマ固有のスタイルを追加する方法がわかります。