新しいMagentoテーマを作成する方法

前書き

Magentoは広く使用されているeコマースプラットフォームであり、ストアのカスタマイズ性をサポートする並外れた機能を提供します。ただし、このパッケージには多くの印象的な機能が備わっていますが、欠点が1つあります。 Magentoが提供するデフォルトのテーマは、BlankとLumaの2つだけです。 Magentoをインストールすると、Lumaがデフォルトのフロントエンドテーマとして表示されます.


上品なテーマを実装する場合は、デフォルトのテーマを直接編集することはお勧めしません。これは、ストアのパフォーマンスとメンテナンスに影響を与えるためです。最良のオプションは、顧客を引き付け、戻ってくるように傾ける新しいテーマを作成することです.

このチュートリアルは、Magento 2で新しいカスタムテーマを作成してインストールするのに役立ちます.

前提条件

アプリケーションを正常にインストールするには、Magento 2がインストールされているものとします。.

上記の条件が満たされている場合は、インストールを続行できます.

ステップ1-テーマディレクトリの作成

Magento 2でカスタムテーマを作成するときの最初のステップは、テーマディレクトリを作成することです。 Magento 2のテーマディレクトリは次の場所にあります app / design / frontend. に行く Cpanel > ファイルマネージャー > Public_html >マゼント

を開く アプリ フォルダを探して、 設計 フォルダ.

を開く 設計フォルダー に新しいディレクトリを作成します フロントエンドフォルダー. ディレクトリに名前を付ける HostAdvice.

次に、タイトルのテーマディレクトリを作成します。 MyTheme このフォルダ内.

それでおしまい!テーマディレクトリが正常に作成されました.

ステップ2-テーマの宣言

必要なテーマディレクトリを作成したら、次に theme.xml ディレクトリ内のファイル app / design / frontend / HostAdvice / Mytheme. 以下のコードをコピーしてファイルに貼り付けます。

神話
マゼント/ブランク

media / preview.jpg

ステップ3-テーマの登録

ディレクトリ内 app / design / frontend / HostAdvice / Mytheme, 作成する registration.php ファイル。以下のコードをコピーしてファイルに貼り付けます.

<?php
\ Magento \ Framework \ Component \ ComponentRegistrar :: register(
\ Magento \ Framework \ Component \ ComponentRegistrar :: THEME、 ‘frontend / HostAdvice / Mytheme’、__DIR__
);

ステップ4-プレビュー画像のアップロード

これでテーマが登録されました。次に、プレビュー画像をアップロードします。このディレクトリに移動します app / design / frontend / HostAdvice / Mytheme / media プレビュー画像を.jpg形式でアップロードします.

ステップ5-テーマロゴの宣言

テーマのロゴを宣言するには、 app / design / frontend / HostAdvice / Mytheme / Magento_Theme / layout そして作成する default.xml ファイル.

以下のコードをコピーして、 default.xml.

ステップ6-テーマロゴのアップロード

に行く app / design / frontend / HostAdvice / Mytheme / web / images 好みのロゴ画像を.png形式でアップロードします.

それで全部です!これで新しいカスタムテーマをアップロードできます.

ステップ7-テーマの適用

テーマを構成する前に、潜在的な問題を排除するために、キャッシュをアップグレードしてフラッシュする必要があります.

キャッシュをアップグレードするには、次のコマンドを実行します。

#php bin / magento setup:upgrade

次に、以下のコマンドを実行してキャッシュをフラッシュします。

#php bin / magento cache:flush

Magento 2ストアの管理エリアにログインします。クリック コンテンツ そして選択 テーマ.

クリック 編集する,

選択する MyTheme 利用可能なオプションからクリックして 設定を保存.

次に、SSHターミナルを開き、Magento 2のルートディレクトリにアクセスします。以下のコマンドを1つずつ実行します

#rmr -rf var / di / * var / generation / * var / cache / * var / log / * var / page_cache / * var / session / * var / view_preprocessed / * pub / static / *

#php bin / magento setup:upgrade
1
#php bin / magento setup:upgrade

#php bin / magento setup:db-schema:upgrade
1
#php bin / magento setup:db-schema:upgrade

#php bin / magento setup:di:compile
1
#php bin / magento setup:di:compile

#php bin / magento setup:static-content:deploy
1
#php bin / magento setup:static-content:deploy

#php bin / magento indexer:reindex
1
#php bin / magento indexer:reindex

#php bin / magento cache:clean
1
#php bin / magento cache:clean

#php bin / magento cache:flush
1
#php bin / magento cache:flush

完了したら、Magentoストアのホームページを開きます。ページに新しいカスタムテーマが表示されます.

結論

それでおしまい!新しいカスタムテーマが正常に作成され、Magentoストアに適用されました。これにより、デフォルトのMagentoテーマを編集できなくなり、コアファイルの変更によって発生する可能性のある問題を回避できます。.

これらの上位3つのMagentoホスティングサービスを確認してください。

FastComet

開始価格:
$ 2.95


信頼性
9.7


価格
9.5


使いやすい
9.7


サポート
9.7


特徴
9.6

レビューを読む

FastCometにアクセス

A2ホスティング

開始価格:
$ 3.92


信頼性
9.3


価格
9.0


使いやすい
9.3


サポート
9.3


特徴
9.3

レビューを読む

A2 Hostingにアクセス

ScalaHosting

開始価格:
$ 4.95


信頼性
9.4


価格
9.5


使いやすい
9.5


サポート
9.5


特徴
9.4

レビューを読む

ScalaHostingにアクセス

関連するハウツー記事

  • Magento 2でメールを送信する方法?
    中間
  • Magento 2でカスタムウィジェットを作成する方法
    中間
  • Google AdwordsとGoogle AnalyticsをMagentoと統合する方法?
    中間
  • Magento 2でバンドル製品を作成する方法
    中間
  • Magento 2でサイトマップを設定する方法
    中間
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me