{"id":31022,"date":"2023-03-08T14:46:00","date_gmt":"2023-03-08T16:46:00","guid":{"rendered":"https:\/\/bernhardherzog.com\/de\/?p=31022"},"modified":"2023-08-06T06:46:02","modified_gmt":"2023-08-06T08:46:02","slug":"launch-von-standuppaddeln-at","status":"publish","type":"post","link":"https:\/\/bernhardherzog.com\/de\/launch-von-standuppaddeln-at\/","title":{"rendered":"Launch von standuppaddeln.at"},"content":{"rendered":"\n<p>Am 1. M\u00e4rz konnte ich p\u00fcnktlich zum Start der neuen SUP-Saison die neue Version der Website <a href=\"https:\/\/bernhardherzog.com\/de\/standuppaddeln\/\" target=\"_blank\" rel=\"noreferrer noopener\">standuppaddeln.at <\/a>launchen. \u00dcber den Design-Aspekt <a href=\"https:\/\/bernhardherzog.com\/de\/standuppaddeln\/\">habe ich bereits hier<\/a> ausf\u00fchrlich berichtet. Heute will ich auf die Realisierung in WordPress eingehen.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>In diesem Video seht ihr einen \u00dcberblick \u00fcber die Realisierung der neuen Website:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1024\" style=\"aspect-ratio: 1024 \/ 1024;\" width=\"1024\" controls src=\"https:\/\/bernhardherzog.com\/de\/wp-content\/uploads\/sites\/2\/2023\/03\/sup_showcase-1.mp4\"><\/video><figcaption class=\"wp-element-caption\">Realisierung von standuppaddeln.at<\/figcaption><\/figure>\n\n\n\n<p>Features:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>konsequentes Corporate Design (schwarz\/rot wie bei einer Schreibmaschine und entsprechende Schrift, runde Bilder wie das Logo Blick durch ein Fernrohr quasi)<\/li>\n\n\n\n<li>Sticky Men\u00fc und shrinking header, verschwindet beim Runterscrollen und erscheint wieder beim Raufscrollen<\/li>\n\n\n\n<li>SVG Logo mit verschiedenen Settings (farbig, einfarbig, Favicon, horizontal lang, vertikal gr\u00f6\u00dfer)<\/li>\n\n\n\n<li>l\u00e4uft auf virtuellem Server (nicht auf WebHosting) von netcup<\/li>\n\n\n\n<li>full screen hero section mit slider<\/li>\n\n\n\n<li>Beitr\u00e4ge werden dynamisch eingebunden<\/li>\n\n\n\n<li>eigener Template basierend auf 2023 Theme, Site Editor Templates<\/li>\n\n\n\n<li>SVG Logo animiert bei MouseOver am Desktop (als Gutenberg Block\/Plugin mit NodeJS und React realisiert)<\/li>\n\n\n\n<li>SVG Infografiken:<br><a href=\"https:\/\/standuppaddeln.at\/kaufberatung\/\" target=\"_blank\" rel=\"noreferrer noopener\">hier klicken<\/a><\/li>\n\n\n\n<li>Landing Pages mit Video in Hero Section, z.B.:<br><a href=\"https:\/\/standuppaddeln.at\/safety\/\" target=\"_blank\" rel=\"noreferrer noopener\">hier klicken<\/a><\/li>\n\n\n\n<li>Icons im Men\u00fc (Icon font wurde reduziert auf die verwendeten Zeichen um Ladezeit zu verringern)<\/li>\n\n\n\n<li>lazy loading der Bilder (bis auf das 1. f\u00fcr first contentfull paint) und scripts async<\/li>\n\n\n\n<li>Caching \u00fcber CloudFlare (Bilder werden von lokaler Node ausgeliefert, z.B. aus Wien)<\/li>\n\n\n\n<li>Bilder als webp und Videos als webm (optimierte kleine Formate)<\/li>\n\n\n\n<li>Newsletter mit Lead Magnet und Contact Formular<\/li>\n\n\n\n<li>Plugins nur auf Seiten geladen, wo sie verwendet werden<\/li>\n\n\n\n<li>WooCommerce Shop mit Affiliate Links und virtuellen Produkten (E-Book):<br><a href=\"https:\/\/standuppaddeln.at\/touren\/oesterreich\/niederoesterreich\/march-und-thaya\/\" target=\"_blank\" rel=\"noreferrer noopener\">hier klicken<\/a><\/li>\n\n\n\n<li>Tourenkarte (Benutzer k\u00f6nnen selber Einstiege hinzuf\u00fcgen):<br><a href=\"https:\/\/standuppaddeln.at\/touren_start\/#spots\" target=\"_blank\" rel=\"noreferrer noopener\">hier klicken<\/a><\/li>\n\n\n\n<li>Interaktive Landkarten (Leaflet) mit KML\/GPX Download, z.B.:<br><a href=\"https:\/\/standuppaddeln.at\/touren\/oesterreich\/niederoesterreich\/march-und-thaya\/\" target=\"_blank\" rel=\"noreferrer noopener\">hier klicken<\/a><\/li>\n\n\n\n<li>DSVG-konforme Einbettung von Videos, Landkarten, Google Analytics, etc. (YouTube wird erst kontaktiert, wenn man auf ein Video klickt und damit die Datenschutzbestimmungen akzeptiert)<\/li>\n\n\n\n<li>The SEO Framework (statt Yoast, was jeder verwendet um  Werbung spammt)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>Was ist deine Meinung zur Realisierung? Hast du Fragen?<\/p><cite><a href=\"mailto:bernhard.herzog@gmail.com\">Schreibe mir eine Nachricht<\/a>!<\/cite><\/blockquote><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Am 1. M\u00e4rz konnte ich p\u00fcnktlich zum Start der neuen SUP-Saison die neue Version der Website standuppaddeln.at launchen. \u00dcber den Design-Aspekt habe ich bereits hier ausf\u00fchrlich berichtet. Heute will ich auf die Realisierung in WordPress eingehen.<\/p>\n","protected":false},"author":2,"featured_media":31258,"comment_status":"open","ping_status":"open","sticky":true,"template":"job","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[39],"tags":[],"class_list":["post-31022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-intern"],"_links":{"self":[{"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/posts\/31022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/comments?post=31022"}],"version-history":[{"count":0,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/posts\/31022\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/media\/31258"}],"wp:attachment":[{"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/media?parent=31022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/categories?post=31022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bernhardherzog.com\/de\/wp-json\/wp\/v2\/tags?post=31022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}