{"id":17683,"date":"2016-07-08T10:20:32","date_gmt":"2016-07-08T08:20:32","guid":{"rendered":"http:\/\/www.alice-in-wonderland.net\/weblog\/?p=17683"},"modified":"2016-07-08T10:24:57","modified_gmt":"2016-07-08T08:24:57","slug":"nieuwe-site-voor-tweedledum-tweedledee","status":"publish","type":"post","link":"https:\/\/www.alice-in-wonderland.net\/weblog\/2016\/07\/nieuwe-site-voor-tweedledum-tweedledee\/","title":{"rendered":"Nieuwe site voor Tweedledum & Tweedledee"},"content":{"rendered":"

Nadat we al die mooie foto’s<\/a> van Ork binnen hadden\u00a0gekregen, raakte ik\u00a0ge\u00efnspireerd om ook onze website wat verder te professionaliseren. Met het oude ontwerp was niet zo heel veel mis, behalve dan dat ik de foto’s erg amateuristisch vond overkomen. Oh ja, en de site paste zich niet aan op mobiele toestellen.<\/p>\n

Dat laatste is natuurlijk inmiddels een grote no-no. Maar ja, ik had me er nog nooit toe gezet om me er in te verdiepen hoe je dat eigenlijk doet. Mijn Alice in Wonderland-site<\/a> is inmiddels behoorlijk complex en vereist\u00a0bovendien een WordPress template, waardoor\u00a0ik de boel destijds maar heb uitbesteed. Maar de site van Tweedledum & Tweedledee bestaat slechts uit een paar pagina’s, die ik gewoon in een html-editor schrijf. Het meest complexe erop is een bestelformulier. Een goede gelegenheid dus om mezelf eens een schop onder mijn hol te geven en daadwerkelijk aan de slag te gaan met procentuele waarden en mediaqueries.<\/p>\n

Wat blijkt? Het is helemaal niet moeilijk!! De site zat in twee dagen in elkaar. Inclusief vertalen van de content in het Engels, want\u00a0inmiddels treden we af en toe ook in het buitenland op. \":-)\"<\/p>\n

De grootste\u00a0uitdaging vormde de externe content, zoals Facebook-widgets en Youtube-video’s. Maar het is me gelukt om ook die zich te laten aanpassen aan je schermbreedte.<\/p>\n

Aan het design heb ik niet zo veel veranderd. De globale indeling is hetzelfde gebleven, net als het kleurenschema.<\/p>\n

Dit was de oude site:<\/p>\n

\"tt-site-oud\"<\/a><\/p>\n

En dit is de nieuwe:<\/p>\n

\"tt-site-nieuw\"<\/a><\/p>\n

Hij is\u00a0hier live te bewonderen.<\/a><\/p>\n

Mooie timing, want in september 2012 zette ik onze eerste site<\/a> live en in augustus 2014 de tweede versie<\/a>. Deze derde versie past heel mooi in het schema: een site gaat blijkbaar 1 jaar en 11 maanden mee. \":-P\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Nadat we al die mooie foto’s van Ork binnen hadden\u00a0gekregen, raakte ik\u00a0ge\u00efnspireerd om ook onze website wat verder te professionaliseren. Met het oude ontwerp was niet zo heel veel mis, behalve dan dat ik de foto’s erg amateuristisch vond overkomen. Oh ja, en de site paste zich niet aan op mobiele toestellen. Dat laatste is …<\/p>\n","protected":false},"author":51,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[20],"tags":[24],"class_list":["post-17683","post","type-post","status-publish","format-standard","hentry","category-mijn-website","tag-tweedledum-tweedledee"],"_links":{"self":[{"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/posts\/17683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/comments?post=17683"}],"version-history":[{"count":5,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/posts\/17683\/revisions"}],"predecessor-version":[{"id":17690,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/posts\/17683\/revisions\/17690"}],"wp:attachment":[{"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/media?parent=17683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/categories?post=17683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.alice-in-wonderland.net\/weblog\/wp-json\/wp\/v2\/tags?post=17683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}