{"id":474,"date":"2019-05-09T17:19:02","date_gmt":"2019-05-09T15:19:02","guid":{"rendered":"https:\/\/ekiwi.de\/?p=474"},"modified":"2019-05-09T17:19:02","modified_gmt":"2019-05-09T15:19:02","slug":"einen-kalender-oder-eine-uhr-durch-widgets-erstellen","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/474\/einen-kalender-oder-eine-uhr-durch-widgets-erstellen\/","title":{"rendered":"Einen Kalender oder eine Uhr durch Widgets erstellen"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ekiwi.de\/index.php\/474\/einen-kalender-oder-eine-uhr-durch-widgets-erstellen\/#Sind_Widgets_sinnvoll\" >Sind Widgets sinnvoll?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ekiwi.de\/index.php\/474\/einen-kalender-oder-eine-uhr-durch-widgets-erstellen\/#Interaktion_durch_Widgets\" >Interaktion durch Widgets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ekiwi.de\/index.php\/474\/einen-kalender-oder-eine-uhr-durch-widgets-erstellen\/#Ist_es_schwer_ein_Widget_zu_erstellen\" >Ist es schwer, ein Widget zu erstellen?<\/a><\/li><\/ul><\/nav><\/div>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/BxCeCVqn9Bb\/\" data-instgrm-version=\"12\">\n<div style=\"padding: 16px;\">\n<p>&nbsp;<\/p>\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href=\"https:\/\/www.instagram.com\/p\/BxCeCVqn9Bb\/\" target=\"_blank\" rel=\"noopener noreferrer\">A post shared by 21MaRcO12 (@21marco12_androiddesign)<\/a> on <time style=\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\" datetime=\"2019-05-04T11:15:30+00:00\">May 4, 2019 at 4:15am PDT<\/time><\/p>\n<\/div>\n<\/blockquote>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n<p>Widgets werden gerne auf Mobilger\u00e4ten verwendet, um Inhalte wie die Uhrzeit, einen Kalender oder das Wetter anzuzeigen. Sie werden aber auch auf Websites verwendet, um beispielsweise Spiele vorzustellen. Bei WordPress gibt es vorgefertigte Widgets, um solche Programme in die Plattform einzubauen. Suchformulare geh\u00f6ren auch oft zur Kategorie Widgets.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Sind_Widgets_sinnvoll\"><\/span>Sind Widgets sinnvoll?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Warum lohnt es sich, ein solches Programm zu erstellen? Es ist durch Widgets ziemlich einfach, ein breites Publikum ohne allzu viel Aufwand zu erreichen. Sie erlauben es, Informationen aus Apps <a href=\"https:\/\/support.apple.com\/de-de\/HT207122\">auf einen Blick<\/a> zu sehen, ohne die App daf\u00fcr \u00f6ffnen zu m\u00fcssen. Auch ist es f\u00fcr Nutzer oft bequemer, Widgets zu verwenden. Einige Spiele kann man beispielsweise auf dem iPhone durch Widgets spielen, ohne, dass das Handy vorher durch den Pin entsperrt werden muss. Dazu geh\u00f6ren Helicopter Widget, TicTacToe und Quickgets Snake. Auch bieten sie eine gute M\u00f6glichkeit, Werbung in Websites zu integrieren, ohne aufdringlich zu wirken und gleichzeitig einen Nutzen f\u00fcr Besucher der Seite zu bieten.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Interaktion_durch_Widgets\"><\/span>Interaktion durch Widgets<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Sch\u00f6n gestaltete Widgets wirken modern und ansprechend und animieren den Nutzer dazu, mit dem Inhalt der Seite zu interagieren. Werden zum Beispiel Spiele angezeigt, kann es f\u00fcr Spieler m\u00f6glich sein, sie durch das neue Widget zu testen und eine Vorschau zu erhalten. Auf Casinobewertungswebsites beispielsweise k\u00f6nnen sich Kunden nicht nur eine <a href=\"https:\/\/www.bonus.com.de\/leovegas\">ausf\u00fchrliche \u00dcberpr\u00fcfung<\/a> der Casinoanbieter durchlesen, sondern auch Boni und besondere Angebote einsehen und sie dann gleich \u00fcber das Widget in Anspruch nehmen. Dadurch wird eine schnelle Weiterleitung erm\u00f6glicht, die nicht nur in Form eines einfachen Links erfolgt, den viele Leser \u00fcbersehen k\u00f6nnten. Durch Kalender k\u00f6nnen Termine sofort auf dem Startbildschirm eingesehen werden und Widgets wie das Battery Widget Reborn erlaubt es, den Ladestatus des Akkus leicht im Auge zu behalten. Es gibt also eine Reihe von sinnvollen Widgets, die Kunden das Leben ein wenig einfacher machen k\u00f6nnen.<\/p>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/BxEkh9TpM1C\/\" data-instgrm-version=\"12\">\n<div style=\"padding: 16px;\">\n<p>&nbsp;<\/p>\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href=\"https:\/\/www.instagram.com\/p\/BxEkh9TpM1C\/\" target=\"_blank\" rel=\"noopener noreferrer\">A post shared by Superovo (@veobox)<\/a> on <time style=\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\" datetime=\"2019-05-05T06:50:44+00:00\">May 4, 2019 at 11:50pm PDT<\/time><\/p>\n<\/div>\n<\/blockquote>\n<p><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Ist_es_schwer_ein_Widget_zu_erstellen\"><\/span>Ist es schwer, ein Widget zu erstellen?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ein Widget f\u00fcr Mobilger\u00e4te wird meist ganz einfach mit HTML, CSS und JavaScript erstellt. F\u00fcr die Erstellung eines eigenen Widgets sind keine tiefgr\u00fcndigen Kenntnisse n\u00f6tig. Man muss sich nicht im Mobile-Bereich besonders gut auskennen, um Widgets zu bauen. Sie werden in einfachen Zip-Dateien geliefert und enthalten verschiedene Teile wie ein Index, Bilder und Java Script-Dateien sowie Stylesheets. Die Strukturierung des Widgets kann ganz nach den <a href=\"https:\/\/phoneia.com\/widgetsoid-erstellen-sie-ihre-eigenen-widgets-fur-android\/\">eigenen W\u00fcnschen<\/a> erfolgen. Hier lohnt es sich, zu \u00fcberlegen, was das Ziel des Widgets ist. Soll es zu Werbezwecken eingesetzt werden, einen Service anbieten, Informationen liefern oder eine Weiterleitung erm\u00f6glichen? Wie k\u00f6nnen User am besten angesprochen werden und wodurch sticht das Widget auf der Seite oder dem Mobilger\u00e4t visuell hervor? Eine einfache Gestaltung ist hier oft vorteilhaft, um Betrachter anzusprechen, aber nicht zu \u00fcberfordern. Farblich eignen sich oft nicht zu grelle Farben, die die Augen nicht anstrengen. Gr\u00fcn oder Dunkelblau k\u00f6nnen angenehm wirken. Ein helleres Blau, wie das von Paypal oder Facebook kann heiter und freundlich wirken. Rot ist vielleicht zu schrill, je nachdem wie es eingesetzt wird. Am besten ist es oft, es sparsam zu verwenden.<\/p>\n<p>Widgets k\u00f6nnen eine gute Art sein, um seine Zielgruppe zu erreichen und ihnen dabei einen guten Service anzubieten.<\/p>","protected":false},"excerpt":{"rendered":"<p>&nbsp; View this post on Instagram &nbsp; A post shared by 21MaRcO12 (@21marco12_androiddesign) on May 4, 2019 at 4:15am PDT<\/p>\n","protected":false},"author":1,"featured_media":260,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5],"tags":[],"class_list":["post-474","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hmtl"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=474"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/474\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/260"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}