magento 2でTwitterブートストラップを使用してテーマを開発する方法

8

magento 2のTwitterブートストラップテーマを作成するための段階的な手順や、magento 2の最新リリース用に作成されたスクラッチはありますか？

magento2 theme

— Dev
ソース

2

Magento 2はBootstrapを使用しませんが、テーマコアで独自のLESSとCSSを使用します。pub /ディレクトリの下に配置された他のビューの静的ファイルと一緒にCSSを見つけて公開するパブリッシャーがいます。パブリッシャーは、一部のプリプロセッサーを使用してパブリッシュされるファイルの前処理もサポートします。たとえば、CSSプリプロセッサは、次の2つの独立したプリプロセッサで構成されています。

LESSプリプロセッサー：LESS PHPアダプターと共に、LESSプリプロセッサーはMagentoでLESSを使用できるようにします。CSS URLリゾルバー：これは、発行元を使用してCSSソースファイルにあるリンクを解決し、正しいリンクに置き換えます。主な利点：

LESSを使用すると、ユーザーはテーマをより速く簡単にカスタムできます。LESSプリプロセッサーとCSS URLリゾルバーは、パフォーマンスを向上させ、ページの読み込みを高速化し、システムを検索エンジンとより使いやすくします。

https://www.ubertheme.com/magento-news/11-exciting-features-magento-2/

ただし、テーマでブートストラップを使用する場合。このコードを作成できます。Magento_Theme / layout / default_head_blocks.xmlの下。私はポルトのテーマを使っています。そして、それがポルトがブートストラップを追加した方法です。

私が間違っている場合、そこにいるみんなが私を修正します。しかし、それは私の経験に基づいています。

ありがとう

— 迷路
ソース

Error：Mismatched anonymous define（）module：function（t、e、n）{"use strict"; function i（t、e）{for（var n = 0; n <e.length; n ++）{var i = e [n]; i.enumerable = i.enumerable ||！1、i.configurable =！0、 "value" in i &&（i.writable =！0）、Object.defineProperty（t、 i.key、i）}} function s（t、e、n）{return e && i（t.prototype、e）、n && i（t、n）、t} function r（）{return（r = Object.assign | | function（t）{for（var e = 1; e <arguments.length; e ++）{var n = arguments [e]; for（var i in n）Object.prototype.hasOwnProperty.call（n、i）&& （t [i] = n [i]）} return t}）。apply（this、arguments）} e = e && e.hasOwnProperty（ "default"）？...

— Magecode

ここにスクリーンショットを送って頂けますか？

— MazeStricks

0

Magento 2には、ブートストラップのライトバージョンが組み込まれています。ブートストラップストックの主な応答機能のほとんどを使用できます。.embed-sensitiveのように使用できないものがあると、404エラーが発生することに気づきました。

それ以外では、独自のテーマを作成し、@ MazeStricksの言及のように独自のファイルを追加する必要があります。

— キャリー・ウルフ
ソース

はい、あなたは正しいです@Cary Wolffあなたのその情報をありがとう。

— MazeStricks 2017年