您好,登錄后才能下訂單哦!
讓我們的孩子創(chuàng)造一個(gè)主題,我們所有的自定義主題在Magento 2去這里:
應(yīng)用程序/設(shè)計(jì)/開(kāi)發(fā)/ company_name / theme_name
讓我們假設(shè),我們公司的名稱是公司和我們的主題名稱是基本。我們需要?jiǎng)?chuàng)建以下主題目錄結(jié)構(gòu):
<app> <design> <frontend> <mycompany> <basic> <etc> <Magento_Theme> <layout> default.xml <media> preview.png <web> <css> <fonts> <p_w_picpaths> <js> theme.xml registration.php
我的公司:—
名稱的主題包
<strong>基本</strong>的主題的名稱。我們可以有多個(gè)命名的主題在我的文件夾。
等view.xml:—
此文件用于指定產(chǎn)品的圖像尺寸,縮略圖等
<strong>magento_theme:</strong>這個(gè)目錄是用來(lái)覆蓋現(xiàn)有的Magento的主題文件。
magento_theme /布局/ default.xml:—默認(rèn)情況下magento2假定你的主題徽標(biāo)文件應(yīng)該是:/網(wǎng)絡(luò)/媒體/臺(tái)
如果你需要一些其他的文件為標(biāo)志,然后你必須聲明它default.xml
文件
該文件還用于重寫默認(rèn)主題的設(shè)置。
<strong>媒體/ preview.png:</strong>-預(yù)覽當(dāng)前主題。
<strong>網(wǎng)絡(luò):</strong>這個(gè)目錄包含所有主題的靜態(tài)數(shù)據(jù),如圖像、樣式、JavaScript、字體等。
<strong>registration.php:</strong>該文件需要注冊(cè)我們的主題magento2系統(tǒng)。
<strong>theme.xml:</strong>-這是一個(gè)強(qiáng)制性文件,定義了我們的主題名稱,其母和可選的主題的預(yù)覽圖像。
創(chuàng)建主題文件
讓我們現(xiàn)在創(chuàng)造我們的文件一個(gè)接一個(gè)。
theme.xml(應(yīng)用程序/設(shè)計(jì)/開(kāi)發(fā)/公司/基本/ theme.xml)
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd"> <title>Basic</title> <!-- your theme's name --> <parent>Magento/blank</parent> <!-- the parent theme --> <media> <preview_p_w_picpath>media/preview.jpg</preview_p_w_picpath> <!-- theme's preview p_w_picpath --> </media> </theme>
registration.php(應(yīng)用程序/設(shè)計(jì)/開(kāi)發(fā)/公司/基本/ registration.php)
<?php \Magento\Framework\Component\ComponentRegistrar::register( \Magento\Framework\Component\ComponentRegistrar::THEME, 'frontend/mycompany/basic', __DIR__ );
default.xml(應(yīng)用程序/設(shè)計(jì)/開(kāi)發(fā)/公司/基本/ magento_theme /布局/ default.xml)
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <body> <referenceBlock name="logo"> <arguments> <argument name="logo_file" xsi:type="string">p_w_picpaths/my_logo.png</argument> <argument name="logo_img_width" xsi:type="number">200</argument> <argument name="logo_img_height" xsi:type="number">200</argument> </arguments> </referenceBlock> </body> </page>
在這一點(diǎn)上,我們的主題是準(zhǔn)備。清除緩存,我們將選擇我們從管理的新主題。
現(xiàn)在,以下路徑admin登錄和移動(dòng):
內(nèi)容->設(shè)計(jì)->主題
你應(yīng)該看到你的主題上市。
現(xiàn)在去:
商店->配置->設(shè)計(jì)
選擇左上方的商店前視圖主要網(wǎng)站?,F(xiàn)在點(diǎn)擊
設(shè)計(jì)->設(shè)計(jì)主題
取消使用默認(rèn)的復(fù)選框,選擇你的主題。點(diǎn)擊保存配置,清空你的緩存,你的新主題的準(zhǔn)備。檢查您的主頁(yè)。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。