{"id":188,"date":"2020-02-22T19:04:00","date_gmt":"2020-02-22T18:04:00","guid":{"rendered":"https:\/\/www.penzenauer.at\/blog\/?p=188"},"modified":"2021-06-14T16:28:34","modified_gmt":"2021-06-14T14:28:34","slug":"wordpress-divi-buttons-in-slider-auf-neues-fenster-tab-verlinken","status":"publish","type":"post","link":"https:\/\/www.penzenauer.at\/blog\/wordpress-divi-buttons-in-slider-auf-neues-fenster-tab-verlinken\/","title":{"rendered":"WordPress: Divi Buttons in Slider auf neues Fenster\/Tab verlinken"},"content":{"rendered":"\n[et_pb_section fb_built=“1″ admin_label=“section“ _builder_version=“4.9.4″ hover_enabled=“0″ custom_padding=“0px||0px||false|false“ sticky_enabled=“0″][et_pb_row admin_label=“row“ _builder_version=“3.25″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“][et_pb_column type=“4_4″ _builder_version=“3.25″ custom_padding=“|||“ custom_padding__hover=“|||“][et_pb_text admin_label=“Text“ _builder_version=“3.27.4″ background_size=“initial“ background_position=“top_left“ background_repeat=“repeat“]\n

Wenn ich Seiten mit WordPress erstelle, arbeite ich am liebsten mit dem\u00a0Divi von Elegant Themes<\/a>. Dieses gut durchdachte Theme bietet unendlich viele M\u00f6glichkeiten Seiten individuell zu gestalten. Au\u00dferdem gibt es einen sehr guten Support.<\/p>\n\n\n\n

Ab und an sto\u00dfe ich auf Fragen die sich nicht so einfach l\u00f6sen lassen. Vor Kurzem hatte ich das Thema, dass ich bei zwei Buttons in einem \u201eFullwidth Image\u201c wollte, dass sich die verlinkten Inhalte in einem neuen Tab \u00f6ffnen.<\/p>\n\n\n\n

Gefunden hab ich die L\u00f6sung hier: https:\/\/easy-web-solutions.de\/fullwidth-slider-link-oeffnen-neues-fenster\/<\/a><\/p>\n\n\n\n

Hier wird erkl\u00e4rt wie man mit Hilfe einer CSS-Klasse und einem JavaScript ebendies erreichen kann.<\/p>\n\n\n\n

Achtung: beim Kopieren des JavaScript m\u00fcssen die Anf\u00fchrungszeichen anschlie\u00dfend alle h\u00e4ndisch im Editor ge\u00e4ndert werden, da der Code sonst nicht funktioniert.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.9.4″ _module_preset=“default“ global_module=“272″][et_pb_column type=“4_4″ _builder_version=“4.9.4″ _module_preset=“default“][et_pb_post_nav prev_text=“Vorheriger Artikel“ next_text=“N\u00e4chster Artikel“ _builder_version=“4.9.4″ _module_preset=“default“ title_text_color=“#FFFFFF“ background_color=“#2E4770″ custom_padding=“0.5em|0.5em|0.5em|0.5em|true|true“][\/et_pb_post_nav][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"

Wenn ich Seiten mit WordPress erstelle, arbeite ich am liebsten mit dem\u00a0Divi von Elegant Themes. Dieses gut durchdachte Theme bietet unendlich viele M\u00f6glichkeiten Seiten individuell zu gestalten. Au\u00dferdem gibt es einen sehr guten Support. Ab und an sto\u00dfe ich auf Fragen die sich nicht so einfach l\u00f6sen lassen. Vor Kurzem hatte ich das Thema, dass […]<\/p>\n","protected":false},"author":1,"featured_media":76,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"\n

Wenn ich Seiten mit WordPress erstelle, arbeite ich am liebsten mit dem\u00a0Divi von Elegant Themes<\/a>. Dieses gut durchdachte Theme bietet unendlich viele M\u00f6glichkeiten Seiten individuell zu gestalten. Au\u00dferdem gibt es einen sehr guten Support.<\/p>\n\n\n\n

Ab und an sto\u00dfe ich auf Fragen die sich nicht so einfach l\u00f6sen lassen. Vor Kurzem hatte ich das Thema, dass ich bei zwei Buttons in einem \u201eFullwidth Image\u201c wollte, dass sich die verlinkten Inhalte in einem neuen Tab \u00f6ffnen.<\/p>\n\n\n\n

Gefunden hab ich die L\u00f6sung hier: https:\/\/easy-web-solutions.de\/fullwidth-slider-link-oeffnen-neues-fenster\/<\/a><\/p>\n\n\n\n

Hier wird erkl\u00e4rt wie man mit Hilfe einer CSS-Klasse und einem JavaScript ebendies erreichen kann.<\/p>\n\n\n\n

Achtung: beim Kopieren des JavaScript m\u00fcssen die Anf\u00fchrungszeichen anschlie\u00dfend alle h\u00e4ndisch im Editor ge\u00e4ndert werden, da der Code sonst nicht funktioniert.<\/p>\n","_et_gb_content_width":"","footnotes":""},"categories":[21],"tags":[32,60,58],"class_list":["post-188","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aus-meiner-arbeit","tag-css","tag-divi","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":4,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/188\/revisions"}],"predecessor-version":[{"id":300,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/posts\/188\/revisions\/300"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media\/76"}],"wp:attachment":[{"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/media?parent=188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/categories?post=188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.penzenauer.at\/blog\/wp-json\/wp\/v2\/tags?post=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}