Codice dei File di un tema



registration.phpregistra il nuovo tema in Magento


                    

<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::THEME,
'frontend/tema/vista',
__DIR__
);


theme.php

definisce il nome del tema e le dipendenze. Le dipendenze in particolare, attraverso :

<parent>Magento/blank</parent>

Con questa istruzione, il nuovo tema, eredita le proprieta’ dal tema : blank che insieme a Luma è uno dei due temi di default in Magento.


                    

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
<title>tema</title>
<parent>Magento/blank</parent>
<!-- <media>
<preview_image>media/preview.jpg</preview_image>
</media>-->
</theme>


composer.json

definisce le caratteristiche del tema


                    

{
"name": "directory/nomevista",
"description": "Magento theme",
"require": {
"php": "~5.5.0|~5.6.0|~7.0.0",
"magento/theme-frontend-luma": "~100.0",
"magento/framework": "~100.0"
},
"type": "magento2-theme",
"version": "1.0.0",
"license": [
"OSL-3.0",
"AFL-3.0"
],
"autoload": {
"files": [ "registration.php" ]
}
}


default.php

serve per definire il logo iniziale del tema :logo.png L’immagine che sarà il logo del tema, visibile nel top a sinistra del tema. E’ posto nella cartella : Magento_Theme>web>images


                    


<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="logo">
<arguments>
<argument name="logo_file" xsi:type="string">Magento_Theme/images/logo.png</argument>
<argument name="logo_img_width" xsi:type="number">90</argument>
<argument name="logo_img_height" xsi:type="number">120</argument>
</arguments>
</referenceBlock>
</body>
</page>


default_head_blocks

collega i file nella sezione head

  • Bootstrap.css
  • Style.css
  • Bootstrap.js

                    

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<css src="css/bootstrap.css" order="99"></css>
<css src="css/style.css" order="100"/>
<script src="js/bootstrap.js"></script>
</head>
</page>