ved at bruge støvlestrop til din wordpress tema (og ikke til)

, når i skal bruge støvlestrop til din wordpress tema (og ikke til),,,, du kan google - søgning for wordpress tema med bootstrap ", og du får hundredvis af resultater.disse omfatter retningslinjer fortæller dig, hvordan man bruger bootstrap bygge dit emne samt kommercielt og frit tilgængelige temaer ved hjælp af bootstrap ramme.,, søgen efter "bootstrap" i wordpress tema register, og du får 199 resultater.det er en masse valg. det ser ud til, at udviklingen af wordpress temaer ved hjælp af bootstrap er alle vrede.men er det altid den bedste tilgang til temaet udvikling arbejdsgang.og her vil jeg se på fordele og ulemper ved hjælp af bootstrap for wordpress theming, og hjælpe dem med at identificere, når de bruger bootstrap vil hjælpe din arbejdsgang, og når det ikke gør, hvad er bootstrap?,, bootstrap websted beskriver bootstrap:, den mest populære: forskning, og det rammer for udvikling af fleksible, mobile første projekter på nettet. det fortæller dig et par ting:,, bootstrap er imødekommende og mobile først. det bruger: css og javascript.,, hvis du hører efter, vil i se, at det ikke omfatter folkesundhedsprogrammet.mens bootstrap ansøgning ramme, det er ikke et tema rammer: det giver ikke nogen af temaet skabelon filer, du bliver nødt til at skabe, hvis du vil udnytte det i et tema.i stedet, hvad det giver dig er en ramme af stilarter og manuskripter, som vil gøre det lettere for dem at få en lydhør stedet op at køre og tilføje interaktioner og arrangementer, der kræver javascript.,, bootstrap oprindeligt var udformet som en ramme for at hjælpe twitter udviklere arbejde mere effektivt og konsekvent.en hurtig hed twitter koncept, som blev ændret til bootstrap efter flere entreprenører blev inddraget i, og projektet begyndte at vokse. det blev frigivet som en åben kilde ramme i 2011 og er siden blevet brugt til at styrke en række applikationer, herunder wordpress temaer.,, da jeg først kom på tværs af bootstrap, dens vigtigste salgs - punkt var dens lydhørhed på et tidspunkt, hvor mange af web - udvikling (herunder wordpress udvikling), stadig skulle indhente deres web - design.det var ikke oprindeligt responderende: det blev tilføjet i 2012, og den rammer blev gjort mobile først i 2013,.,, hvis du downloade bootstrap, vil de se, at den består af en række stylesheets (herunder minified udgaver), javascript filer og glyphicons, som indgår i font filer.disse kan ikke erstatte din tema filer: i stedet kalder du dem i din stylesheet og funktioner fil som nødvendige.,, jeg vil ikke give en detaljeret redegørelse for, hvordan du bruger bootstrap med din wordpress tema her: det er beskrevet nærmere i denne forelæsning.jeg vil se på, hvordan bootstrap kunne hjælpe eller hindre din wordpress emneudvikling arbejdsgang og de situationer, hvor de kan eller ikke kan bruge det.,, fordelene ved theming med bootstrap, den meget populære bootstrap som en ramme for wordpress emner viser, at det har et sted.så lad os se på nogle af fordelene ved at anvende bootstrap. det er fleksible og mobile først, bootstrap automatisk giver dig lydhøre, mobile første design for temaet.hvis du har kæmpet for at få bugt med følsomme tema udvikling, det vil spare dig for hårdt arbejde for at lære at lave din egen stylesheets lydhøre og tilføje, medier,.,, bootstrap anvender et kvadratnet baseret indretning af 12 kolonner med grid - klasser, som du kan bruge til elementer i deres model filer, så deres indhold ind i nettet, fordele ved denne fremgangsmåde omfatter:,, hvis du ikke er bekendt med medier forespørgsler, du behøver ikke skrive dem selv. de kvadratnet baseret system anvendelse samt css, give dig masser af fleksibilitet for - de elementer i deres tema, og om dine sider. det mobile første tilgang hjælp din css er renere og mere effektiv     end en desktop - første stylesheet.,, bruger det moderne, ren og attrac• design, efter min mening, layout og typografi, du får med bootstrap er meget rart.det vil ikke vinde ethvert design, priser, men det hjælper dig at bygge et tema, der er moderne, let at interagere med og læselige.der er nogle - elementer, jeg især gerne:,, anvendelse af, < små > element for sekundær tekst inden for positioner, style for blockquotes og hædersbevisninger, tabel design, som er meget bedre end det, jeg har set en masse wordpress temaer, spiller det fint med html5, samt at indføre deres egne kurser for modetendenser, bootstrap omfatter også - for hele rækken af html5 elementer, som man kan forvente i deres område.- alle disse fra bunden kan blive svært, så sparer en masse arbejde, samt at gøre det lettere for dig at bruge semantiske avance i dit emne. det giver let adgang til manuskripter, i stedet for at bruge plugins eller kilde manuskripter fra andre steder, bootstrap giver en flot række manuskripter, der vil gøre det lettere at tilføje den hyppigst anvendte tegnefilm og interaktioner med din hjemmeside.disse omfatter:,, overgange, modals, dropdowns, tooltips, kager, knapper,,...og mere.dette kan fremskynde deres udvikling og sikrer også, at alle dine manuskripter leg pænt med hinanden.hvis du skal bruge mere end et eller to af disse, bootstrap kan gøre temaet udvikling meget nemmere, hvis du vil kun bruge en eller måske to, der kunne være en mere effektiv tilgang til mindre tilføjede kode.,, ulemper for theming med bootstrap,, men jeg har ikke mener, at bootstrap er det rigtige værktøj for alle wordpress tema udviklere.her er nogle af de negative konsekvenser af bootstrap ved udviklingen af deres emner. der er meget at lære, jeg har allerede nævnt den responderende grid - system, der anvendes i bootstrap er stylesheets, og de mange timer, du kan bruge til at opnå dette i deres område.det er fint, hvis du er villig til at gøre dig bekendt med disse klasser og finde ud af, hvordan vi skal bruge i dit område.men hvis du ikke har brug for en sådan kompliceret indretning og kun vil bruge et par af stilarter, finder du måske, at du bruger en uforholdsmæssig stor arbejdstid gennem alle de klasser, og finde ud af, hvilke til  .,, stylesheet omfatter 155 linjer kode for, at nettet indretning i mindste skærm bredde: det er meget at tage fat på, hvis du vil have mest muligt ud af det, og mere end de fleste emner vil have, ud over det, der er klasser for glyphicons, knapper, og meget mere, hvis din tema vil gøre brug af en betydelig andel i denne stil (eller vil du bruge bootstrap støtte til flere temaer), så det er værd at tage sig tid til at lære, hvordan bootstrap styles.men hvis du behøver kun et par piller og deres udformning, så det ville være overdrevet., benytter den faste medier, søgninger, medier forespørgsler, der anvendes af bootstrap er baseret på en hypotese om skærmen og udstyr), der er ved at blive forældede., er disse medier forespørgsler: /* ekstra små anordninger (telefoner, mindre end 768px) * /* ingen medier spørgsmål, da det er den manglende bootstrap * /* små enheder (tabletter, 768px og op) * /@ medier (min bredde: @ skærm sm min) {...} /* medium anordninger (desktop - pc 'er, 992px og op) * /@ medier (min bredde: @ skærm og min) {...} /* stort udstyr (store desktop - pc 'er, 1200px og op) * /@ medier (min bredde: @ skærm lg min) {...}, for sidste år eller så lydhør udvikling har bevæget sig væk fra en forud fastlagt breakpoints for medier, forespørgsler og mod baseret på design og grænseværdier.mens disse medier, er baseret på, og vi vil arbejde med bootstrap design (så skulle ikke skabe nogen problemer med nogen af de støttede anordninger eller browsere, af hvilke der er mange), ikke giver den fleksibilitet, de har, hvis du er kodning dit eget.,, hvis du skulle beslutte at tilføje en mellemliggende medier forespørgsel til din stylesheet, så ville du være nødt til at tage den 155 linjer af layout design til forsyningsnettet og tilpasse det til din nye breakpoint ikke en opgave, som jeg ville misunde., tilføjer den bloat, ja, jeg tror, du har ventet på denne ene bestanden svar af skeptisk web udvikler en ny ramme eller værktøj.,, bootstrap unægtelig giver dig en masse funktionalitet og stil, du kan bruge i deres spørgsmål, og det er en god ting.men hvis du vil kun bruger en lille del af, hvad der er forudsat, betyder det, at du er, at alt det ekstra kode for ingenting. filerne er minified, som vil hjælpe, men så har du virkelig brug for alt det uudnyttede kode i dit tema?det kan modvirke en, design, tilsættes støvlestrop til temaet, ring til stylesheet fra temaet er stylesheet og bam!du har et færdigt, fleksible layout, der ser fint.de fleste af os vil være fristet til at lade det blive ved det, at tilføje nogle farve tweaks måske, men ikke meget mere., betyder det, at deres udformning, vil være baseret på det gamle støvlestrop giver, og ikke på, hvad der er påkrævet for din hjemmeside.jeg arbejder med en masse kunder, og før vi begynder at drøfte udformningen af deres hjemmeside jeg stille dem spørgsmål om deres site er mål, målgruppe og mere.alt dette vil give udformningen af anlægget, både i form af kameraer og i form af brugergrænsefladen.,, faren for mange emner ved hjælp af bootstrap, er, at vi vil ende med så mange emner, der ser stort set det samme.wordpress tema udviklere har gjort et godt stykke arbejde for kaster beskyldninger om deres emner "ligner wordpress" i de seneste år, så vil vi have alle vores emner til at ligne bootstrap?,, bootstrap og wordpress er meget forskellige, og i sidste ende, mener jeg, at den vigtigste faktor, der kan sætte dig af ved hjælp af bootstrap, er, at det aldrig var konstrueret til at arbejde med wordpress, og at det fungerer på en helt anden måde.,, en wordpress tema rammer ofte vil give dig alt, hvad du får fra bootstrap, og på en måde, der er langt mere på linje med den måde, wordpress udviklere.de behøver ikke at være dyr eller har store codebases: wonderflux tema, for eksempel, er fri og åben kilde, og som omfatter en lydhør elforsyningsnet (som bootstrap, men mindre oppustet) og et bibliotek af funktioner og kroge, at du ikke kommer med bootstrap. et eksempel på, hvordan bootstrap og wordpress ikke forenelig i udformningen af navigations - menuer.din wordpress menu virker ikke ud af æsken med bootstrap mulighed for. i stedet bliver du nødt til at skabe en skik nav walker.det er ikke vanskeligt at gøre, hvis du har det godt med den kode, men tilføjer endnu et skridt til temaet udvikling.  , resumé, bootstrap det har sine fordele.hvis du har brug for en attraktiv, ren og lydhør opstilling for din hjemmeside og adgang til en række javascript virkninger, så det kan bidrage til at fremskynde temaet udvikling.,, hvis du får mest ud af bootstrap, du bliver nødt til at bruge lidt tid at lære det.der er meget at lære med bootstrap, og hvis du ikke vil gøre brug af alt, så kan det ikke være det værd, vil jeg til slut anbefale brugen af bootstrap i en række tilfælde:,, hvis du er villig til at engagere sig i at lære at bruge bootstrap, hvis du kommer til at bruge en del af bootstrap er elementer, såsom nettet og manuskripter, hvis du ikke har en designer arbejder med du (eller ikke en selv) og have en færdig konstruktion, hvis man ønsker at udvikle et modtageligt tema, men ved ikke, hvordan jeg skal skrive medier,,, og jeg vil råde ikke bruger det under disse omstændigheder:,, hvis du ønsker mere fleksibilitet med hensyn til grænseværdier, design eller indretning, hvis du skal bare bruge en drejebog, eller vil du ikke være mednettet, hvis du vil have en hurtig bootstrap er ikke en af dem, hvis der er en wordpress tema ramme eller starter tema, der gør det job, du har brug for, og giver dig mere, såsom funktioner og kroge, i sidste instans beslutningen er jeres.,



Previous:
Next Page: