ให้เราสร้างธีมลูกเพื่อธีมที่กำหนดเองทั้งหมดของเราใน Magento 2 ไปที่นี่:
app / ออกแบบ / ส่วนหน้า / company_name / THEME_NAME
ให้เราสมมติว่าชื่อ บริษัท ของเราคือ บริษัท ของฉันและชื่อธีมของเรานั้นเป็นพื้นฐาน เราจำเป็นต้องสร้างโครงสร้างไดเรกทอรีต่อไปนี้สำหรับธีมของเรา:
app
└────design
└──────frontend
└──mycompany
└───basic
└──etc
└──Magento_Theme
│ └─layout
│ default.xml
└──media
│ preview.png
└──web
│ └─css
│ └─fonts
│ └─images
│ └─js
│ theme.xml
│ registration.php
บริษัท ของฉัน :-
ชื่อของแพ็คเกจธีม
พื้นฐาน: -
ชื่อของธีม เราสามารถมีชุดรูปแบบที่มีชื่อหลายชุดในโฟลเดอร์ mycompany
etc / view.xml: -
ไฟล์นี้ใช้เพื่อระบุขนาดภาพผลิตภัณฑ์, ภาพขนาดย่อ ฯลฯ
Magento_Theme: -
ไดเร็กทอรีนี้ใช้เพื่อแทนที่ไฟล์ธีมของ Magento ที่มีอยู่
Magento_Theme / layout / default.xml: -
ตามค่าเริ่มต้น Magento2 ถือว่าไฟล์โลโก้ของธีมของคุณควรเป็น: /web/media/logo.svg
หากคุณต้องการไฟล์อื่นสำหรับโลโก้คุณต้องประกาศในdefault.xmlไฟล์
ไฟล์นี้ยังใช้เพื่อแทนที่การตั้งค่าของธีมเริ่มต้น
media / preview.png: -
ตัวอย่างของธีมปัจจุบัน
เว็บ: -
ไดเรกทอรีนี้มีข้อมูลคงที่ของชุดรูปแบบเช่นรูปภาพสไตล์จาวาสคริปต์แบบอักษร ฯลฯ
registration.php: -
ไฟล์นี้จะต้องลงทะเบียนชุดรูปแบบของเรากับระบบ Magento2
theme.xml: -
นี่เป็นไฟล์บังคับที่กำหนดชื่อธีมของเราพาเรนท์และรูปภาพตัวอย่างของธีมที่เป็นทางเลือก
การสร้างไฟล์ธีม
ให้เราสร้างไฟล์ของเราทีละไฟล์
theme.xml (แอพ / ออกแบบ / ส่วนหน้า / mycompany / basic / 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_image>media/preview.jpg</preview_image> <!-- theme's preview image -->
</media>
</theme>
register.php (แอพ / ออกแบบ / ส่วนหน้า / mycompany / พื้นฐาน / registration.php)
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::THEME,
'frontend/mycompany/basic',
__DIR__
);
default.xml (แอพ / ออกแบบ / ส่วนหน้า / mycompany / พื้นฐาน / 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">images/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>
เมื่อมาถึงจุดนี้ชุดรูปแบบของเราพร้อม ล้างแคชของคุณและเราจะเลือกชุดรูปแบบใหม่ของเราจากผู้ดูแลระบบ
ตอนนี้เข้าสู่ระบบเพื่อดูแลและย้ายไปที่เส้นทางต่อไปนี้:
Content -> Design -> Themes
คุณควรเห็นชุดรูปแบบของคุณอยู่ในรายการ
ตอนนี้ไปที่:
Stores -> Configuration -> Design
เลือกเว็บไซต์หลักหน้ามุมมองร้านค้าที่ด้านซ้ายบน ตอนนี้คลิก
Desgin -> Design Theme
ยกเลิกการเลือกช่องทำเครื่องหมายเริ่มต้นและเลือกธีมของคุณ คลิกบันทึกการกำหนดค่าล้างแคชของคุณและชุดรูปแบบใหม่ของคุณพร้อม ตรวจสอบหน้าแรกของคุณ
สำหรับรายละเอียดเพิ่มเติมดูที่นี่