Als u een WordPress-site gaat ontwerpen, zijn er een paar manieren waarop u kunt beginnen. Veel ontwerpers beginnen met een HTML-sjabloon waaraan ze vervolgens WordPress-code toevoegen.

Anderen beginnen met de basis WordPress-code en ontwerpen daaromheen.

Maar anderen beginnen met een startersthema of -kader, dat ongetwijfeld de meest efficiënte manier is om een ​​WP-thema te maken.

Dus je weet dat je een kader nodig hebt als je efficiënter wilt zijn in het ontwerpen van WP-thema's, maar er zijn tientallen startersthema's en frameworks. Waar begin je?

Het antwoord daarop is met de onderstaande lijst. Bekijk de onderstaande gratis en premium frameworks en starter-thema's. Probeer een paar van hen uit en bepaal vervolgens welke het beste werkt voor uw projecten.

PageLines Platform Pro

Prijs: $ 95 - $ 175 | Details

PageLines Platform Pro is een drag-en-drop framework voor het maken van aangepaste WordPress-thema's. Een van de beste functies die Platform Pro bevat, is 'Secties'. Dit zijn vooraf ontworpen HTML-, JavaScript- of andere gecodeerde modules die u overal op uw site kunt plaatsen. Ze lijken op widgets, maar kunnen op elke pagina worden in- of uitgeschakeld (zonder code te laden op pagina's waar ze niet worden gebruikt) en ze registreren automatisch haken voor aanpassing.

Hoofdfuncties

  • Bevat een aantal ontwerpmodi om u op weg te helpen, inclusief tijdschrift- en bloglay-outs, lay-outs over de volledige breedte en meer.
  • Een lay-outbouwer met slepen-en-neerzetten-functionaliteit.
  • Werkt met BuddyPress en bbPress
  • Gebruikt HTML5 en werkt met WordPress 3.0, inclusief aangepaste berichttypen en -menu's en aangepaste taxonomieën.
  • Bevat ondersteuning voor Google Fonts API en Cufon.

Platform Pro is een geweldige optie voor ontwerpers die snel ontwerpen voor hun klanten willen aanpassen. Ondersteuning voor kindthema's maakt het eenvoudig om volledig op maat gemaakte ontwerpen te maken met behoud van het gebruiksgemak waarmee Platform Pro zich concentreert.

SWFPress

Prijs: Gratis - $ 150 + | Details

Er zijn talloze frameworks die het maken van een WP-thema snel en gemakkelijk maken. Zolang u geen thema wilt maken met Flash. Dat is waar SWFPress voor in de plaats komt. Het gebruikt XML om uw WP-gegevens naar een Flash-thema te verzenden, waardoor het gemakkelijk is om een ​​reeds bestaand thema te gebruiken of om een ​​geheel nieuw thema op te bouwen. De voordelen van het gebruik van een dergelijk raamwerk liggen voor de hand: u kunt WP gebruiken om uw site bij te werken en u kunt een alternatieve mobiele site gebruiken die geen gebruik maakt van Flash zonder al te veel problemen.

Hoofdfuncties

  • Volledige WordPress-integratie.
  • Ingebouwde menu-beheerfuncties.
  • Thema-instellingen, waaronder kleurkiezers, vervolgkeuzemenu's, formulier- en tabeluploads en meer.
  • De mogelijkheid om uw XML-bestanden op te maken zoals u dat wilt.
  • Werkt als elk ander thema en kan volledig door ontwikkelaars worden aangepast.

Hoewel SWFPress niet geschikt zal zijn voor elke website, kan het gemakkelijker worden om op Flash gebaseerde sites te maken die nog steeds gemakkelijk te gebruiken en te onderhouden zijn. Hoewel Flash een grote bedreiging vormt voor HTML5, betekent dit nog niet dat het snel zal verdwijnen.

Scriptie

Prijs: $ 87 - $ 164 | Details

Thesis is een van de meest populaire premium themakaders, gebruikt op meer dan 37.000 websites. Er zijn twee licenties, waarbij de goedkopere slechts het gebruik op een enkele website toestaat (de ontwikkelaarslicentie kan worden gebruikt op een onbeperkt aantal van uw eigen sites, met extra licentiekosten voor gebruik op websites van klanten).

Hoofdfuncties

  • Layout generator met 1, 2 en 3 kolom ontwerpopties.
  • Een volledig optiepaneel voor maatwerk met codering.
  • Toekomstbestendig maatwerksysteem.
  • Volledige ondersteuning.
  • Een focus op typografie.

Thesis is een zeer hoog aangeschreven themakader en wordt gebruikt op een aantal spraakmakende sites zoals het blog van Print Magazine, The Domino Project en Outspoken Media. Er is een volledige galerij van Thesis-aanpassingen die je kunt doorbladeren om een ​​idee te krijgen van waar Thesis toe in staat is.

Elementair

Prijs: $ 59,99 - $ 149,99 | Details

Elemental is een premium framework dat door bloggers as-is kan worden gebruikt of volledig kan worden aangepast om klantensites voor vrijwel elk doel in verschillende stijlen te bouwen. Het belangrijkste dat het onderscheidt is dat het er goed uitziet, zelfs zonder een kindthema, waardoor het een uitstekende keuze is voor niet-ontwerpers die een aanpasbare, maar goed uitziende site willen.

Hoofdfuncties

  • Bedieningspaneel waarmee u de kolomgrootte, typografie en navigatie, onder andere, kunt aanpassen.
  • Vier widgetized gebieden.
  • Aangepaste besturingselementen voor mastheadafbeelding en -logo.
  • Twaalf aangepaste paginasjablonen voor zaken als contactformulieren, sitemaps, blogrolls, afbeeldingengalerijen en meer.
  • Aangepaste widgets voor sociale netwerken, Twitter-updates, gerelateerde berichten, populaire berichten en meer.

Elemental is een krachtig premium-thema dat zeer geschikt is voor ontwikkelaars en site-eigenaren. Met alle aanpassingsmogelijkheden die het biedt, kan het direct uit de doos worden gebruikt zonder dat er kindthema's of aangepaste codering nodig zijn, iets wat veel kaders missen.

Gereedschapskist

Prijs: gratis | Details

Toolbox is een gratis HTML5-startthema dat volledig is uitgekleed en klaar is om uit te bouwen. Het heeft een licentie om te worden gebruikt voor commerciële projecten of openbaar uitgegeven thema's. Het maakt gebruik van semantische HTML5-markeringen, is uiterst minimaal en gebruikt een vloeiende, op em gebaseerde CSS-lay-out die ook voor een statisch ontwerp kan werken.

Hoofdfuncties

  • Geschikt voor vloeibare of vaste lay-outs.
  • Gebruikt HTML5.
  • Gratis voor persoonlijk of commercieel gebruik en publieke thema's.

Toolbox is niet vol met veel functies, want het doel is om je een startpunt te geven voor je thema-ontwerpen. De flexibele licentie is een groot pluspunt voor ontwerpers die commerciële thema's willen maken zonder daarvoor kosten te betalen.

Bones

Prijs: gratis | Details

Bones is een WP-ontwikkelingsthema op basis van HTML5 Boilerplate, het 960.gs-raster en CSS3. Het bevat twee stijlpagina's (een als standaard en een voor maatwerk) en is slechts 246 KB groot. Het bevat vijf plug-in-achtige functies om uw leven gemakkelijker te maken, inclusief de post- en pagina-navigatie. U kunt alle code rechtstreeks op de website doorbladeren.

Hoofdfuncties

  • Gebaseerd op toonaangevende frameworks zoals HTML5 Boilerplate en 960.gs Grid.
  • Ingebouwde functies voor functies die meestal worden afgehandeld door plug-ins.
  • Bevat functies voor posttypen en postformaten.
  • Gedetailleerde documentatie.
  • Lichtgewicht.

Bones is een fantastisch modern framework voor ontwerpers die HTML5-thema's willen maken. Het is gratis en open source en je kunt meedoen aan de ontwikkeling op Github.

HTML5 WordPress Shell

Prijs: gratis | Details

HTML5 WordPress Shell is ontworpen als een startpunt voor het maken van HTML5-gebaseerde WP-thema's. Het bevat een aantal WordPress-functies, evenals een aantal HTML5-functies en een afzonderlijke set basisplug-ins die ze aanbevelen om te downloaden en te installeren. De code is allemaal duidelijk becommentarieerd om het gemakkelijker voor u om aan te passen en uit te bouwen.

Hoofdfuncties

  • Dynamische zijbalk- en aangepaste sjabloonvoorbeelden zijn inbegrepen.
  • Slim zijbalk uitschakelen.
  • Modernizr voor detectie van HTML5-functies.
  • iPhone detectie.
  • @font-face voorbeelden.

Shell is een geweldig startpunt met enkele handige functies die niet in veel starter-thema's voorkomen. De toevoeging van basisplug-ins (die u in één pakket kunt downloaden) is een leuke aanvulling op het basisthema.

Genesis Framework

Prijs: $ 59,95 | Details

Genesis is een premium-thema van StudioPress. Hiermee kunt u snel aangepaste WP-sites bouwen, of u nu een beginner of een geavanceerde ontwikkelaar bent. Er zijn veertig turn-key ontwerpen beschikbaar voor Genesis, of je kunt het gebruiken als basis voor het bouwen van kindthema's.

Hoofdfuncties

  • Geoptimaliseerde, veilige code.
  • Onbeperkte ondersteuning, updates en websites.
  • Geïntegreerde updates met enkele klikken voor zowel Genesis als WordPress die volledig zijn getest en ondersteund.
  • Thema-opties omvatten tekengrootte en -keuze, standaardlay-out, aangepaste velden, kop-instellingen, navigatie-instellingen en nog veel meer.
  • Ondersteuning voor threadreacties.

Genesis is een ander raamwerk dat zowel geschikt is voor ontwikkelaars en ontwerpers als voor eindgebruikers. Het aantal onderliggende thema's maakt het een betaalbare optie voor diegenen die geen volledig op maat gemaakt ontwerp willen.

WordPress Theme Framework

Prijs: $ 8 | Details

WTF is een goedkoop premium framework met een zeer aanpasbare optiespagina, premium themafuncties en meer. Het is een van de goedkoopste premium frameworks die er zijn, exclusief verkrijgbaar via CodeCanyon. Het is gebouwd om te worden gebruikt met elk themaontwerp om functionaliteit uit te breiden en thema-opties toe te voegen, en alles wat u hoeft te doen om het te gebruiken, is de map in uw themamap plaatsen en een regel code aan uw functions.php-bestand toevoegen.

Hoofdfuncties

  • Ingebouwde thema-optiespagina.
  • Inclusief breadcrumb-functies.
  • Bevat een aantal extra postfuncties, waaronder populaire berichten, gerelateerde berichten en toekomstige berichten.
  • Laatste tweet-functie inbegrepen.
  • Volledige en grondige documentatie.

WTF werkt anders dan de meeste kaders, maar dat maakt het aantrekkelijk voor ontwerpers of gebruikers die al een thema hebben, maar meer functionaliteit willen toevoegen en een themakeuzepaneel willen integreren in het bestaande ontwerp.

thematisch

Prijs: gratis | Details

Thematic is een van de meer bekende gratis WP-frameworks, gemaakt door het Automattic Theme Team. Het is gratis en open-source, geoptimaliseerd voor zoekmachines, en zeer aanpasbaar en uitbreidbaar. Er is een complete gids voor het gebruik van Thematisch beschikbaar op de ThemeShaper-website, evenals een aantal kindenthema's.

Hoofdfuncties

  • Dertien widget-klaar gebieden.
  • Bevat een voorbeeld van een kindthema voor een snelle ontwikkeling.
  • Kan door as-is gebruikt of als basis voor een kind-thema.
  • Meerdere lay-outopties voor 2 en 3 kolomontwerpen.
  • Opties voor blogs met meerdere auteurs.
  • Bewerkbare voettekst (het themakrediet kan worden verwijderd zonder de rest van de themacode te beschadigen).

Thematisch is een van de meest gewaardeerde themakaders die er zijn. Het is ook een van de krachtigste en mogelijk overkill voor sommige sites. De gebruikershandleiding maakt het echter gemakkelijk om aan de slag te gaan en bevat zelfs een stijlgids.

Wortels

Prijs: gratis | Details

Roots is een eenvoudig HTML5-startthema voor ontwikkelaars. Het biedt de keuze tussen het gebruik van een aantal lay-outrasters als basis voor de themalay-out (inclusief 960.gs, Blueprint CSS en 1140 CSS Grid). Het is zeer aanpasbaar, zodat u thema's kunt maken met vrijwel elke gewenste lay-out of stijl.

Hoofdfuncties

  • hNews microformat klaar.
  • Gebouwd op HTML5-boilerscherm.
  • Herschrijft URL's zodat ze schoon zijn en vrij van de gebruikelijke WP-bestandsstructuur.
  • Wanneer geactiveerd vanaf een nieuwe installatie, krijgt u een aantal functies bij activering, waaronder een aangepaste startpagina en veranderingen in de permalink-structuur.
  • WPML-compatibel.

Roots is een van de meest veelbelovende HTML5-startersthema's die er zijn, en is zeer aanpasbaar. Ingebouwde standaardstijlen maken de themaontwikkeling snel en pijnloos.

Headway-thema's

Prijs: $ 87 - $ 164 | Details

Headway-thema's is een drag-and-drop WP-framework met een licentie onder de GNU GPLv2-licentie. Het zorgt voor een visueel ontwerp van uw site, met een volledig aanpasbaar uiterlijk en lay-out. De Visual Layout Editor kan u tijd besparen, zelfs als u vertrouwd bent met HTML, CSS en PHP.

Hoofdfuncties

  • Headway Configuration Panel maakt het eenvoudig om zowat alles aan te passen.
  • Met de "Easy Hooks" -functie kunt u eenvoudig aangepaste inhoud invoegen waar u maar wilt op een pagina.
  • Ingebouwde zoekmachine optimalisatie.
  • Lay-outontwerp met slepen en neerzetten.
  • Volledige visuele ontwerpcontrole.

Headway Themes bevat een groot aantal functies voor zowel ontwikkelaars als ontwerpers, en kan zelfs worden aangepast zonder kennis te coderen. Hoewel het zeker tot de duurdere premium-frameworks behoort, is het ook een van de meest complete en gebruikersvriendelijke.

Whiteboard Framework 3.1.5

Prijs: gratis | Details

Whiteboard is gebouwd op het Less Framework, wat betekent dat het zich goed aanpast aan verschillende schermformaten en formaten. Het heeft een minimalistisch ontwerp, direct uit de doos, en kan als zodanig worden gebruikt of als basis voor een complexer themaontwerp. Het is een geweldige basis voor vrijwel elke soort WP-site.

Hoofdfuncties

  • Gebouwd op het Less Framework zodat het automatisch een mobiele versie bevat.
  • Kan worden gebruikt zoals het is of wordt gebouwd.
  • HTML5 met sierlijke degradatie ingebouwd.
  • Meer dynamische klassen en ID's dan enig ander WP-framework.
  • Lichtgewicht en goed becommentarieerd voor eenvoudiger ontwikkeling.
  • Volgt het Web Accessibility Initiative.

Whiteboard is een zeer aanpasbaar thema en de ingebouwde basisstijlen en klassen maken het veel sneller om thema's te ontwikkelen. De algehele div-structuur is sterk en flexibel en het Less-framework kan indien gewenst eenvoudig worden verwijderd. Whiteboard is bedoeld voor ontwerpers en ontwikkelaars die comfortabel werken met HTML en CSS, in tegenstelling tot sommige van de andere thema's die hier zijn opgenomen.

Starkers

Prijs: gratis | Details

Starkers is een semantisch, kale WordPress-startersthema. Het bevat geen stijlen, geen presentatie-elementen en geen niet-semantische markeringen. Het is gewoon een schone lei voor je thema-ontwerpen en is een uitgeklede versie van het standaard "Twenty Ten" -thema. Het is volledig GPL-goedgekeurd, zodat u het kunt gebruiken voor persoonlijke of commerciële projecten.

Hoofdfuncties

  • Volledig semantische code.
  • Volledig kale botten zonder presentatie-elementen.
  • Gebaseerd op het Twenty Ten-thema.

Starkers is een uitstekend startpunt voor thema-ontwikkelaars die vanuit het niets een modern thema willen maken. Het bespaart tijd door een basisraamwerk voor uw themaontwerp aan te bieden, maar legt geen beperkingen op aan presentatie of stijl.

Carrington

Prijs: gratis - $ 149 + Details

Carrington is eigenlijk een reeks startthema's, waaronder een blogthema, een minimalistisch thema, een mobiel thema, een bedrijfsthema en een ontwikkelaarsthema dat niet meer is dan een kaal thema-skelet. Er is uitgebreide community-ondersteuning voor Carrington, evenals professionele ondersteuning beschikbaar.

Hoofdfuncties

  • Een aantal startthema's om uit te kiezen op basis van uw behoeften.
  • Er is een reactieve templating-engine beschikbaar waarmee u eenvoudig verschillende visuele stijlen voor verschillende delen van uw sites kunt maken.
  • Een geavanceerd drag-en-drop paginalay-outsysteem, Carrington Build, is ook beschikbaar.

Carrington groeit uit tot een zeer krachtige suite met premium- en gratis startthema- en raamwerkelementen. Er is volledige documentatie beschikbaar, waardoor u gemakkelijk kunt beginnen met het ontwikkelen van Carrington-thema's.

Standaard thema

Prijs: $ 49 - $ 99 | Details

Standaard is gebruikt als basis voor talloze websites met een grote verscheidenheid aan stijlen. De ingebouwde premium functies maken het de prijs meer dan waard, net als de voortdurende ondersteuning. De lay-out en stijl zijn eenvoudig aan te passen, zonder enige codering.

Hoofdfuncties

  • Ondersteuning voor WP 3.1-postindelingen.
  • Een krachtig beheerdersvenster met algemene instellingen, framework-opties, navigatieopties, advertenties, opties voor opmerkingen en delen en nog veel meer.
  • Auteursvoorkeuren die een zijbalkwidgetje bevatten en een aanpasbare 'auteursbox' aan het einde van elk bericht.
  • Aangepaste menu-ondersteuning.
  • Paginasjablonen.
  • Eenvoudige integratie met Analytics.

Standaard heeft een GPL-licentie, zodat u deze op al uw sites kunt gebruiken. U kunt uw eigen thema's boven op Standard maken of deze op elke gewenste site gebruiken. Dit is een geweldige optie voor thema-ontwerpers of ontwikkelaars die niet willen omgaan met dure licentiemogelijkheden voor openbaar uitgegeven thema's of meerdere commerciële websites.

HTML5 WordPress-thema opnieuw instellen

Prijs: gratis | Details | demonstratie

Als u alleen een standaard HTML5-startthema nodig hebt, is het HTML5 Reset-thema misschien iets voor u. Het is volledig gebaseerd op de HTML5-resetsjablonen.

Hoofdfuncties

  • Semantische HTML5-markup.
  • Ondersteuning voor jQuery, Modernizr en Analytics is ingebouwd.
  • Compatibel met hNew Microformat.
  • Starter CSS-verklaringen voor elementaire WordPress-elementen.
  • Een zijbalk die klaar is voor widgets.

HTML5 Reset is een zeer eenvoudig uitgangspunt voor het bouwen van WordPress-thema's. Het is duidelijk gericht op ontwerpers en ontwikkelaars die zich redelijk op hun gemak voelen met code. Het wordt ontwikkeld op Github en de code wordt voortdurend bijgewerkt en verbeterd.

Het buffetkader

Prijs: gratis | Details

Buffet is een eenvoudig WP-themaraamwerk voor zowel eindgebruikers als ontwikkelaars. Het is gebouwd om opnieuw te worden ontworpen met behulp van kindthema's. Het biedt ook ondersteuning voor het maken van thema-extensies door een set actie- en filterfuncties samen te groeperen, waardoor het mogelijk is voor kindthema-ontwerpers om extensies in of uit te schakelen via het optiepaneel.

Hoofdfuncties

  • Ondersteuning voor microformats.
  • Een aantal functies mogelijk gemaakt door jQuery.
  • Thema-opties paneel met organisatie met tabbladen.
  • Actie- en filterhaken met inline documentatie.
  • Zoekmachineoptimalisatie met broodkruimels, koppen en canonieke URL's.

Buffet is een uitstekend startpunt voor de ontwikkeling van kindenthema's. Het minimalistische ontwerp is ook geschikt voor gebruik direct uit de doos, een groot pluspunt voor veel ontwikkelaars die een snelle maar krachtige oplossing willen.

Ashford

Prijs: gratis - $ 49 | Details

Ashford is met name een CMS-framework voor WordPress, in plaats van een blog-framework (of een framework voor alle doeleinden). Het is al meer dan 20.000 keer gedownload en is sinds de release in 2008 te zien in een aantal blogposts.

Hoofdfuncties

  • Paginasjablonen, inclusief 250 variaties in de Pro-versie.
  • Ingebouwde mega-menu's in Pro.
  • Interactieve hero-elementen, waaronder sliders, carrousels, roterende banners en meer.
  • Volledige aanpassing van kopteksten, achtergronden, kleurstijlen en weblettertypen.
  • Ingebouwde mobiele site in de Pro-versie.

Ashford biedt een groot aantal functies in zowel de gratis als de Pro-versie. Zoals eerder vermeld, is het bedoeld voor niet-blogsites en zijn de functies die het bevat gericht op dat doel.

Catalyst

Prijs: $ 97 - $ 174 | Details

Catalyst is een premium themaframework met tal van ingebouwde functies en opties. Het bevat uitstekende ondersteuning, onbeperkte lay-outmogelijkheden en meer dan 800 ontwerpopties. Het is een WP-thema met een leeg canvas dat flexibel en gemakkelijk aan te passen is.

Hoofdfuncties

  • Onbeperkte aangepaste lay-outs, widgets en hook-boxes.
  • Dynamik-kinderthema biedt 800+ ontwerpopties zonder codering.
  • Ingebouwde kindthema-maker (met de mogelijkheid om uw kindthema's te downloaden).
  • Aangepaste CSS-bouwtool die uw code voor u schrijft.
  • Gebruikt HTML5- en CSS3-code.

Catalyst heeft twee licentie-opties beschikbaar: een persoonlijke versie met de mogelijkheid om Catalyst op zoveel sites te gebruiken als u wilt, maar ondersteuning voor slechts twee sites; en een toevoeging voor ontwikkelaars met ondersteuning voor ongelimiteerde sites en toegang tot de ontwikkelaareditie met exclusieve bronnen.

Simon WP Framework

Prijs: gratis | Details

Simon is een kader en een leeg thema waarmee u snel WP-websites kunt bouwen en implementeren. Het kan worden gebouwd en gebruikt hoe je wilt, en heeft een aantal geweldige functies ingebouwd.

Hoofdfuncties

  • Gebouwd op het grid van 960.gs.
  • Gebruikt het Blueprint Typography Framework.
  • Ontwerp met twee kolommen.
  • Aanbevolen berichtmogelijkheid.

Simon is een geweldig basisraamwerk voor het maken van eenvoudige sites. Het is niet zo uitgebreid als sommige van de hier opgenomen kaders, maar je hebt niet altijd een platform met duizend verschillende opties nodig. Als je iets nodig hebt dat gemakkelijk te gebruiken en gebouwd is op een solide platform, dan is Simon de moeite waard.

Welke WP-themakaders gebruikt u? Welke is jouw favoriet? Laat het ons weten in de reacties!