OSC2010 Tokyo/Springで使用した資料です。

1. Magento
2010/02/26
Magento-JP User Group
2010 2 26

2. •
•
• Magento
• Twitter@hirokazu_nishi
2010 2 26

3. • Magento
• Magento
• XML
• Block
•
2010 2 26

4. Magento
2010 2 26

5. app code core
community
local
design frontend
adminhtml
etc
locale
lib
js JS
skin frontend
adminhtml
2010 2 26

6. 2010 2 26

7. design frontend default default layout XML
locale
template
foo bar
2010 2 26

8. design frontend default default layout XML
locale
template
foo bar
2010 2 26

9. design frontend default default layout XML
locale
template
foo bar
2010 2 26

10. •
•
2010 2 26

11. Magento
2010 2 26

12. 2010 2 26

13. 2010 2 26

14. 2010 2 26

15. <?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 2 26

16. • if endif
• foreach endforeach
• $this->hogehoge
2010 2 26

17. XML
2010 2 26

18. XML
• XML
•
•
• XML
2010 2 26

19. XML
2010 2 26

20. <?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 2 26

21. • block
• reference
• action
• remove
2010 2 26

22. block
•
•
• <block type=”foo” name=”foo”
template=”foo.phtml” />
2010 2 26

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 2 26

24. reference
• name=”foo”
• <reference name=”foo”>
2010 2 26

25. <?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 2 26

26. action
• block
• block
•
• <action method=”foo”> </
action>
2010 2 26

27. <?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 2 26

28. remove
•
• <remove name=”foo”/>
•
2010 2 26

29. Block
2010 2 26

30. Block
• XML block
• .phtml
• XML public
• XML
2010 2 26

31. Block
<block type="foo/foo" name="foo.foo">
<block type="foo/bar" name="foo.bar" as="bar"/>
</block>
2010 2 26

32. • $this->getChildHtml(‘foo’);
•
2010 2 26

33. • CMS XML
•
2010 2 26

34. • {{block type=”cms/block” block_id=”hoge”
template=”cms/content.phtml”}}
• {{widget type="cms/widget_block"
template="cms/widget/static_block/
default.phtml" block_id="5"}}
2010 2 26

35. • <block type=”cms/block”
name=”hoge” (before|after)=”foo”>
<action method=”setBlockId”>
hoge
</action>
</block>
2010 2 26

36. 2010 2 26

37. • HTML
• JS CSS
•
2010 2 26

38. •
OK
•
• CSS JS
2010 2 26

39. 2010 2 26