Voortgang Programmeren

8/18/2019 Voortgang Programmeren

1/13


2/13

IntroductieIk ben zelf helemaal niet goed in programmeren, maar ik zou graag komend half

jaar me er meer in verdiepen en hoop er zo beter in te worden. Voor het vakProgrammeren wil ik mij verdiepen in de mogelijkheden van Wordpress en ook hoe ik

een website zo goed mogelijk kan optimaliseren met social media en video, maar denkook aan usability.

Deze kennis zo ik dan kunnen gebruiken mijn eigen portfoliowebsite te bouwenmet Wordpress. Maar dat is niet het hoofddoel wat ik heb voor dit vak en voor deVerdieping. Mijn eigen portfolio wil ik gewoon in de loop van de tijd opbouwen, maarde basis van Wordpress met templates, plugins en widgets wil ik bij dit vak gaan leren.Ik heb namelijk nog een grotere opdracht waar ik me komende weken mee bezig zal

houden.Mijn tante Nienke Landman werkte al een aantal jaar samen met haar vriendin

Nina Hogendoorn bij hun eigen bedrijfje Bonthuishouden ( www.bonthuishouden.nl ).Met de kleurrijke, handgemaakte producten die ze verkopen en de handwerklessen dieze aanbieden wil Bonthuishouden de traditionele handwerktechnieken weer een plek

geven in het dagelijks leven thuis. Maar sinds 2016 heeft Nienke haar eigen bedrijfjegestart onder de naam Mooi van Draad ( www.mooivandraad.nl ). Via Wordpress heeft zeeen simpele website gemaakt en mij gevraagd om medebeheerder van de site te

worden. Met mijn hulp wil ze haar site op hetzelfde level en misschien wel hoger tetillen dan Bonthuishouden door middel van social media en video. Nienke zal zich

bezighouden met het maken van content (blogposts en patronen) en ik zal kijken naarde uitstraling van de site en hoe social media hierin het beste terug kan komen.Volgend blok gaan we naar verwachting ook video’s maken en online plaatsen.

Thema

De website is gemaakt in Wordpress en gebruikt nu (nog) een standaard/gratisthema van Elma Studio, namelijk Yoko ( http://www.elmastudio.de/wordpress-themes/yoko ). Nienke heeft er geen problemen mee om later over te stappen naar een betaaldthema, want mijn verwachting is dat de mogelijkheden met een gratis thema beperktzijn. Mijn tante wil bijvoorbeeld graag haar logo in de header (nu plaatst ze hem steedsaan het begin van een post, maar dat is niet zo mooi), maar ik kan in de code en

customizer niet vinden hoe en of ik dat aan kan passen. Dus ik wil uitzoeken wat demogelijkheden zijn en anders op zoek naar een nieuw thema.

MOOI VAN DRAAD 2

http://www.elmastudio.de/wordpress-themes/yokohttp://www.mooivandraad.nl/http://www.bonthuishouden.nl/


3/13

Dit is hoe de site eruit zag voordat ik begon aan het project:

MOOI VAN DRAAD 3


4/13

Ik heb nog nooit eerder met Wordpress gewerkt, daarom waren de video’s vanStudio Elma over het thema Yoko ook heel jn. https://vimeo.com/elmastudio/videos/search:yoko/sort:date De tutorials heb ik gevolgd en gaven mij inzicht in hoe ik debelangrijkste dingen kon aanpassen. Maar ik voelde me nog wel beperkt in mijn

mogelijkheden. De video’s lieten me niet zien hoe ik lettertypes of kleuren moestwijzigen. Of hoe ik bijvoorbeeld het logo in de header aan kon passen. Het maaktevooral gebruik van de Customizer. Dus ben ik op zoek gegaan naar een stukje HTML enCSS wat ik kon aanpassen. Ik vond het tabje Editor, maar daar schrok ik een beetje van.Ik snapte er niet zoveel van. Zeg maar eigenlijk niets.

Er was een kleins stukje CSS wat herkenbaar voor mij was, maar voor de rest washet alleen maar PHP. Een codetaal die ik niet ken. Dus ik ben maar naar het CSS stukgaan kijken. Na veel gestuntel ontdekte ik uiteindelijk hoe ik een paar kleuren konwijzigen en hoe ik de breedte (in percentages) van de kolommen/zijbalken aan konpassen en een kolom ook weg kon halen voor een overzichtelijker beeld. Ik heb snel

de originele code gekopieerd, zodat wanneer ik het even niet meer weet, ik altijd terugkan naar het origineel.

Wat ik graag zou willen is het lettertype van het logo gebruiken als titel voor op dewebsite. Maar in de code vond ik nog niet hoe ik dit moet aanpassen. Wel heb ikopgezocht wat het font van het logo eigenlijk is. Maar hoe ik dit in de code moet zettenheb ik nog niet ontdekt.

MOOI VAN DRAAD 4

https://vimeo.com/elmastudio/videos/search:yoko/sort:date


5/13

In mijn zoektocht naar templates en thema’s ontdekte ik ook dat sommige themesbovenstaande pagina’s bevatten. Super handig, maar ik heb nog niet ontdekt waar ikdeze code zou moeten plakken om het te laten werken.

Widgets en indelingDe code heb ik daarna even gelaten voor wat het was, en heb onderzoek gedaan

naar hoe ik social media feed in de website kon krijgen. Zo heb ik al met wat widgetsbijvoorbeeld haar Instagramfeed en social icons toegevoegd en probeer wat aan de

layout te veranderen.

MOOI VAN DRAAD 5


6/13

De social icons en de kolommen heb ik voorgelegd aan mijn tante.Bekijk de video: https://www.youtube.com/watch?v=NlPIzqi_IEo

MOOI VAN DRAAD 6

https://www.youtube.com/watch?v=NlPIzqi_IEo


7/13

Wordpress en PHPIn de les heb ik Frans gevraagd hoe ik nu het beste verder kan met mijn project.

Hoe kan Frans mij het beste helpen? Waar kan ik mij het beste in verdiepen Wordpressof PHP? Wat zijn goede middelen om mee te leren? Hoe werkt PHP?

Frans gaf aan dat ik probeer in te stappen in een hoog niveau van PHP terwijl ikdeze codetaal helemaal niet beheers. Zijn advies was om in Explora naar wat boeken te

zoeken en de tutorials van Codeacademy te volgen over PHP. Ik heb de Codeacademyles Introduction to PHP gevolgd. En dat was nog best ingewikkeld, maar ik heb me erdoorheen geslagen! Nu wil ik de volgende lessen ook gaan volgen.

PortfoliowebsiteIn de tussentijd heb ik ook m’n eigen website gelanceerd. Via Strato kon ik een

domeinnaam krijgen en ben later geüpgraded naar PowerWeb Starter, want hiermeekon ik tegen een voordelige prijs ook Wordpress op mijn site gebruiken. En zo waswww.joannelandman.nl geboren :)

