, hvordan til at lave et plask side med wordpress,,,,, 9,,,,,,,,, 3,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' ikke gå glip af det.,,,,, i anledning af cyber - mandag, i dag skal vi vise dig en teknik til at skabe en skik "splash side" for din wordpress tema.du har sikkert set mange af disse på internettet i dag, så du ved, at de er gode til at løbe hurtigt forfremmelser af produkter eller begivenheder.men du kan have det sjovt med det og komme med nye måder at bruge et plask side som f.eks. reklame, donation knap, radio løfte driver højdepunkt for en kommende race, eller at fremhæve et nyt produkt.,,,,, at strategien, lidt side, også kendt som en statisk side, er den første side ser du, når man besøger en hjemmeside.den idé, der ligger bag en bombe på er at vise noget vigtigt, at denne vigtige produkt vil få den opmærksomhed, det fortjener, hvis de af en eller anden grund til jeres hjemmeside mangler design.før vi dykker, lad os lige kort komme ind på nogle af de gør er, og om, hvad plask sider i den overordnede strategi: nu ikke rive med og holde splash side op for længe; siden er mere af en midlertidig støtte, anvendes forkert, det er bare en ekstra ind til dit produkt; flere kilometer din bruger til at tage unhappier brugeren er.det er også en unvalued distraktion, efter en vis tid.det anvendes korrekt (i korte byger, for sorte fredag omhandler) kan meget nyttige for en hurtig & dristig fremme af noget, der er værd at værdien.,, design sidenote: hvis du ikke elsker udformningen, vær ikke bekymret. - det er bare noget, jeg er til at arbejde med...arbejdsgangen her, er det, der er vigtigt, og vi skal skabe din egen skik plask design på ingen tid!,, trin 1: oprettelse af den skik side model, er det første skridt til at opbygge deres skik plask side er anvendelse af en side skabelon.vi har haft et par tutorials på stedet allerede om at bruge dem, så hvis du ikke er bekendt, se lige her. - et plask side kan bygges uden at bruge en side - model, men at gøre det på denne måde gør det muligt for os at integrere det direkte i det tema, du (eller din klient) anvender. vi os starte ved at åbne din favorit tekst redaktør og tilføje den kode nedenfor.før at tilføje mere kode lader redde den fil, som splash.php.sørg for at redde din nye mappe i folkesundhedsprogrammet, er ikke en html fil. <?php /* model navn: plask * /?> det lader wordpress ved, at det er en skabelon, så det vil være til rådighed i ned menu via side redaktør af den model, der giver du det navn, i dette tilfælde ved navn plask. at bygge resten af side model, kan du bruge grundlæggende html eller din kode er bekendt med.kan du huske, at shortcodes og andre wordpress kendetegn vil ikke fungere, hvis de bruger grundlæggende html.hvad jeg vil gøre, er at holde det enkelt, kode og bruge et billede, jeg er konstrueret til racerkører, og det viser fuld skærm (browser). ved hjælp af en css stil, du kan få et billede af din browser udviser fuld skærm.selv om dit billede er for lille, vil det være pixilated til skærmen.det er bedst at have et stort billede noget omkring 900px bredde eller mere, men hold højden mindre omkring 300px så dit design vil vise på skærmen.nedenstående css stil arbejder i en version af god browsere: safari /krom /opera /firefox, d.v.s. 7 /8 (hovedsagelig arbejder: ikke center på små størrelser, men udfylder skærm fine), dvs. 9. her er css stil:, img.splash {* fastsat regler til at fylde baggrund * /min højde: 100%; min bredde: 1024px; /*, der står i et rimeligt forhold til reduktionen af * /bredde: 100%, højde: auto; /* oprettet positionering * /stilling: faste, top: 0; tilbage: 0} @ medier skærm og max bredde: 1024px) (img.splash {tilbage: 50% margen: - 512px; /* 50% * /}}, vil du have css stil i din plask side skabelon.for at få en bedre forståelse af, hvordan og hvor nedenfor, er min færdig model.hvordan fungerer det finder stil klasse = "splash" inde i en img, tag.ser du, i min side skabelon, img, mærke, kan findes i det organ, som er knyttet til min race bil design jpg.du vil have til at uploade deres design til wordpress og stik din url.sørg også for at den klasse i overensstemmelse med, hvad du har i den, img, ellers virker det ikke. <?php /* model navn: plask * /?> <html><head> \t<title>Splash Page</title> \t \t<style> \t\t \t\timg.splash { \t\t\t/* Set rules to fill background */ \t\t\tmin-height: 100%; \t\t\tmin-width: 1024px; \t\t\t \t\t\t/* Set up proportionate scaling */ \t\t\twidth: 100%; \t\t\theight: auto; \t\t\t \t\t\t/* Set up positioning */ \t\t\tposition: fixed; \t\t\ttop: 0; \t\t\tleft: 0; \t\t\t \t\t} \t\t@media screen and (max-width: 1024px){ \t\t\timg.splash { \t\t\t\tleft: 50%; \t\t\t\tmargin-left: -512px; } \t\t} \t\t\t\t \t</style> </head> <body> <a href="homepage"><img class="splash" src="images/Landscape_Design_Front.jpg"></a> </body></html>,I wrapped my image around a href tag so it would make a large clickable area which is linkedpå hjemmesiden.med henblik på min hjemmeside link til arbejde, jeg skal lave en ny side i wordpress., før du gør noget andet, lad os få vores nye splash.php skabelon side til temaet mappe.i din favorit ftp - software (jeg kan lide filezilla), overføres splash.php skabelon, du lige har lavet, og læg det i din tema er centrale register (/wp indhold /themes /yourthemename).,, trin 2: tilføjelse af hjemmesiden, det næste skridt er at login til wordpress og på side klik, tilføje nye.her er hvor du skal lave hjemmesiden.du behøver ikke at gøre noget andet ind i afsnit "hjemmeside" og at offentliggøre.når offentliggjort, du skal være i stand til at se den side www.yourdomain. kom /hjemmeside.,, trin 3:, at splash side, det næste skridt er at skabe en side mere, så klik tilføje nye side igen og denne gang i titlen "splash". det er en ekstra opgave, du skal gøre for denne side, og det er at vælge dine plask side skabelon (du skabte og uploadede med jeres ftp) på side model ned menu (sædvanligvis i gruppemøde).slå offentliggøre, og de bør være i stand til at se den side www.yourdomain. kom /plask.,, det er et godt tidspunkt at se, hvordan din plask side ser ud.hvis udformning byggede du passer ikke på skærmen, som du ville have det at genopbygge, ingen grund til at ændre på css stil.hvad du ser, er hvad der snart vil være splash side af deres websted.så arbejde med dit billede for at få det, som du vil have og upload billedet ftp at se de nye resultater, trin 4, godt, hvis du er med mig, det er her magien fra wordpress sker.i henhold til indstillinger klik læsning.den første mulighed "forsiden viser" vil du se en radio knap mærket som "en statisk side (vælg nedenfor), tryk på knappen og udvælge" splash "som din forside og" hjemmeside "som deres stillinger side.klik redde og se resultaterne af deres plask side ved at besøge din hjemmeside.,, og du er færdig.wordpress gør den første side af deres websted splash side og gør hjemmesiden du skabte lige din nye indeks side, som er den side, der har alle dine historier, fotos, navigation osv. når du er klar til at fjerne splash side, alt du skal gøre er at gå tilbage til behandlinger, som er under indstillinger og klik radioen knap, der er mærket "din seneste stillinger".så vil alt blive normalt igen - - magi, ikke?, ændrer omkring din navigation, noget at holde sig for øje, er din hjemmeside navigation i forbindelse med tilbage til splash side, hver gang nogen klik på dit logo eller hjemmeside, link.så hvis du ikke vil have, de skal tilbage til splash side, hvilket du ikke har, så du bliver nødt til at ændre din hjemmeside link til www.yourdomain.com/homepage snarere end www.yourdomain.com.jeg vil ikke gå i detaljer om, hvordan du kan ændre din navigation, fordi der er mange forskellige måder, det er gjort. nyd og have det sjovt med mulighederne for et plask side.