, magento ontwerper: 4, 5,,,,,,,,,,, delen, delen van,,,,,, het netwerk van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks bekend als een deel van magento ontwerper. Magento ontwerper: ontwerper: 5, deel 3magento magento is een zeer krachtig platform voor elektronische handel.Het is een mini - leren we hoe we begonnen met het platform van de terminologie, de oprichting van een winkel, en alle relevante aspecten van het leren aanpassen, en ten slotte dat zelf, in het vierde deel, het zal de basis leggen voor onze betreft, zullen we de gebouwen volledig opnieuw beginnen.Opgewonden?Oké, laten we beginnen.De volledige reeks,,,,, - Deel 1: de installatie en de instellingen, deel 2: producten, de belasting, de categorie, de poort van de thema 's, deel 3, deel 4: bouw betreft, de producten - Deel 5: pagina' s informatie, snel een herziening, in het laatste deel, hebben we geleerd van je magento winkel de voorbereidingen voor de invoering van een installatie met inbegrip van hoe je product categorieën, belastingen, vervoer, de poort en nog veel meer.We sloeg de magento betreft.We leren in de magento betreft het verschillende termen, achter de fundamentele structuur, een van de thema 's van onze thema' s doelstellingen.,,, bouwen we de doelstelling van dit thema is heel eenvoudig: de oprichting van een magento te begrijpen hoe de thema 's.Met dit idee, ik zal zoveel mogelijk vast te houden aan dit thema.En alles, maar de fundamentele functies van kale, geen beeld dan die van het produkt en het imago van de kolom, mark, om de eenvoudige visuele, we vandaag de opbouw van wat?De code is, als gevolg van het gebruik van magento wordpress mensen zeer ingewikkeld is, zullen we heel langzaam.Vandaag zullen we de oprichting van een centraal deel van onze thema 's in het oog, in elk kader gebruikt.Ik zei dat de algemene beginselen van het proces, zodat we in de toekomst in het kader van de voor elke afzonderlijke standpunten te bewegen, de bron van documenten, met inbegrip van de voor - en achterkant, met inbegrip van, maar probeer niet te gebruiken.We zullen alleen de kern en de definitie van de definitie, niet worden weergegeven, laat zien hoe het moet en de inhoud zal worden waar het vandaan komt.Dus, als je wil dit nu, zie je een hoop onzin omdat magento trekken van de thema 's die we zien, de vernietiging van alle ontbrekende documenten.Dus mijn voorstel is dat, in afwachting van een fundamentele model, de modellen zijn zo.We hebben een universele teken met een eenvoudige gebruikers toegang tot de menu 's wens voor eigen rekening, samen met het voertuig dat op z' n plaats of annulering, hier hebben we een instrument met broodkruimels, laten weten dat de gebruiker de context van de website.We laten de gebruikers door het zoeken naar onze winkel in de inhoud van de door het zoeken naar rechts, is leeg, omdat de inhoud ervan kan variëren, afhankelijk van het standpunt van magento is geladen.Dus we houden het leeg is nu na een behandeling, we elke afzonderlijke pagina 's, de meter is een link naar de fouten en de informatie vrij algemeen.,, stap 1: //europa.eu.int /comm /, laten we eerst eens kijken naar het skelet van de thema' s: //europa.eu.int /comm /.Ik veronderstel dat je vrij vloeiend: //europa.eu.int /comm /en CSS, dus ik spring in de meer belangrijke deel. <.- Remus.:) - > <.DOCTYPE html> <html lang="en-GB"> <head> <title>Cirrus - Magento Theme</title> <link rel="stylesheet" href="css/cirrus.css" /> </head> <body> <div id="wrapper" class="border"> <div id="header"> <div id="logo"><img src="images/logo.gif" /></div> <div id="hud"> <h3>Welcome, Sid</h3> <ul class="links"> <li><a href="#" title="My Account">My Account</a></li> <li ><a href="#" title="My Wish list">My Wish list</a></li> <li ><a href="#" title="My Cart">My Cart</a></li> <li ><a href="#" title="Checkout"&gT; Checkout< /a> < /li> < li> < a: /&#"titel:" log out "> log Out< /a> < /li> < /ul> < /div> < /div> < div =" Voorzieningen "> < die breadcrumbs =" "> home » toestand van de Fear< /div> < div =" header-search "> - = < de tekst" = "grens" () "naar onze winkel" /> < /div> < /div> < div = "content" = "product" > < h1> de inhoud here< /h1> < /div> < div = "meter" = "grens" > helpen ons te houden, alle bugs magento - verslag (ver.© magento 1.4.0.1) 2008 demonstratie - winkel.Alle rechten voorbehouden.< /div > < /div > < /body > < /html > in de eerste plaats, alsjeblieft, ik ben met alle containers die gemakkelijker kunnen worden in het kader van het beheer van dingen.Dat is ook de titel, de inhoud en de staart deel krijgt van de afzonderlijke blokken, op dit punt, naar is nutteloos.We moeten de juiste combinatie van toen we in verband met de magento.Met de verschillende banden.Nu, ik heb ze als vervanging.Als we naar de magento graven, we laten ze werken.,, 2 stappen van de CSS, * * * * * * * (marge: 0; oude 0; grens: geen; overzicht: geen; kleur:ō het lettertype familie: "lucida sans unicode", "lucida Grande, sans serif lettertype: 14; de omvang van de lijst.: geen; lengte: 1.3em;} {kleur: eendb000;} H1, h2 h3 h4 {}, worden normaal. - {lettergrootte: 32px; de marge beneden 10 pixels;} {lettergrootte H2: 24px; de marge 0 0: pixel pixel; H3 - {} lettergrootte: 20px marge beneden aangebracht; {}); de lettergrootte: 20px;} {1 - pixel grens: vaste&#/* * /666;} de fundamentele elementen van&#verpakking (breedte: 920px; de marge van auto 's: 10 pixels, oude 20px;}&#hoofd (marge: 0 0 20px 0; overloop: auto' s&#inhoud;}T (marge: 20px 0; verspreiding van auto 's;&#{}: een oude vaste #: 10 pixels; 1 - pixel e1e1e1; achtergrond:&#f3f3f3; aanpassing van de tekst: het Centrum;} /* * /&#teken {titel de inhoud drijven: links;}&#hud (variabele rechten; breedte: 320px; lengte: 50px; de oude 10 pixels. Verslag: 1 - pixel&#e1e1e1; achtergrond:&#f3f3f3;}&#hud in variabele: {links; de lettergrootte: 12px; deposito' s: 0 0 0 pixels;} {duidelijk: de openbare nutsbedrijven zijn; de marge: 20px 0; overloop: auto 's; de vulling: 7px 10 pixels; de grens:&#e1e1e1 1 - pixel vaste; achtergrond:&#f3f3f3;}&#brood (variabele: links,&#titel naar de variabele rechten} {;}, ook hier.De zeer fundamentele elementen van de CSS zal de positie en de stijl, het is maar een beetje.Kom op, stap 3 - creëren van onze page.xml documenten, het is een beetje lastig, dus hier bij me.Magento het gebruik van XML - documenten om de indeling van de website en bepalen welke elementen van kan maken.Het doel is niet bezig met de geheimzinnige code, knip je het XML - bestand en het niet doen met zorgen afhankelijkheid, elk oog /tv /modules zijn eigen XML - bestand en de belangrijkste documenten voor de definitie van de algemene opzet van de website.De belangrijkste dossiers, documenten page.xml, we creëren, het volledige dossier vandaag ziet er zo uit.Ik zal het uitleggen in de volgende delen.XML version = "1"?> < - = "0.1.0" > < standaard translate= "etiket" module = jointprogramme "bladzijde" > < label> alle Pages< /label> < 3 =; "page/html" naam "wortel" output= "toHtml" template= "page/1column.phtml" > < 3 = "page/html_head naam" hoofd "" as= "hoofd" > < de actie "addCss" > de methode = < stylesheet> css/cirrus.css< /stylesheet> < /action> < /block> < het type = "page/html_header" naam "kop" as= "kop" > < 3 = "page/template_links" naam "top.links" as= "topLinks" /> < het type = "page/html_breadcrumbs" naam "breadcrumbs" as= "breadcrumbs" /> < het type = "core/template" naam "top.search" as= "Muiti "/> < /blok > < Block =" kern /text_list "naam" inhoud "=" inhoud "/> < Block =" pagina 's /html_footer "naam" voet "=" een "model" pagina' s /http: //europa.eu.int /meter. PHTML "/> < /blok > < /default > < /lay - out >, ondanks de eerste versie van het XML - schema verklaring.Ze is niet van belang, we. < Block = "pagina 's /: //europa.eu.int /comm /" naam "wortel" output "toHtml" model "= = = = = = = pagina' s /1column. PHTML" >, ten eerste, laten we alle gegevens om een grote blokken.Gelet op deze elementen in de container is gelijk aan ons: //europa.eu.int /comm /gebruikt.De volgende richtsnoeren, we gebruiken, pagina 's /1column.phtml, als we de pagina' s model.Maak je geen zorgen, we zijn nog niet in het dossier.We zullen in deze handleiding, < Block = "pagina 's /html_head" naam "hoofd" = "hoofd" > < optreden van de methode = "addcss" > < CSS > CSS /cirruswolken. De CSS < /- tabel en GT; < /Action > < /blok > de volgende definitie van,, we moeten het hoofd elementen, met inbegrip van de pagina' s in.Magento, bij verstek, met inbegrip van de CSS dossier en geladen is, maar we hebben ze niet nodig een functie van vandaag.Dus, we hebben de CSS dossier < Block = "pagina 's /html_header" naam "hoofd" = "hoofd" > < Block = "pagina' s /template_links" naam "top. Link" = "toplinks" /> < Block = "pagina 'S /html_breadcrumbs" naam "brood kruimels" =' broodkruimels' /> < Block = "kern /model" naam "top. Zoeken" = "Haïtiaanse" /> < /blok > we gedefinieerd als we wat is de titel van de website.Wij hopen dat de top en de kruimels en zoeken de menu 's /de link., < Block = "kern /text_list" naam "inhoud" = "inhoud" />, zullen we een deel van de cursus, nodig hebben, zodat we, met inbegrip van de inhoud.We zijn er niet zeker van dat deel van de dingen alleen maar omdat magento laden bevat alle nodige elementen van dit blok, blok type = en < "pagina 's /html_footer" naam "voet" = "een template =" pagina' s /http: //europa.eu.int /meter. PHTML "/> en, ten slotte, wij ook onze meter.We vertellen magento in de laden van een model, je vraagt je waarschijnlijk af, waarom we van sommige van de genoemde stukken waarbij anderen helemaal weg.Dit is een zeer hoog niveau betreft, maar je merkt op dat elke blok heeft een, het type, de eigenschap?Wanneer het type overeenkomt met vooraf vastgestelde magento, je hoeft het niet aangeven van een model.Dit is automatisch laden.- mooi, is het niet?Onze basis, en het dossier volledig is, page.xml,.,, stap 4 - het creëren van een van onze skelet, oké, nu hebben we ons aangewezen lay - out, we kunnen blijven maken, 1column.phtml, we hebben aangewezen in het XML - bestand, dit document was. Maar het is een skelet model titel van De oproep, de inhoud van de regio en de meter nodig.Ons dossier lijkt;.- Remus.:) - > <.Doctype: //europa.eu.int /comm /> < http: //europa.eu.int = "en GB" > < hoofd > <?PHP ECHO - > getchildhtml (is)?> < /hoofd > < lichaam > < div = "pakket" = "grens" > <?PHP getchildhtml (ECHO - >'header ").> < die id = "inhoud" = "product" > <?PHP getchildhtml (ECHO - >'content')?> < /div > <?PHP getchildhtml (ECHO - >'footer ").> < /div > < /body > < /html > dit is zeer primitieve: //europa.eu.int /comm /documenten, met uitzondering van de getchildhtml gebruiken we voor elk blok, de inhoud van de te verwerven.Het model moet de mooie bladzijde agnosticisme als het van de meester, blz. 5, stap een., - het creëren van ons model, en nu is het een beetje moeilijk: het deel van de kern van de functie: //europa.eu.int /comm /blokken snijden, het creëren van een model voor het dossier van elke functie, dan zal deze documenten, regelen we wel. Elk van de volgorde, het hoofd, getchildhtml (is), rechtstreeks in kaart te brengen, de pagina 's /http: //europa.eu.int /hoofd. PHTML,.Ons dossier ziet er als volgt uit:, < titel > <?PHP ECHO - > gettitle ().> < /titel > < die rel = 'icoon' href = "<?PHP getskinurl (ECHO - >'favicon ICO ").> "=" beelden /x-icon "/> < link rel =" weg "" href = <?PHP getskinurl (ECHO - >'favicon ICO ").> "=" beelden /x-icon "/> <?PHP ECHO - > getcssjshtml ().> <?PHP ECHO - > getchildhtml ().> <?PHP ECHO - > getincludes ().>, zie je, we laten magento dynamische de titel te creëren.Bovendien merkt ook op dat de getcssjshtml, een methode die wordt aangeduid als.Deze methode is de invoer van alle CSS - en we zijn aangewezen, page.xml, dossiers, koppen, getchildhtml ('header "), rechtstreeks aan de kaart, pagina 's /http: //europa.eu.int /hoofd. PHTML,.Ons dossier ziet er als volgt uit:, < div = "kop" > < div = "symbool" > < href = < "?PHP ECHO - > geturl (')?> "titel:" <?PHP ECHO - > getlogoalt ().> "=" symbool "> < IMG - src = <"?PHP ECHO - > getlogosrc ().> "(= <"?PHP ECHO - > getlogoalt ().> "> < /> < /div > < div =" de man "> < H > is ingenomen met de < /H > <?PHP getchildhtml (ECHO - >'toplinks ").> < /div > < /div > < div = "voorzieningen" > <?PHP getchildhtml (ECHO - >'breadcrumbs ").> <?PHP getchildhtml (ECHO - >'topsearch ").> < /div >, gebruiken we magento API - toegang tot het vaststellen van een eerste.En dan verder modulaire, iets wat we hadden broodkruimels: //europa.eu.int /comm /banden en naar functie, dat deze naam is puur semantiek.Zoals je kunt zien, ben je niet alleen in dit dossier van het zuiverste en strenge technische bewustzijn.Je kan ook met andere elementen vereist., meter, getchildhtml ('footer "), rechtstreeks in kaart te brengen, de pagina 's /http: //europa.eu.int /footer.phtml, gespecificeerd in het XML - bestand.Ons dossier ziet er als volgt uit:, < div = "een" = "grens" > <?PHP __ (ECHO - > ons helpen om gezond te blijven magento)?> - < href = "http://www.magentocommerce.com/bug-tracking" onclick= "van dit doel ='_blank" > < sterke > <?PHP __ (ECHO - >'report alle verkeerde)?> < /sterk > < /> <?PHP ECHO - > __ ("(ver.%), de tovenaar:: getversion ())?> <?PHP ECHO - > getcopyright ().> < /adres > < /div >, in meter, en je kan je denkt dat er geen informatie.Ik wil niet zeggen wat een slimme standaard inhoud, de fundamentele elementen, kunnen we verder naar de kleinere functionele blokken in de header bepaalt nu dat brood, banden en naar functie, de bovenste band, getchildhtml ('toplinks "), rechtstreeks aan de kaart, blz. /http: //europa.eu.int /templates /link. PHTML,.Ons dossier ziet er als volgt uit:PHP _links dollar = dollar - > getlinks (); de???????> <?PHP als (tellen ($_links) > 0):???????> < ul = "verband" <?PHP als (Euro - > getname ()):???????> = "<?PHP ECHO - > getname ().> "<?Endif;?> > <?PHP voor (_links dollar _link):???????> < li <?PHP als ($_link - > getisfirst ()
Magento ontwerper: 4
Previous:Magento ontwerper: 5