Dit was voor mij ook de mogelijkheid om verschillende thema’s uit te proberen,zonder de pagina van Mooi van Draad met al haar informatie door de war te gooien.

Dus ik heb onderstaande thema’s een voor een gedownload en de mogelijkheden

verkent en tutorials bekeken van de thema’s als die er waren. Dat was heel leerzaam!

MOOI VAN DRAAD 7

http://www.joannelandman.nl/


8/13

Uiteindelijk heb ik gekozen voor het thema Creator van Dessign. Ook zij haddeneen handige tutorial die veel uitlegde: https://vimeo.com/153173046

MOOI VAN DRAAD 8

https://vimeo.com/153173046


9/13

Mooi van DraadDeze informatie kan ik ook gebruiken bij Mooi van Draad. Maar eerst heb ik met

mijn tante naar de huidige stand van zaken gekeken. Inmiddels zag de website er zo uit:

MOOI VAN DRAAD 9


10/13

Samen met Nienke heb ik besproken hoe de website er uit moet komen gaanzien, welke pagina’s er moeten komen, wat een handig menu is en hoe we ervoorzorgen dat dit alles aansluit en duidelijk is voor de doelgroep. Voor het vak strategieben ik bezig om een prositioneringsstrategie voor Mooi van Draad uit te werken endaarbij gaf Nienke me het advies om dan ook eens naar Google Analytics te kijken. Dus

dat heb ik op de website geïnstalleerd en dat gaf interessante resultaten:

Ik had verschillende websites uitgezocht die ik interessant vond en Nienke hadeen moodboard gemaakt met wat ze met haar website wil.

Op de volgende pagina’s zie je wat voorbeelden van verschillende bestaandeblogs die we interessant vonden. Vooral over de website Fris en Fruitig waren webeiden heel enthousiast. De indeling was mooi, er staan prachtige foto’s op en het isoverzichtelijk en simpel. Helaas konden we niet ontdekken welk theme hiervoor is

gebruikt, maar we gaan in de komende weken naar op zoek. Ik zal me verder verdiepenin mogelijke thema’s.

Zover ben ik nu gekomen met programmeren. Volgend blok wil ik ook gaan kijkennaar de mogelijkheden van video. Maar ik ben nu al tevreden met hoeveel er is

veranderd vanaf het begin.

MOOI VAN DRAAD 10


11/13


12/13


13/13

Voortgang Programmeren

Documents

Transcript of Voortgang Programmeren