Magento 2のカスタムCSSファイルには、

が含まれています。私はMagentoで新しくMagentoの最新バージョンを使用しています。 2.2.0。Magento 2のカスタムCSSファイルには、

私はウェブサイトで呼び出す必要がある私のカスタムCSSファイルを持っていますが、問題は私がそのCSSファイルを保持する場所やそのファイルを呼び出す方法を知らないということです。

どこにCSSを置くのですか。どのように使用しますか？

2017-11-08 Ayaz

ドキュメントはそれに答えることができます。ここをクリックしてください：http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css-themes.htmlここで

は、それからの抜粋です：

これを行うための推奨される方法は、あなたのテーマでextending default_head_blocks.xmlを追加し、このファイルに必要なスタイルシートを含めています。

カスタムdefault_head_blocks.xmlは、 <theme_dir>/Magento_Theme/layout/default_head_blocks.xmlのように配置する必要があります。 CSSファイルを含めるには、<css src="<path>/<file>" media="print|<option>"/> ブロックをレイアウトファイルの<head>セクションに追加します。 <path>は、例えば、テーマのWebディレクトリ（/ウェブ）に対して指定され、以下のは、スタイルシートがデフォルトブランクのテーマに含まれている方法を示しています。

<Magento_Blank_theme_dir>/Magento_Theme/layout/default_head_blocks.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> 
    <head> 
     <css src="css/styles-m.css" /> 
     <css src="css/styles-l.css" media="screen and (min-width: 768px)"/> 
     <css src="css/print.css" media="print" /> 
    </head> 
</page>

を使用している場合Lumaテーマを直接編集することもできますが、それを拡張してCSSを追加する独自のテーマを作成することをお勧めします。ここをクリックしてください：http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create.html

出典

2017-11-08 15:07:41 Joe

私はこれに直面しているもう1つの問題は、JSとjqueryで同じです。どこにインクルードし、どのように呼び出すか – Ayaz

'/Magento_Theme /'はjsファイルをインクルードする方法も示しています。 jsファイルを 'web/js'に入れ、' requirejs-config.js'でそれらを参照する必要があります。その後、RequireJSを介してロードされます（ソースにjsインクルードが表示されません）。 – Joe

これを行うための完全な手順を教えてください。 – Ayaz

Magento 2のカスタムCSSファイルには、

答えて

関連する問題