-1
私はここ数週間これをグーグルで探していて何も見つかりませんでした。Magento 2 Bootstrap 3初心者のテーマ
私は基本的にMagento 2用のブートストラップ3の作成済みのスターターテーマか、1つを作成する方法を説明していますが、何週間も検索しても何も見つかりませんでした。
私はトピックに関連するものを見つけることができないので、ここで助けてくれる人はいますか?
私はここ数週間これをグーグルで探していて何も見つかりませんでした。Magento 2 Bootstrap 3初心者のテーマ
私は基本的にMagento 2用のブートストラップ3の作成済みのスターターテーマか、1つを作成する方法を説明していますが、何週間も検索しても何も見つかりませんでした。
私はトピックに関連するものを見つけることができないので、ここで助けてくれる人はいますか?
基本ブートストラップテーマを作成するためです。ベーステーマから継承しないテーマを作成する必要があります(親テーマはありません)。次に、他のマゼンタテーマのレイアウトフォルダにあるdefaul.xmlを見て、何をすべきかを知ることができます。
以下は、基本テーマが親であるテーマのレイアウトを理解するために行ったxml構造です。
Magento_Theme /レイアウト/ default.xmlの
container = after.body.start -
asdfasd
asasdfsd
container = page.wrapper as page_wrapper
<div class="page-wrapper">
container = global.notices as global_notices before -
<header class="page-header">
<div class="panel wrapper"> first thing and header.panel.wrapper
<div class="panel header"> header.panel
skip_to_content skip.html
store_language
top.links
<block class="Magento\Framework\View\Element\Html\Links" name="top.links">
header
<arguments>
<argument name="css_class" xsi:type="string">header links</argument>
</arguments>
</block>
<block class="Magento\Framework\View\Element\Html\Links" name="header.links">
</div>
</div>
<div class="header content"> header-wrapper
logo
</div>
</header> header.container
container = page.top after header.container
navigation.sections
store.menu
catalog.topnav
store.links
store.settings
store.settings.language
store.settings.currency
container = top.container
<div class="top-container"></div>
breadcrumbs
container = main.content
<main id="maincontent" class="page-main">
container = columns.top (before main columns)
page.main.title -> title.phtml
container = page.messages
<div class="page messages">
ajax.message.placeholder -> html/messages.html
messages -> messages.phtml
</div>
container = columns
<div class="columns">
container = main
<div class="column main">
<container name="content.top" label="Main Content Top"/>
<container name="content" label="Main Content Area"/>
<container name="content.aside" label="Main Content Aside"/>
<container name="content.bottom" label="Main Content Bottom"/>
</div>
</div>
</main>
container = page.bottom.container after main.content
<div class="page-bottom">
<container name="page.bottom" label="Before Page Footer" htmlTag="div" htmlClass="content"/>
</div>
<footer class="page-footer">
<div class="footer content">
store_switcher
footer_links
report.bugs
</div>
</footer> footer-container footer
container = before.body.end after -
absolute_footer -> html/absolute_footer.phtml
copyright
</div>
```
それはクレイジーに見えるかもしれませんが、それはあなたのテーマはベーステーマを継承する場合に使用するレイアウトの設計図です。
空白のテーマ>ベースのテーマ>私のテーマ。