Tomt tema for WordPress - rene maler for utvikling. HTML5 Retina-klare responsive appmaler – Gratis HTML5- og CSS3-landingssidemal

Det er flere alternativer for å designe en mal fra bunnen av - noen kjenner systemet så vel som å lage temafiler mens du er på farten, men det er en annen tilnærming. Faktisk er den enkleste metoden jeg brukte et par ganger å finne en layout som ligner på design, installere den og deretter endre den slik du trenger. Likevel er det mye enklere å redigere html og css-kode enn å forstå funksjoner. Du kan ta en gratis offentlig mal som grunnlag, finne eller oppgradere standard Twenty Eleven osv. Et annet alternativ er å bruke de såkalte Blank Themes.

Det siste settet med slike "blanke" temaer er lokalisert - det er et par interessante løsninger der + du kan alltid finne noe lignende for søket "blanke wordpress-temaer". De kalles også ofte WordPress-rammeverk (Frameworks). Fra alt jeg klarte å finne, vil jeg trekke frem de to mest interessante alternativene.

Dette er det enkleste temaet som kan være, men samtidig inneholder det alle de grunnleggende WordPress-filene - topptekst, bunntekst, etc. Denne utviklingen har vært distribuert i lang tid, så strukturen til malfilene er "gammel" - det er ingen implementering gjennom loop.php-filen, som nå ofte brukes. Dette er den som elsker det - for eksempel liker jeg den forrige strukturen mer.

Det som ellers interesserte meg på denne siden er at her i øvre høyre hjørne er det en mulighet til å velge noen andre implementeringer av tomme maler med en mer eller mindre foreskrevet struktur. Av de gratis, er det bare H5-temamal.

Sammenlignet med det forrige designet er designet mer avansert på grunn av det faktum at i det minste noen CSS-stiler er skrevet og du kan rote mindre med det. Det er paradoksalt, men jeg tror at den enkleste malen uten stiler vurdert først, sannsynligvis vil passe bare de mest avanserte nettutviklerne, men samtidig vil de på grunn av kunnskapen deres ikke trenge den - de kan tross alt enkelt lage alt selv fra bunnen av eller allerede har litt erfaring i dette emnet.

Der kan du også velge noen andre maler i nedtrekksmenyen, men de er alle tilgjengelige, slik jeg forstår det, sammen med kjøp av tilsvarende bok på wordpress. Hvis dette alternativet passer deg, tror jeg det også er en god løsning.

Tomme maler på Blankthemes.com

Jeg vil gjerne si en stor takk til forfatteren for nettstedet Blankthemes.com, siden han hjalp meg mye på jobben. Her er 10 enkle grunnleggende maler med ulike implementeringsalternativer som kan passe for enkelte nettsteder.

Oppdatering 6.10.2015:

Dessverre er siden med tomme maler ikke lenger tilgjengelig, domenet blir omdirigert til et annet prosjekt. I fremtiden vil jeg prøve å se etter et par lignende prosjekter med temaer, hvoretter jeg vil oppdatere dette innlegget.

La meg raskt gjennomgå hver av dem:

  • Skylark er et lyst, rent tema for et personlig eller forretningsnettsted.
  • Sidefelt Sidefeltinnhold er en variant av malen med to sidefelt til venstre.
  • Sidepanel for innhold – nå er to sidefelt plassert til høyre.
  • Skirmish er et elegant tema med to spalter som passer for en personlig blogg (likner forresten litt på den grunnleggende designen til WP).
  • Bridge er også et tomt tema med to kolonner, men mye enklere enn den forrige i utseende.
  • Blankfolio er et tomt porteføljenettstedtema.
  • Blank Three Column er en klassisk nettstedsmal med to sidefelt og hovedinnholdet i midten.
  • Blank Single One er et tomt tema med et enkelt tekstområde uten sidefelt.
  • Blank Two Column, Right Sidebar - et tomt to-kolonne tema, sidefelt til høyre.
  • Blank to kolonne, venstre sidefelt - den samme som den forrige, bare sidekolonnen er nå til venstre.

For å lage nettstedet jeg trengte, brukte jeg Blank Three Column-temaet. På nettstedet kan du se en demo av hver av dem, samt bestille installasjonstjenester.

Denne malen er implementert ved hjelp av "ny teknologi" ved hjelp av loop.php. Men selv om du ikke har støtt på dette, er det ganske enkelt å finne ut av det. Mange innstillinger er satt i funksjonsfilen (functions.php) - spesielt må du pusle med lokalisering, finne de riktige delene av koden. Men generelt er alt ganske enkelt. Denne malen har en horisontal rullegardinmeny i overskriften, men du må justere CSS-stilinnstillingene (ikke glem at temaet fortsatt er "tomt").

I alle andre henseender er hun (som, tror jeg, og andre) veldig enkel å bruke. Det er widgets med sidekolonner, et bilde under logoen og menyen, header.php og footer.php filer vil hjelpe til med å korrigere elementene i overskriften og bunnteksten på siden. Jeg personlig likte til og med å jobbe med dette temaet - generelt sett er ideen om tomme maler ingenting. Hvis du sammenligner det med å redigere en fullverdig mal, kan det faktum at designstilene er grunnleggende og du ikke trenger å fjerne alt som er i det ferdige temaet betraktes som et pluss her - bare legg til ditt eget design. Kort sagt, for Blankthemes.com en spesiell respekt til skaperen, kan du faktisk finne nesten alle de klassiske designalternativene for nettstedet.

P.S. Vil du vite hvilke spill som spilles mest av brukere? da vil de 100 beste nettspillene hjelpe deg med dette - en vurdering fra spillerne selv med en beskrivelse av spillene.
Det som ikke kan annet enn å glede unge mødre er antallet barnesider, for eksempel vil du finne en nettbutikk med varer for de minste.

Hvis du lager en mal fra bunnen av, må du starte fra noe. Tatt i betraktning at HTML5-standarden er "vidtspennende over hele landet", vil jeg gi et eksempel på en tom HTML5-mal i denne artikkelen.

I den nye standarden er mye forenklet og nå ser den grunnleggende delen slik ut:

...

Nye HTML5-tagger

HTML5 introduserer flere nye tagger for kodestruktur:

,