Magento


                                     2010/03/13
                          Magento-JP User Group




2010   3   14
•
                • Magento
                • Twitter@hirokazu_nishi


2010   3   14
•   Magento

                •   Magento

                •             XML

                •   Block
                •
 ...
Magento




2010   3   14
app   code        core
                                  community
                                  local
               ...
2010   3   14
design frontend default default layout     XML




                                                locale



             ...
design frontend default default layout     XML




                                                locale



             ...
design frontend default default layout     XML




                                                locale



             ...
Magento




2010   3   14
•
                •
                •


2010   3   14
-Scalena News-


2010   3   14
<?php $collection = $this->getItems(3); ?>
  <?php if ( count($collection) == 0 ) : ?>
  	

  <p><?php echo $this->__('No ...
• if      endif;

                • foreach        endforeach;

                • $this->hogehoge
                •       ...
•
                •   XML




2010   3   14
• page
                 •
                 •


2010   3   14
XML



2010   3   14
XML
                •               XML

                •
                •

                •   XML



2010   3   14
2010   3   14
2010   3   14
XML




2010   3   14
XML
                -Scalena News-


2010   3   14
<?xml version="1.0"?>
       <layout version="0.1.0">
       ! <default>
       ! ! <!--
       ! ! <reference name="right...
•   block
                •   reference
                •   action
                •   remove

2010   3   14
block

                •
                    •
                    • <block type=”foo” name=”foo”
                      te...
<?xml version="1.0"?>
       <layout version="0.1.0">
       ! <default>
       ! ! <!--
       ! ! <reference name="right...
reference


                • name=”foo”
                 • <reference name=”foo”>


2010   3   14
<?xml version="1.0"?>
       <layout version="0.1.0">
       ! <default>
       ! ! <!--
       ! ! <reference name="right...
action

                • block
                • block
                 •
                • <action method=”foo”>   </
  ...
<?xml version="1.0"?>
       <layout version="0.1.0">
       ! <default>
       ! ! <!--
       ! ! <reference name="right...
remove

                •
                • <remove name=”foo”/>
                •


2010   3   14
•   CMS

                •
                •

                •         XML


2010   3   14
Block



2010   3   14
Block
                •    XML       block



                •          .phtml

                •    XML       public



...
Block
       <block type="foo/foo" name="foo.foo">

                <block type="foo/bar" name="foo.bar" as="bar"/>




  ...
• $this->getChildHtml(‘foo’);
                •


2010   3   14
•   Mage_Core_Model_Layout
                    createBlock



                •   core            grep

                • ...
• CMS        XML



                •
                • Free_CMS


2010   3   14
• 1.3
                  {{block type=”cms/block” block_id=”hoge”
                  template=”cms/content.phtml”}}
        ...
• <block type=”cms/block”
                  name=”hoge” (before|after)=”foo”>
                    <action method=”setBlock...
2010   3   14
•   HTML

                •   JS   CSS

                •



2010   3   14
•
                          OK

                •

                •   CSS        JS


2010   3   14
Tips



2010   3   14
<remove name=”breadcrumbs” />
            <reference name=”breadcrumbs”>
                <action method=”addCrumnb”>
     ...
<reference name=”top.links”>
               <action method=”addLink” translate=”label title” module=”customer”>
          ...
2010   3   14
Upcoming SlideShare
Loading in...5
×

Magento20100313

1,912

Published on

OSC2010Kansai@Kobeで使用したMagentoのデザインカスタマイズ資料です

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,912
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
28
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Magento20100313

  1. 1. Magento 2010/03/13 Magento-JP User Group 2010 3 14
  2. 2. • • Magento • Twitter@hirokazu_nishi 2010 3 14
  3. 3. • Magento • Magento • XML • Block • • Tips 2010 3 14
  4. 4. Magento 2010 3 14
  5. 5. app code core community local design frontend adminhtml etc locale lib js javascript skin frontend adminhtml 2010 3 14
  6. 6. 2010 3 14
  7. 7. design frontend default default layout XML locale template foo bar 2010 3 14
  8. 8. design frontend default default layout XML locale template foo bar 2010 3 14
  9. 9. design frontend default default layout XML locale template foo bar 2010 3 14
  10. 10. Magento 2010 3 14
  11. 11. • • • 2010 3 14
  12. 12. -Scalena News- 2010 3 14
  13. 13. <?php $collection = $this->getItems(3); ?> <?php if ( count($collection) == 0 ) : ?> <p><?php echo $this->__('No news yet...'); ?></p> <?php else : ?> <dl> <?php foreach ( $collection as $_item ) : ?> <dt><a href="<?php echo Mage::helper('snews')->getUrl($_item['identifier']); ?>"><?php echo $_item['title']; ?></a></dt> <dd><?php echo $_item['date']; ?></dd> <dd> <?php if ( Mage::helper('snews')->getListLimitDescription() == 0 || strlen($_item ['description']) < Mage::helper('snews')->getListLimitDescription() ) : ?> <?php echo $_item['description']; ?> <?php else : ?> <?php echo substr($_item['description'], 0, Mage::helper('snews')- >getListLimitDescription()); ?>... <?php endif; ?> </dd> <dd><a href="<?php echo Mage::helper('snews')->getUrl($_item['identifier']); ?>"><?php echo $this->__('Learn more...'); ?></a></dd> <?php endforeach; ?> </dl> <?php endif; ?> 2010 3 14
  14. 14. • if endif; • foreach endforeach; • $this->hogehoge • PHP 2010 3 14
  15. 15. • • XML 2010 3 14
  16. 16. • page • • 2010 3 14
  17. 17. XML 2010 3 14
  18. 18. XML • XML • • • XML 2010 3 14
  19. 19. 2010 3 14
  20. 20. 2010 3 14
  21. 21. XML 2010 3 14
  22. 22. XML -Scalena News- 2010 3 14
  23. 23. <?xml version="1.0"?> <layout version="0.1.0"> ! <default> ! ! <!-- ! ! <reference name="right"> ! ! ! <block type="snews/block" name="snews.block" as="newsBlock" template="scalena/ news/block.phtml"/> ! ! </reference> ! ! --> ! </default> ! <snews_index_index> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/items" name="snews.news" template="scalena/news/ news.phtml"> ! <block type="snews/pagination" name="snews.pagination" as="pagination" template="scalena/news/pagination.phtml"/> </block> </reference> </snews_index_index> <snews_index_view> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/item" name="snews.detail" template="scalena/news/news- detail.phtml" /> </reference> </snews_index_view> </layout> 2010 3 14
  24. 24. • block • reference • action • remove 2010 3 14
  25. 25. block • • • <block type=”foo” name=”foo” template=”foo.phtml” /> 2010 3 14
  26. 26. <?xml version="1.0"?> <layout version="0.1.0"> ! <default> ! ! <!-- ! ! <reference name="right"> ! ! ! <block type="snews/block" name="snews.block" as="newsBlock" template="scalena/ news/block.phtml"/> ! ! </reference> ! ! --> ! </default> ! <snews_index_index> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/items" name="snews.news" template="scalena/news/ news.phtml"> ! <block type="snews/pagination" name="snews.pagination" as="pagination" template="scalena/news/pagination.phtml"/> </block> </reference> </snews_index_index> <snews_index_view> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/item" name="snews.detail" template="scalena/news/news- detail.phtml" /> </reference> </snews_index_view> </layout> 2010 3 14
  27. 27. reference • name=”foo” • <reference name=”foo”> 2010 3 14
  28. 28. <?xml version="1.0"?> <layout version="0.1.0"> ! <default> ! ! <!-- ! ! <reference name="right"> ! ! ! <block type="snews/block" name="snews.block" as="newsBlock" template="scalena/ news/block.phtml"/> ! ! </reference> ! ! --> ! </default> ! <snews_index_index> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/items" name="snews.news" template="scalena/news/ news.phtml"> ! <block type="snews/pagination" name="snews.pagination" as="pagination" template="scalena/news/pagination.phtml"/> </block> </reference> </snews_index_index> <snews_index_view> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/item" name="snews.detail" template="scalena/news/news- detail.phtml" /> </reference> </snews_index_view> </layout> 2010 3 14
  29. 29. action • block • block • • <action method=”foo”> </ action> 2010 3 14
  30. 30. <?xml version="1.0"?> <layout version="0.1.0"> ! <default> ! ! <!-- ! ! <reference name="right"> ! ! ! <block type="snews/block" name="snews.block" as="newsBlock" template="scalena/ news/block.phtml"/> ! ! </reference> ! ! --> ! </default> ! <snews_index_index> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/items" name="snews.news" template="scalena/news/ news.phtml"> ! <block type="snews/pagination" name="snews.pagination" as="pagination" template="scalena/news/pagination.phtml"/> </block> </reference> </snews_index_index> <snews_index_view> <reference name="root"> <action method="setTemplate"><template>page/2columns-right.phtml</ template></action> </reference> <reference name="content"> <block type="snews/item" name="snews.detail" template="scalena/news/news- detail.phtml" /> </reference> </snews_index_view> </layout> 2010 3 14
  31. 31. remove • • <remove name=”foo”/> • 2010 3 14
  32. 32. • CMS • • • XML 2010 3 14
  33. 33. Block 2010 3 14
  34. 34. Block • XML block • .phtml • XML public • XML 2010 3 14
  35. 35. Block <block type="foo/foo" name="foo.foo"> <block type="foo/bar" name="foo.bar" as="bar"/> </block> 2010 3 14
  36. 36. • $this->getChildHtml(‘foo’); • 2010 3 14
  37. 37. • Mage_Core_Model_Layout createBlock • core grep • XML 2010 3 14
  38. 38. • CMS XML • • Free_CMS 2010 3 14
  39. 39. • 1.3 {{block type=”cms/block” block_id=”hoge” template=”cms/content.phtml”}} • 1.4 {{widget type="cms/widget_block" template="cms/widget/static_block/ default.phtml" block_id="5"}} 2010 3 14
  40. 40. • <block type=”cms/block” name=”hoge” (before|after)=”foo”> <action method=”setBlockId”> hoge </action> </block> 2010 3 14
  41. 41. 2010 3 14
  42. 42. • HTML • JS CSS • 2010 3 14
  43. 43. • OK • • CSS JS 2010 3 14
  44. 44. Tips 2010 3 14
  45. 45. <remove name=”breadcrumbs” /> <reference name=”breadcrumbs”> <action method=”addCrumnb”> <label>home</label> <params> <label>home</label> <title> </title> <link>home</link> <first>true</first> </params> </action> <action method=”addCrumnb”> <label>foofoo</label> <params> <label> </label> <title> </title> <link/> <last>true</last> </params> </action> </reference> 2010 3 14
  46. 46. <reference name=”top.links”> <action method=”addLink” translate=”label title” module=”customer”> <label> </label> <url>/hogehoge</url> <title> </title> <prepare/> <urlParams/> <position>90</position> </action> <action method=”addLink” translate=”label title” module=”customer”> <label> </label> <url>/fugefuge</url> <title> </title> <prepare/> <urlParams/> <position>100</position> </action> </reference> 2010 3 14
  47. 47. 2010 3 14
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×