- at skabe en pyrocms tema

, hvordan der kan skabes en pyrocms tema,,,,, andel,,,,,,,, 9,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, som de fleste content management systemer, pyrocms anvendelser undtaget temaer.selv om pyrocms temaer er bygget på en lidt anderledes, end hvad man kunne bruges til andre systemer, de er stadig meget nemt at skabe.de er så let, faktisk, at meget lidt på erfaring er forpligtet til at samle dem.,,,, mappen struktur, pyrocms temaer består af: billeder, css og javascript, inddelt i følgende støttede foldere:,, css, img, js, holdninger, synspunkter /skemaer, synspunkter /fragmenter, synspunkter /moduler, mens disse mapper vil uden tvivl bekendt ud, "synspunkter" folder giver mest mening inden for rammerne af mvc.ved bygning af et tema for pyrocms, du virkelig bygger de synspunkter (herunder aktiver) af mvc mønstret anvendelse.disse synspunkter, består af en master fil opstilling og flere delvis filer (dvs. en, header.html eller fod. html), som deler præsentation logik mellem forskellige opgaver.vi vil drøfte dette mere senere.,, begyndt at komme i gang med at bygge din første pyrocms tema, skabe de støttede mappe struktur i et af de to steder, at emner kan opholde sig i et tilfælde af pyrocms:, addons /shared_addons /temaer (for emner, der er til rådighed for alle steder), eller, addons /[websted: navn] /temaer (for emner, der er til rådighed for kun ét bestemt sted), når du har den grundlæggende tema mappe indeholdende de støttede mappe struktur, der er skabt, den første fil - - at du vil tilføje, at temaet er, tema. php,., addons /shared_addons /themes /[mit emne navn] /tema. folkesundhedsprogrammet det, theme.php, fil indeholder alle væsentlige oplysninger om dit tema, herunder dens navn, forfatter, version osv. på en måde, sagen svarer til den bemærkning blok påtoppen af et wordpress tema er, style.css, fil.her er en grundlæggende eksempel på, theme.php, dokumentation for deres pyrocms tema:, <?php defineret ('basepath) eller udsejling ('direkte manuskript adgang tilladt ") og klasse theme_foo udvider tema (offentlige $navn =" foo'; offentlige $forfatter = 'zac vingård, offentlige $author_website = http: //zacvineyard. kom, offentlige $websted = http: //eksempel. kom /themes /foo'; offentlige $beskrivelse = antitesen tema til din bar tema. "offentlige $version = 1, 0;} /* af fil theme.php * /, vær opmærksom på, at denne sag omfatter en pyrocms klasse, der hedder, tema.også fordi du erklærer en php klasse i denne fil, du bliver nødt til at sikre, at navnet på den mappe med temaet er anvendt i klasse erklæring.så hvis den mappe boliger temaet er "," foo, "klasse, der er skabt i din, theme.php, bør nævnes ved navn, theme_foo (i stedet for, theme_custom, som vist i eksemplet i pyrocms" dokumentation). når du har skabt din, theme.php, fil, du kan logge ind til din pyrocms kontrolpanel og se dit emne, der er opført i de temaer, modul.,,,,,,, layout, alle opstillingsskemaer filer til et pyrocms tema findes i en af to steder:, addons /[sted, ref. /themes /[mit emne navn] /synspunkter /layout /eller:, addons /shared_addons /themes /min tema navn] /synspunkter /layout /hvert tema skal have en layout - fil, der hedder "misligholdelse. html" i et af de områder, der er nævnt ovenfor.yderligere layout filer er fakultativ, og jeg vil vise dig, hvordan at tilføje mere layout filer i et øjeblik.for det første er det vigtigt at gennemgå indholdet af en indretning fil., layout filer i pyrocms er opbygget ved hjælp af html og mærket parser, benævnt lex - parser.det er, hvad en meget grundlæggende pyrocms layout fil ligner:, <!doctype html > < html > < head > < afsnit > {{model: afsnit}} < /afsnit > {{model: metadata) < /head > < krop > og lt; h1 > {{model: afsnit}} < /h1 > {{model: organ) < /organ > < /html > den særlige mærker, man ser i dette stykke er lex http: //parser hundetegn.hvis du nogensinde har brugt smarty modeller i folkesundhedsprogrammet, kan de se noget bekendt.den primære fordel at anvende lex parser brikker i deres layout filer er, at du ikke behøver at sætte php direkte i deres synspunkter (husk, at vi bruger mvc), som giver dig den bedste mulighed for at skabe pyrocms temaer, der følger, ikke gentager sig selv, mønster. det eksempel, som jeg har angivet ovenfor er simpelt, selvfølgelig, men lex parser plader er meget stærk.de kan loop gennem data, arbejde med attributter, og mere til.lære mere om lex parser i pyrocms dokumentation, en mere kompleks pyrocms layout fil ser sådan ud:, <!DOCTYPE html> <html> <head> <title>{{ template:title }}</title> {{ template:metadata }} {{ theme:favicon file="favicon.png" }} {{ theme:css file="style.css" }} {{ theme:js file="site.js" }} </head> <body> <div class="header"> <div class="logo"> {{ theme:image file="logo.jpg" alt="Your Cool Logo" }} </div> <div class="nav"> {{ navigation:links group="header" }} </div> </div> <div class="content"> <h1>{{ template:title }}</h1> {{ template:body }} </div> </body> </html>,You'll notice that this layout fileved hjælp af lex, omfatter aktiver, som css, javascript og billeder.anvendelse af lex tags og html giver pyrocms udviklere bygge layout filer meget hurtigt.,, fragmenter, delvise i pyrocms, som står for delvis anvendelse, giver dig mulighed for at bryde opstillingsskemaer til genanvendelige dele eller dele.disse dele kan påvirkes af forskellige layout filer.det holder dig fra at skrive det samme kode (header, fod osv.) i flere layout filer. afhængigt af, hvor du har sat temaet filer, delvise er skabt på to steder:, addons /[sted, ref. /themes /[mit emne navn] /synspunkter /delvise /eller: addons /shared_addons /themes /[mit emne navn] /synspunkter /delvise /, delvise indlæsses i skemaer med lex - tag:, {{tema: delvis navn = "partialname"}}, lex - fungerer også som en php, omfatter erklæring - svarende til en, som du ville finde wordpress eller andre emner.den kode nedenfor, er et enkelt eksempel på en pyrocms layout, der udnytter delvise., {{tema: delvis navn = "hoved"}} < div klasse = "indhold" > < h1 > {{model: afsnit}} < /h1 > {{model: organ) < /div > {{tema: delvis navn = "lille"}}, indholdet af det, header.html, delvis, og footer.html, filer, er naturligvis, at vi bliver nødt til at genbruge http: //fra modellen i vores tidligere kode eksempel ovenfor.et hurtigt råd: der er ingen grænse for antallet af delvise, som kan bruges i en indretning.desuden er delvis filer kan indeholde en kombination af gyldige html og lex.,, flere layout filer, at tilføje en anden udformning til tilfælde af pyrocms, skabe en mere layout - fil i temaet er, synspunkter /layout /, fortegnelse.denne sag kan få et navn, men det er en god idé at navn som beskrivende som muligt - som om. html,., for øget smidighed, du kan bruge så mange layout filer, som du gerne ville.når du klipper eller skabe et, side type, i din pyrocms kontrol panel (, kontrolpanel → sider → side typer) og vælge deres ønskede fil fra dropdown, alle skemaerne i temaet er layout fil vil være til rådighed til brug.,,,, mobile layout, pyrocms er let kan vise separate opstillingsskemaer for mobile og desktop - pc 'er.at bruge dette element, flyt din indretning filer i en mappe, der kaldes "net" i den mappe, synspunkter, således at deres misligholdelse udformning vil blive placeret her: [temaet] /synspunkter /web /layout /default. html, når en bruger til dit sted ved hjælp af en desktop - browser, den primære indretning filer på stedet vil blive anvendt.hvis brugeren til dit sted ved hjælp af en mobil enhed browser, brugerne vil blive leveret med de mobile skemaer, som du har skabt i det her sted: [temaet] /synspunkter /mobile /layout /default. html, denne egenskab arbejder med flere layout filer. nu tager denne advarsel i pyrocms dokumentation "pyrocms ikke betragter den ipad et mobilt udstyr, så det vil ikke lade din mobil skemaer, hvis brugeren adgang til dit sted ved hjælp af en ipad." men hvis på din hjemmeside, du vil lave en ipad anerkendes som et mobilt udstyr, kan du ændre "user_agent. folkesundhedsprogrammet" fil i det, at ud /, statistik ipad har erkendt, at et mobilt udstyr.,, færdig!ved anvendelse af denne artikel som en vejledning, kan du se, hvor let det er at skabe et tema i pyrocms.den kode eksempler er ganske enkel, så jeg tilskynder dem til at udforske pyrocms dokumentation til at blive mere erfaring med layout, mobile layout, delvise og lex parser i pyrocms.have det sjovt!,

Choose a theme in the PyroCMS control panel
Choose a layout for your PyroCMS page type



Previous:
Next Page: