Goededag.
Iedereen kent de themes van wordpress wel.
Vaak kom je er uit met een theme wat je kan kopen of sommige zelfs gratis.

In mijn geval wil ik leren om een wordprrss theme aan te maken
Hoe zijn jullie begonnen hiermee?
Een blanco theme? Betaald theme en dit aanpassen? Van helemaal niks naar een theme?


Graag hoor ik jullie ervaringen en adviezen.

Mvg.

Martijn

Begin eens met een child theme. Daarmee kun je heel mooi de basisfunctionaliteiten van WordPress themes leren kennen. Als je daar een keer lekker mee hebt gespeeld, ook met breadcrumbs etc, kun je beginnen met een basis/blanco framework. Als je geen php beheerst kom je daarna ook aan de grenzen van je mogelijkheden. Mocht zo'n framework je toch te ver gaan, kijk dan eens naar het Layers framework, dat is wat meer "sleur en pleur"

Hoe ik het heb geleerd? Eerst een website bouwen in HTML. Daarna ga je leren om te gaan met de verschillende PHP-tags die WordPress rijk is. Dat kan aan de hand van de eigen handleiding genaamd Codex. Maar je kan ook onderstaande tutorial volgen:

http://themeshaper.com/2009/06/22/wo...ates-tutorial/

Ik heb nooit met childthemes gespeeld, zoals hierboven wordt aangeraden. Maak gewoon een aparte Wordpress-installatie en begin met het bouwen van een thema a.d.h.v. bovenstaande tutorial. Het zal er simpel uitzien, maar begin bij de basis. Daarna maak je een ontwerp van het beoogde thema in HTML. Vervolgens kun je 'm zo ombouwen naar WordPress als je de Codex onder de knie hebt.

Het één en ander is afhankelijk van wat je al zoal kunt met bijvoorbeeld Wordpress, HTML/CSS, Photoshop (of andere software voor het bewerken of maken van de nodige afbeeldingen.) Als dit alles nog nieuw voor je is dan zou ik beginnen om de basis van HTML en CSS en ook Photoshop te leren kennen. Voor beide zijn inmiddels vele tutorials op internet te vinden maar je kunt hier natuurlijk ook zelf mee experimenteren.

Wanneer je de basis van HTML/CSS en Photoshop hebt geleerd of al onder de knie had is het ontdekken en ervaren van Wordpress in mijn ogen de volgende stap. Zodra je belangrijke zaken zoals bijvoorbeeld het aanmaken van pagina's en de nodige plugins kunt terugvinden in je Wordpress Admin heb je hier profijt van wanneer je met themes aan de slag gaat. Dit geldt ook voor mappen en bestanden op de FTP (of lokaal). Zorg ervoor dat je hiervan de structuur leert kennen. Hoe minder zoekwerk je hoeft te verrichten tijdens het aanpassen van een theme hoe gemakkelijker en sneller je persoonlijke theme klaar is.

Zodra je weet hoe Wordpress in elkaar steekt is het dan ook tijd om met de themes zelf aan de slag te gaan. Als bovenstaande al als een hele opgave klinkt dan zou ik beginnen met het aanpassen van een aantal (gratis) standaard themes. Installeer zomaar eens een aantal willekeurige themes en ga er eens mee aan de slag om deze volledig naar eigen wens te maken. Combineer ook eventueel de HTML en CSS uit verschillende themes eens met elkaar om zo nog meer af te wijken van het standaard theme.

Het hangt er dan ook behoorlijk vanaf hoeveel kennis je momenteel al in huis hebt. Wanneer je vanaf het nulpunt begint is het al met al denk ik best een hele uitdaging om een bestaand theme aan te passen. Met de nodige kennis in huis is het natuurlijk ook mogelijk om zelf themes vanaf het nulpunt te ontwerpen en op te bouwen, anderzijds is dit in veel gevallen helemaal (niet meer) nodig.

De keuze tussen of het aanpassen van een (gratis) theme of het zelf ontwerpen van een theme vind ik overigens mede afhankelijk van de doeleinden van de website waar je het theme uiteindelijk voor wilt gebruiken.

P.S. Voor het vinden van bijvoorbeeld HTML code, teksten e.d. gebruik ik vaak het programma Agent Ransack. Hiermee kun je in bestanden zoeken wat soms erg handig is bij het aanpassen van themes. Een andere tip voor een handig en klein programma is ColorCop. Je kunt hiermee kleurcodes heel eenvoudig tevoorschijn halen, wat dan ook weer erg handig kan zijn als je een theme wilt aanpassen.

En dan nog een laatste tip, ga niet over één nacht ijs als je vanaf het nulpunt moet beginnen. Dit traject kan zomaar eens heel wat vrije tijd in beslag gaan nemen.

Heel erg bedankt voor de reacties.
ik heb voorlopig weer even genoeg lees voer.

Andere reacties, ervaringen en adviezen zijn nog steeds van harte welkom.

Wat ik kan aanraden is dat je je eerst gaat focussen op het degelijk omzetten van een ontwerp naar HTML(5). Als je dat eenmaal kunt, snap je ook hoe een pagina is opgebouwd. Hierdoor wordt het aanpassen van bestaande thema's ook een stuk eenvoudiger omdat je de structuur zult herkennen en weet waar je welk element kunt vinden.

Bij de daaropvolgende stap heb je eigenlijk twee keuzes. Of je gaat de basis van PHP leren, of je gaat kijken hoe ver je komt met de Codex van WordPress, die hierboven al werd genoemd. Het lijkt mij echter verstandig om eerst PHP onder de knie te krijgen omdat je dan, net als eerdergenoemde voorbeeld, veel beter ziet waar een stukje code voor staat en wat het doet. Maakt het echt een stuk eenvoudiger!

