{"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\/de\/features\/page-image-alignment\/","title":{"rendered":"Seite Bildausrichtung"},"content":{"rendered":"

Willkommen bei der Bildausrichtung! Die beste Art und Weise, die Ebbe und Flut der verschiedenen Optionen f\u00fcr die Bildausrichtung zu demonstrieren, ist, sie in ein Meer von W\u00f6rtern einzuschmiegen. Schnappen Sie sich ein Paddel und lassen Sie uns loslegen.<\/p>\n

Zum Thema Ausrichtung ist anzumerken, dass die Benutzer zwischen folgenden Optionen w\u00e4hlen k\u00f6nnen\u00a0Keine<\/em>,\u00a0Links<\/em>,\u00a0Richtig, <\/em>und\u00a0Zentrum<\/em>. Dar\u00fcber hinaus erhalten sie auch die Optionen von\u00a0Vorschaubild<\/em>,\u00a0Medium<\/em>,\u00a0Gro\u00df<\/em>\u00a0&\u00a0Fullsize<\/em>.<\/p>\n

\"Image<\/p>\n

Das Bild oben ist zuf\u00e4llig ein\u00a0zentriert<\/strong><\/em>.<\/p>\n

\"Image<\/strong>Der Rest dieses Absatzes ist nur F\u00fcllmaterial, damit Sie sehen k\u00f6nnen, wie der Text um das 150\u00d7150 gro\u00dfe Bild herumgeht, das linksb\u00fcndig<\/strong><\/em>.\u00a0<\/strong><\/p>\n

Wie Sie sehen k\u00f6nnen, sollte oberhalb, unterhalb und rechts vom Bild etwas Platz sein. Der Text sollte sich nicht \u00fcber das Bild schleichen. Schleichend ist einfach nicht richtig. Bilder brauchen auch Raum zum Atmen. Lassen Sie sie sprechen wie Ihre Worte. Lassen Sie sie ihre Arbeit tun, ohne dass der Text sie st\u00f6rt. In etwa einem weiteren Satz werden wir sehen, dass der Text von der rechten Seite des Bildes nahtlos unter das Bild wandert. Wiederum lassen wir die W\u00f6rter ihre Arbeit tun. Mission erf\u00fcllt!<\/p>\n

Und nun zu einer sehr gro\u00dfes Bild<\/strong><\/em>. Es hat auch keine Ausrichtung<\/strong><\/em>.<\/p>\n

\"Image<\/p>\n

Das Bild oben ist zwar 1200 Pixel breit, sollte aber den Inhaltsbereich nicht \u00fcberf\u00fcllen. Es sollte ohne sichtbare Unterbrechung des Inhaltsflusses bleiben.<\/p>\n

\"Image<\/p>\n

Und jetzt verlagern wir die Dinge auf die rechts ausrichten<\/strong><\/em>. Auch hier sollte oberhalb, unterhalb und links des Bildes viel Platz sein. Schauen Sie ihn sich einfach an... Hey Mann! Die rechte Seite ist wirklich toll. Es ist mir egal, was das links ausgerichtete Bild sagt, Sie sehen toll aus. Lassen Sie sich von niemandem etwas anderes erz\u00e4hlen.<\/p>\n

Nach kurzer Zeit sollten Sie sehen, dass der Text unter dem rechts ausgerichteten Bild umbrochen wird und sich gut einf\u00fcgt. Es sollte noch viel Platz sein und alles sollte gut sitzen. Ja... Genau so ist es. Es hat sich noch nie so gut angef\u00fchlt, richtig zu liegen.<\/p>\n

Und gerade als Sie dachten, wir w\u00e4ren fertig, machen wir sie noch einmal mit Bildunterschriften!<\/p>\n

\"Image

Schauen Sie sich 580\u00d7300 an, um etwas Bildunterschrift<\/a> Liebe.<\/p><\/div>\n

Das Bild oben ist zuf\u00e4llig ein\u00a0zentriert<\/strong><\/em>. Die Bildunterschrift enth\u00e4lt auch einen Link, nur um zu sehen, ob er irgendetwas ausl\u00f6st.<\/p>\n

\"Image

Winzig kleine Bildunterschrift.<\/p><\/div>\n

<\/strong>Der Rest dieses Absatzes ist nur F\u00fcllmaterial, damit Sie sehen k\u00f6nnen, wie der Text um das 150\u00d7150 gro\u00dfe Bild herumgeht, das linksb\u00fcndig<\/strong><\/em>.\u00a0<\/strong><\/p>\n

Wie Sie sehen k\u00f6nnen, sollte oberhalb, unterhalb und rechts vom Bild etwas Platz sein. Der Text sollte sich nicht \u00fcber das Bild schleichen. Schleichend ist einfach nicht richtig. Bilder brauchen auch Raum zum Atmen. Lassen Sie sie wie Ihre Worte sprechen. Lassen Sie sie ihre Arbeit tun, ohne dass der Text sie st\u00f6rt. In etwa einem weiteren Satz werden wir sehen, dass der Text von der rechten Seite des Bildes nahtlos unter das Bild wandert. Wiederum lassen wir die W\u00f6rter ihre Arbeit tun. Mission erf\u00fcllt!<\/p>\n

Und nun zu einer sehr gro\u00dfes Bild<\/strong><\/em>. Es hat auch keine Ausrichtung<\/strong><\/em>.<\/p>\n

\"Image

Massiver Bildkommentar f\u00fcr Ihre Aug\u00e4pfel.<\/p><\/div>\n

Das Bild oben ist zwar 1200 Pixel breit, sollte aber den Inhaltsbereich nicht \u00fcberf\u00fcllen. Es sollte ohne sichtbare Unterbrechung des Inhaltsflusses bleiben.<\/p>\n

\"Image

Es f\u00fchlt sich gut an, immer Recht zu haben.<\/p><\/div>\n

Und jetzt verlagern wir die Dinge auf die rechts ausrichten<\/strong><\/em>. Auch hier sollte oberhalb, unterhalb und links des Bildes viel Platz sein. Schauen Sie ihn sich einfach an... Hey Mann! Die rechte Seite ist wirklich toll. Es ist mir egal, was das links ausgerichtete Bild sagt, Sie sehen toll aus. Lassen Sie sich von niemandem etwas anderes erz\u00e4hlen.<\/p>\n

Nach kurzer Zeit sollten Sie sehen, dass der Text unter dem rechts ausgerichteten Bild umbrochen wird und sich gut einf\u00fcgt. Es sollte noch viel Platz sein und alles sollte gut sitzen. Ja... Genau so ist es. Es hat sich noch nie so gut angef\u00fchlt, richtig zu liegen.<\/p>\n

Und das war's dann auch schon, yo! Sie haben die st\u00fcrmischen Gew\u00e4sser der Ausrichtung \u00fcberlebt. Die Errungenschaft Bildausrichtung ist freigeschaltet!<\/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\/de\/wp-json\/wp\/v2\/pages\/1133"}],"collection":[{"href":"https:\/\/en.passengereye.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/en.passengereye.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/de\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":0,"href":"https:\/\/en.passengereye.com\/de\/wp-json\/wp\/v2\/pages\/1133\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/de\/wp-json\/wp\/v2\/pages\/12"}],"wp:attachment":[{"href":"https:\/\/en.passengereye.com\/de\/wp-json\/wp\/v2\/media?parent=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}