2016-08-15 10 views
-1

私はここ数週間これをグーグルで探していて何も見つかりませんでした。Magento 2 Bootstrap 3初心者のテーマ

私は基本的にMagento 2用のブートストラップ3の作成済みのスターターテーマか、1つを作成する方法を説明していますが、何週間も検索しても何も見つかりませんでした。

私はトピックに関連するものを見つけることができないので、ここで助けてくれる人はいますか?

答えて

0

基本ブートストラップテーマを作成するためです。ベーステーマから継承しないテーマを作成する必要があります(親テーマはありません)。次に、他のマゼンタテーマのレイアウトフォルダにある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> 
``` 

それはクレイジーに見えるかもしれませんが、それはあなたのテーマはベーステーマを継承する場合に使用するレイアウトの設計図です。

空白のテーマ>ベースのテーマ>私のテーマ。