個々のCMSページのMagentoスタイリングのヒント

最近、Magentoの（数年で）開発と保守の長い歴史を持つ店舗サイトが、より頻繁に出会うようになりました。 これらのサイトのほとんどでは、プラグインCSSファイルには、サイトに長期間存在しないページの「スタイル」マークアップが散らばっています。 原則として、これはすべて構造化されておらず、コメントアウトされていません。 このゴミを削除するには多くの時間がかかり、ほとんどの場合、それは単に「殺される」。 時間の経過とともに、このアプローチでは、一部のサイトのCSSファイルは数百キロバイトの巨大なサイズに達します。



CMS Magentoのサイトの開発とサポートに関与しているウェブマスターや他の人々への私のアドバイス：

個々のページの一意のスタイルレイアウトのCSSコードは、CSSファイルに配置しないでください。また、HTMLタグまたはタグに直接スレッド化しないでください。

    
      

        
        
        
      

     
      

        
        
        
      

        CSS           CMS ,    : 
      

        
        
        
      

      
      

        
        
        
      

     
      

        
        
        
      

         Layout Update XML  : 
      

        
        
        
      

     <reference name="head"> <block type="core/text" name="cms-page-css"> <action method="addText"> <text><![CDATA[ <!-- from cms page design --> <style type="text/css"> ...... </style>]]></text> </action> </block> </reference>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     
      

        
        
        
      

           CSS   HTML   .           . 
      

        
        
        
      

     
      

        
        
        
      

       CSS   HTML         ( ),  CSS       ,    CMS    -     CSS .
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     





CSS CMS , :





Layout Update XML :

<reference name="head"> <block type="core/text" name="cms-page-css"> <action method="addText"> <text><![CDATA[ <!-- from cms page design --> <style type="text/css"> ...... </style>]]></text> </action> </block> </reference>





CSS HTML . .



CSS HTML ( ), CSS , CMS - CSS .