{"id":2490,"date":"2024-11-07T16:43:29","date_gmt":"2024-11-07T15:43:29","guid":{"rendered":"https:\/\/ipsview.brownson.at\/?p=2490"},"modified":"2024-11-07T21:30:11","modified_gmt":"2024-11-07T20:30:11","slug":"verwendung-von-ankern","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=2490","title":{"rendered":"Verwendung von Ankern"},"content":{"rendered":"

\n<\/div>
<\/div><\/div><\/div><\/div><\/div>

Verwendung von Ankern<\/h2><\/h1><\/div>

Diesen Beitrag m\u00f6chte ich der Verwendung von Ankern widmen. Mit den Ankern k\u00f6nnt Ihr bestimmen, wie ein Steuerelement auf eine Ver\u00e4nderung der Gr\u00f6\u00dfe der Seite reagiert.<\/h3>\n<\/div>

Als Beispiel habe ich ein pers\u00f6nliches Steuerelement mit einem Label als Hintergrund und einem Button in der Mitte<\/h3>\n<\/div>

Wichtig ist hierbei, die Anker stellt Ihr in diesem Beispiel im Editor der Pers\u00f6nlichen Steuerelemente ein, die entsprechende Anpassung der Gr\u00f6\u00dfe k\u00f6nnt Ihr dann im normalen Editor beobachten.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Auto<\/h1><\/div>

Als Standard Einstellung wird Auto f\u00fcr die Eigenschaft Anker verwendet. Hierbei passen sich Gr\u00f6\u00dfe und Position des betreffenden Steuerelementes automatisch an eine Ver\u00e4nderung der Gr\u00f6\u00dfe des pers\u00f6nlichen Steuerelementes.<\/h3>\n<\/div>

Diese Einstellung sollte f\u00fcr die meisten Anwendungsf\u00e4lle passen.<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Oben Links<\/h1><\/div>

Mit den Einstellungen „Links“, „Rechts“, „Oben“ und „Unten“ f\u00fcr die Eigenschaft Anker k\u00f6nnt Ihr festlegen, welche Seite seine Position verankert haben soll.<\/h3>\n<\/div>

Typische Einstellung ist hier „Oben Links“, dabei beh\u00e4lt das Steuerelement seine Position und Gr\u00f6\u00dfe in der linken oberen Ecke.<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Unten Rechts<\/h1><\/div>

Eine weitere typische Einstellung ist „Unten Rechts“, dabei beh\u00e4lt das Steuerelement seine Position und Gr\u00f6\u00dfe in der linken unteren Ecke.<\/h3>\n<\/div>

Generell k\u00f6nnt Ihr mit den Ankern auch die minimale Gr\u00f6\u00dfe eines Steuerelementes festlegen, in diesem Beispiel kann das Steuerelement nicht kleiner als die rechte obere Ecke des Buttons werden.<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/p>\n<\/div>\n<\/div>
<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[149],"class_list":["post-2490","post","type-post","status-publish","format-standard","hentry","category-howto","tag-anker"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2490"}],"version-history":[{"count":7,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2490\/revisions"}],"predecessor-version":[{"id":2556,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2490\/revisions\/2556"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}