Verder wens ik je heel veel succes! Bij vragen zijn er hier op 't forum genoeg mensen die je van een antwoord kunnen voorzien!

Ik had mezelf al HTML en CSS geleerd, gewoon begonnen met het bouwen van een website in frontpage, daarna veel tutorials en boeken gelezen zodat ik nu valide HTML5 en CSS3 code kan schrijven. Op diezelfde manier heb ik overigens ook mijn kennis over SEO, usability en allerlei andere onderwerpen opgedaan.

Enkele jaren geleden kreeg ik een grote klant die met Wordpress werkte, en aangezien het vinden van een geschikt thema altijd veel tijd kostte heb ik iemand hier op het forum een basic standaard thema in elkaar laten zetten, met een header, wat widget areas, een custom menu enzovoorts.

Aangezien ik zelf voldoende HTML en CSS kennis had heb ik hem alleen de structuur laten maken (de PHP en WordPress hooks dus), de rest kon ik immers zelf wel. Na een paar websites gemaakt te hebben kreeg ik steeds beter door hoe een WordPress site in elkaar zit, en op een gegeven moment heb ik zelf een thema van 0 af aan gemaakt.

Nu heb ik een stuk of 5 zelfgemaakte thema's die een prima basis vormen voor vrijwel iedere website, en bovendien weet ik nu inmiddels ook hoe ik widget areas en andere functionaliteiten toevoeg waardoor ik vrijwel ieder gewenste indeling kan realiseren.

Ik heb in het verleden diverse methodes gebruikt. Maar vergis je niet dat php kunnen schrijven heel wat anders is als het gebruiken van de WordPress hooks die 90% aansturen en inladen.

Html5 blank theme vind ik een mooie basis. Alleen de basis zit erin en werkt zeer snel voor een nieuwe site vanaf scratch.

Hey Martijn,

Ik ben daar de afgelopen maand ook mee bezig geweest. Vaak kan je in de demo van een template die je download van wordPress iets niet installeren bvb een mooie revolution Slider in de header die fullscreen is.

Tot ik deze video op youtube https://www.youtube.com/watch?v=sd0grLQ4voU zag van Tyler Moore staan....

Je moet er maar even goed voor gaan zitten de video is 2,5 uur lang je kan het child team downloaden van virtue deze is gratis van wordpress...Het enige nadeel is dat je de revoltion slider nodig hebt.

Dit is het gratis child theme dat Tyler Moore gebruikt...

https://nl.wordpress.org/themes/virtue/




Hier kan je de revolution slider bekijken. http://revcdn3.themepunch.com/wp-con...p_sliderdy.jpg Hij kost 18,/ euro van mij kan je hem gratis overnemen...



Dit is de mooiste slider die ik ooit gezien. Deze moet je wel kopen anders kan je de slider niet full screen krijgen zoals Tyler ook doet in de youtube video..


Dit is het eindresultaat....na 2,5 uur ....



Dit is de video op youtube.....
https://www.youtube.com/watch?v=sd0grLQ4voU


Gr Mark lokaalvindbaar..
voor vragen kan je me pm.

Ik heb die video ook eens goed bekeken. Tijdje geleden al.
Dit is meer een eigen website maken.
niet echt een eigen theme.

Toch bedankt

Je wil dus meer de developer design kant op met scripts en css codes..Volgens mij kan je dan Firebug gebruiken of gewoon een lege template child theme

Met Firebug kun je kijken hoe de HTML code en de CSS code van je website eruit ziet, en je kunt testen wat het resultaat van wijzigingen is. Zo kun je met behulp van Firebug bijvoorbeeld uitvinden wat je moet aanpassen om een logo in de header van je site te plaatsen. met firebug kan je alles uit proberen zonder dat je template het niet meer doet.

Echt super handig deze addon van firebug dan kan je altijd de juiste css code vinden in je template bvb de footer powered bij wordpress kan je dan snel veranderen in design by Mark Kooijman...haha...prettige avond...ik weet niet hoe ver je bent je kennis van css voor beginner is firebug erg handig.


Gr Mark

Origineel gepost door Mark Kooijman

Echt super handig deze addon van firebug dan kan je altijd de juiste css code vinden in je template bvb de footer powered bij wordpress kan je dan snel veranderen in design by Mark Kooijman...haha...prettige avond...ik weet niet hoe ver je bent je kennis van css voor beginner is firebug erg handig.

Gr Mark

Excuseer voor het offtopic maar Mark zet jij altijd je naam onder iets wat je niet (zelf) gemaakt hebt?

@TS, (Gratis) thema's hebben vaak de nodige voorwaarden aangezien hier copyright op zit. Afhankelijk van het thema (en uiteraard de ontwerper) welke voorwaarden op het thema van toepassing zijn. Dit soort links uit thema's zo maar verwijderen kan weleens als "niet leuk" door de maker worden ervaren welke vervolgens de nodige acties kan en mag ondernemen aangezien hij de daadwerkelijke ontwerper is. Niet dat dit in de praktijk erg vaak zal gebeuren maar sla dit soort "vreemde" adviezen s.v.p. in de wind (of lees eerst aandachtig de voorwaarden van een thema door zodat je er zeker van bent dat je de nodige zaken mag aanpassen, er zijn wel thema's te vinden waarbij de footer links enkel worden gewaardeerd maar wel mogen worden aangepast maar onderzoek dit wel eerst even).