{"id":4109,"date":"2021-05-21T09:12:13","date_gmt":"2021-05-21T09:12:13","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=4109"},"modified":"2021-05-21T09:35:10","modified_gmt":"2021-05-21T09:35:10","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/","title":{"rendered":"Tumblr Feed &#8211; Examples"},"content":{"rendered":"\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 1. Mauerwerk<\/h3><div class=\"application-examples-item-description\">Hier wird das Widget wie eines Mauerwerksrasters dargestellt, sodass Sie es schnell in die freie Platz auf der Seite Ihrer Website integrieren k\u00f6nnen. Die Akzentfarbe des Widgets ist blau, um die Hashtags hervorzuheben.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=7b97d521-2951-4468-bdff-e1db4609ef34\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 2. Mauerwerk Dunkel<\/h3><div class=\"application-examples-item-description\">Wenn Sie wollen Ihrem Newsfeed einem glatten Aussehen verleihen, nutzen Sie ein dunkles Thema, das mit einem Mauerwerk Layout gemischt ist.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=bdb610dd-1314-4de3-a0c1-9dafdb8b78ff\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 3. Zeitlinie<\/h3><div class=\"application-examples-item-description\">Mit der Listenvorlage k\u00f6nnen Sie einen Feed mit Nachrichten aus verschiedenen Quellen erstellen, den Ihre Benutzer sicherlich nicht \u00fcberspringen werden<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=396ef304-2b59-4507-8ed5-d7df64489e3e\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/de\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Beginnen Sie mit der Erstellung Ihres Widgets\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Beginnen Sie mit der Erstellung Ihres Widgets<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Schnell. Einfach. Keine Codierung.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Widget erstellen<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 4. Raster<\/h3><div class=\"application-examples-item-description\">Wenn Sie nach reinen und gestochen scharfen Formen suchen, sollten Sie unbedingt die Rastervorlage anzeigen. Mit ihm entwerfen Sie einen Abschnitt mit Ver\u00f6ffentlichungen aus verschiedenen Quellen.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=5bab4a4a-e609-469e-a27d-627a0061fcea\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 5. Mauerwerk Farbig<\/h3><div class=\"application-examples-item-description\">Schenken Sie Ihrem Website-Design etwas Farbe, indem Sie das Widget hellblau malen und das Mauerwerkslayout verwenden.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=e4e81e54-b30c-45bd-bd79-b94bceed4e8d\" width=\"100%\" height=\"400\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 6. Karussell in voller Breite<\/h3><div class=\"application-examples-item-description\">Mit einem Karussell-Widget in voller L\u00e4nge k\u00f6nnen Ihre Benutzer alle Beitr\u00e4ge in Ihrem aktiven Feed kennen lernen und verhindern, dass sie Ihre Website zu fr\u00fch verlassen.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=4cc82153-566d-483e-9376-4c1489e4f8d4\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 7. Karussell<\/h3><div class=\"application-examples-item-description\">Ein Karussell wird die Aufmerksamkeit der G\u00e4ste auf sich ziehen und sie dazu bringen, l\u00e4nger auf Ihrer Website zu scrollen.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=ab7491f0-9b13-457f-a47a-d98dbcf6b38e\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 8. Kleines Widget<\/h3><div class=\"application-examples-item-description\">Dies ist eine tolle M\u00f6glichkeit f\u00fcr diejenigen, die dem Tool in voller L\u00e4nge auf der Seite der Website nicht viel Platz geben k\u00f6nnen. Slider-Layout hilft Ihrem Publikum mehr zu sehen.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=9cab7e0c-17fa-483d-b8f6-f144d2d96c45\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Beispiel 9. Slider<\/h3><div class=\"application-examples-item-description\">Die Slider-Vorlage ist eine Variante, um auf das Visuelle konzentrieren. Verwenden Sie diese Option, falls Sie interessante Neuigkeiten f\u00fcr Ihr Publikum haben. <\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=89a3dc33-e73a-4d63-81da-c00b2e03345d\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":13,"featured_media":0,"parent":4100,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>TOP 9 Beispiele f\u00fcr Tumblr-Feed-Widgets f\u00fcr Ihre Website (2023)<\/title>\n<meta name=\"description\" content=\"Beispiele f\u00fcr Tumblr-Feed-Widgets: Mauerwerk, Mauerwerk dunkel, Zeitleiste, Slider und andere Vorlagen von Social Wall f\u00fcr Ihre Website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TOP 9 Beispiele f\u00fcr Tumblr-Feed-Widgets f\u00fcr Ihre Website (2023)\" \/>\n<meta property=\"og:description\" content=\"Beispiele f\u00fcr Tumblr-Feed-Widgets: Mauerwerk, Mauerwerk dunkel, Zeitleiste, Slider und andere Vorlagen von Social Wall f\u00fcr Ihre Website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-21T09:35:10+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TOP 9 Beispiele f\u00fcr Tumblr-Feed-Widgets f\u00fcr Ihre Website (2023)","description":"Beispiele f\u00fcr Tumblr-Feed-Widgets: Mauerwerk, Mauerwerk dunkel, Zeitleiste, Slider und andere Vorlagen von Social Wall f\u00fcr Ihre Website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"TOP 9 Beispiele f\u00fcr Tumblr-Feed-Widgets f\u00fcr Ihre Website (2023)","og_description":"Beispiele f\u00fcr Tumblr-Feed-Widgets: Mauerwerk, Mauerwerk dunkel, Zeitleiste, Slider und andere Vorlagen von Social Wall f\u00fcr Ihre Website.","og_url":"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2021-05-21T09:35:10+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/","name":"TOP 9 Beispiele f\u00fcr Tumblr-Feed-Widgets f\u00fcr Ihre Website (2023)","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2021-05-21T09:12:13+00:00","dateModified":"2021-05-21T09:35:10+00:00","description":"Beispiele f\u00fcr Tumblr-Feed-Widgets: Mauerwerk, Mauerwerk dunkel, Zeitleiste, Slider und andere Vorlagen von Social Wall f\u00fcr Ihre Website.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Tumblr Feed","item":"https:\/\/elfsight.com\/de\/tumblr-feed-widget\/"},{"@type":"ListItem","position":3,"name":"Tumblr Feed &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/de\/#website","url":"https:\/\/elfsight.com\/de\/","name":"Elfsight DE","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"}]}},"meta_box":{"h1":"","h1_caption":"","category":[],"widget_request_title":"","widget_request_cta":"","application":"4099","templates":[],"hero_text":"","hero_image":[],"hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","applications_use_base_links":"","video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4109"}],"collection":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=4109"}],"version-history":[{"count":6,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4109\/revisions"}],"predecessor-version":[{"id":4115,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4109\/revisions\/4115"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4100"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=4109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}