{"id":1133,"date":"2013-03-15T18:19:23","date_gmt":"2013-03-15T23:19:23","guid":{"rendered":"http:\/\/wptest.io\/demo\/?page_id=1080"},"modified":"2013-03-15T18:19:23","modified_gmt":"2013-03-15T23:19:23","slug":"page-image-alignment","status":"publish","type":"page","link":"https:\/\/en.passengereye.com\/da\/features\/page-image-alignment\/","title":{"rendered":"Justering af sidebilleder"},"content":{"rendered":"

Velkommen til billedjustering! Den bedste m\u00e5de at demonstrere ebbe og flod i de forskellige billedplaceringsmuligheder er at putte dem ind i et hav af ord. Tag en pagaj, og lad os komme i gang.<\/p>\n

Med hensyn til justering skal det bem\u00e6rkes, at brugerne kan v\u00e6lge mellem f\u00f8lgende muligheder\u00a0Ingen<\/em>,\u00a0Venstre<\/em>,\u00a0Det er rigtigt, <\/em>og\u00a0Center<\/em>. Derudover f\u00e5r de ogs\u00e5 mulighed for\u00a0Miniaturebillede<\/em>,\u00a0Medium<\/em>,\u00a0Stor<\/em>\u00a0&\u00a0Fuld st\u00f8rrelse<\/em>.<\/p>\n

\"Image<\/p>\n

Billedet ovenfor er tilf\u00e6ldigvis\u00a0centreret<\/strong><\/em>.<\/p>\n

\"Image<\/strong>Resten af dette afsnit er fyldstof for at se teksten ombrydes omkring 150\u00d7150-billedet, som er venstrejusteret<\/strong><\/em>.\u00a0<\/strong><\/p>\n

Som du kan se, skal der v\u00e6re lidt plads over, under og til h\u00f8jre for billedet. Teksten b\u00f8r ikke krybe ind p\u00e5 billedet. Det er bare ikke i orden. Billeder skal ogs\u00e5 have plads til at \u00e5nde. Lad dem tale som dine ord. Lad dem g\u00f8re deres arbejde uden at blive forstyrret af teksten. Om cirka en s\u00e6tning mere ser vi, at teksten bev\u00e6ger sig fra h\u00f8jre side af billedet og ned under billedet i en glidende overgang. Igen lader vi den g\u00f8re sit arbejde. Missionen er fuldf\u00f8rt!<\/p>\n

Og nu til en massivt stort billede<\/strong><\/em>. Den har ogs\u00e5 Ingen justering<\/strong><\/em>.<\/p>\n

\"Image<\/p>\n

Selvom billedet ovenfor er 1200 px bredt, b\u00f8r det ikke overfylde indholdsomr\u00e5det. Det skal forblive indeholdt uden synlig forstyrrelse af indholdsflowet.<\/p>\n

\"Image<\/p>\n

Og nu vil vi flytte fokus over p\u00e5 h\u00f8jrejustering<\/strong><\/em>. Igen skal der v\u00e6re masser af plads over, under og til venstre for billedet. Bare se p\u00e5 ham der... Hey fyr! S\u00e5dan skal h\u00f8jre side rocke. Jeg er ligeglad med, hvad det venstreorienterede billede siger, du ser godt ud. Lad ikke nogen andre fort\u00e6lle dig noget andet.<\/p>\n

Om lidt skulle du gerne se, at teksten begynder at komme ind under det h\u00f8jrejusterede billede og l\u00e6gger sig p\u00e6nt til rette. Der skulle stadig v\u00e6re masser af plads, og alt skulle sidde p\u00e6nt. Ja... s\u00e5dan der. Det har aldrig f\u00f8ltes s\u00e5 godt at have ret.<\/p>\n

Og lige som du troede, vi var f\u00e6rdige, laver vi dem alle sammen igen med billedtekster!<\/p>\n

\"Image

Se p\u00e5 580\u00d7300 f\u00e5r nogle Billedtekst<\/a> k\u00e6rlighed.<\/p><\/div>\n

Billedet ovenfor er tilf\u00e6ldigvis\u00a0centreret<\/strong><\/em>. Der er ogs\u00e5 et link i billedteksten, bare for at se, om den g\u00f8r noget m\u00e6rkeligt.<\/p>\n

\"Image

En lillebitte billedtekst.<\/p><\/div>\n

<\/strong>Resten af dette afsnit er fyldstof for at se teksten ombrydes omkring 150\u00d7150-billedet, som er venstrejusteret<\/strong><\/em>.\u00a0<\/strong><\/p>\n

Som du kan se, skal der v\u00e6re lidt plads over, under og til h\u00f8jre for billedet. Teksten b\u00f8r ikke krybe ind p\u00e5 billedet. Det er bare ikke i orden. Billeder skal ogs\u00e5 have plads til at \u00e5nde. Lad dem tale som dine ord. Lad dem g\u00f8re deres arbejde uden at blive forstyrret af teksten. Om cirka en s\u00e6tning mere ser vi, at teksten bev\u00e6ger sig fra h\u00f8jre side af billedet og ned under billedet i en glidende overgang. Igen lader vi den g\u00f8re sit arbejde. Missionen er fuldf\u00f8rt!<\/p>\n

Og nu til en massivt stort billede<\/strong><\/em>. Den har ogs\u00e5 Ingen justering<\/strong><\/em>.<\/p>\n

\"Image

Massiv billedkommentar til dine \u00f8jen\u00e6bler.<\/p><\/div>\n

Selvom billedet ovenfor er 1200 px bredt, b\u00f8r det ikke overfylde indholdsomr\u00e5det. Det skal forblive indeholdt uden synlig forstyrrelse af indholdsflowet.<\/p>\n

\"Image

Det f\u00f8les godt at have ret hele tiden.<\/p><\/div>\n

Og nu vil vi flytte fokus over p\u00e5 h\u00f8jrejustering<\/strong><\/em>. Igen skal der v\u00e6re masser af plads over, under og til venstre for billedet. Bare se p\u00e5 ham der... Hey fyr! S\u00e5dan skal h\u00f8jre side rocke. Jeg er ligeglad med, hvad det venstreorienterede billede siger, du ser godt ud. Lad ikke nogen andre fort\u00e6lle dig noget andet.<\/p>\n

Om lidt skulle du gerne se, at teksten begynder at komme ind under det h\u00f8jrejusterede billede og l\u00e6gger sig p\u00e6nt til rette. Der skulle stadig v\u00e6re masser af plads, og alt skulle sidde p\u00e6nt. Ja... s\u00e5dan der. Det har aldrig f\u00f8ltes s\u00e5 godt at have ret.<\/p>\n

Og s\u00e5 er vi f\u00e6rdige, yo! Du har overlevet justeringens tumultariske farvande. Pr\u00e6stationen for billedjustering er l\u00e5st op!<\/p>","protected":false},"excerpt":{"rendered":"

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":12,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/en.passengereye.com\/da\/wp-json\/wp\/v2\/pages\/1133"}],"collection":[{"href":"https:\/\/en.passengereye.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/en.passengereye.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/da\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":0,"href":"https:\/\/en.passengereye.com\/da\/wp-json\/wp\/v2\/pages\/1133\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/da\/wp-json\/wp\/v2\/pages\/12"}],"wp:attachment":[{"href":"https:\/\/en.passengereye.com\/da\/wp-json\/wp\/v2\/media?parent=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}