{"id":4045,"date":"2021-05-18T10:03:25","date_gmt":"2021-05-18T10:03:25","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=4045"},"modified":"2021-05-18T10:16:35","modified_gmt":"2021-05-18T10:16:35","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/rss-feed-widget\/examples\/","title":{"rendered":"RSS 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\">Wie wir sehen, wird das Widget in Form eines Mauerwerksrasters angezeigt, sodass Sie es nahtlos in die freie Stelle auf der Seite Ihrer Website einf\u00fcgen 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=6e7cc9e1-3c20-4953-81cd-85e0a3772c1d\" 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\">Angenommen, Sie m\u00fcssen Ihrem Feed ein schickes Aussehen verleihen, wenden Sie ein dunkles Schema an, das mit einem Mauerwerkslayout 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=f1e63258-3aa1-4c5b-a757-f29570a7708f\" 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 mehreren Quellen erstellen, die Ihre Besucher definitiv nicht \u00fcberspringen.<\/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=b1e25a93-e6f1-4d99-b6e2-b8ce504576c7\" 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 4. Raster<\/h3><div class=\"application-examples-item-description\">Wenn Sie nach ordentlichen und gut gepressten Formularen suchen, sollten Sie auf jeden Fall auf die Rastervorlage achten. Mit ihm erstellen Sie einen Abschnitt mit Beitr\u00e4gen 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=9ea616f4-47a3-4f22-9976-f08c49c9f79c\" 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\">Geben Sie Ihrem Website-Stil 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=ee32b513-bc4e-4b24-80c4-e1fee2002b1f\" 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 6. Karussell in voller Breite<\/h3><div class=\"application-examples-item-description\">Mit einem Karussell-Widget in voller Gr\u00f6\u00dfe k\u00f6nnen Ihre Benutzer alle Beitr\u00e4ge in Ihrem aktiven Feed umfassend 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=6f42bd5a-6fe5-4860-a990-0c0228671d5b\" 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 aktives Karussell wird die Aufmerksamkeit Ihrer Besucher auf sich ziehen und sie dazu anregen, Ihre Webseite so weit wie m\u00f6glich 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=d390ecc8-ac5c-4e76-b1b9-237d84d8155c\" width=\"100%\" height=\"350\" 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 wunderbare Variante f\u00fcr diejenigen, die dem Tool in voller Gr\u00f6\u00dfe auf der Seite der Website nicht viel Platz bieten k\u00f6nnen. Mit der Slider-Vorlage kann das Publikum mehr 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=8afb5174-3eb9-4cd2-98e1-04c9010e9657\" 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 9. Slider<\/h3><div class=\"application-examples-item-description\">Die Slider-Vorlage ist eine gro\u00dfartige Variante, um das Visuelle hervorzuheben. Wenn Sie Ihrem Publikum etwas zu sch\u00e4tzen wissen, w\u00e4hlen Sie diese Option.<\/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=eba04e6c-b37c-46d8-b8ca-c5d50f4d80e5\" 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":4029,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-4045","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>TOP 18 RSS Feed Widget Beispiele - RSS auf Website einbinden (2023)<\/title>\n<meta name=\"description\" content=\"Beispiele f\u00fcr RSS-Feed-Widgets: Mauerwerk, Dunkel, Zeitleiste, Raster und viele andere Newsfeed-Vorlagen 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\/rss-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 18 RSS Feed Widget Beispiele - RSS auf Website einbinden (2023)\" \/>\n<meta property=\"og:description\" content=\"Beispiele f\u00fcr RSS-Feed-Widgets: Mauerwerk, Dunkel, Zeitleiste, Raster und viele andere Newsfeed-Vorlagen f\u00fcr Ihre Website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/rss-feed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-18T10:16:35+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\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TOP 18 RSS Feed Widget Beispiele - RSS auf Website einbinden (2023)","description":"Beispiele f\u00fcr RSS-Feed-Widgets: Mauerwerk, Dunkel, Zeitleiste, Raster und viele andere Newsfeed-Vorlagen 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\/rss-feed-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"TOP 18 RSS Feed Widget Beispiele - RSS auf Website einbinden (2023)","og_description":"Beispiele f\u00fcr RSS-Feed-Widgets: Mauerwerk, Dunkel, Zeitleiste, Raster und viele andere Newsfeed-Vorlagen f\u00fcr Ihre Website.","og_url":"https:\/\/elfsight.com\/de\/rss-feed-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2021-05-18T10:16:35+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/rss-feed-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/rss-feed-widget\/examples\/","name":"TOP 18 RSS Feed Widget Beispiele - RSS auf Website einbinden (2023)","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2021-05-18T10:03:25+00:00","dateModified":"2021-05-18T10:16:35+00:00","description":"Beispiele f\u00fcr RSS-Feed-Widgets: Mauerwerk, Dunkel, Zeitleiste, Raster und viele andere Newsfeed-Vorlagen f\u00fcr Ihre Website.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/rss-feed-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/rss-feed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/rss-feed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"RSS Feed","item":"https:\/\/elfsight.com\/de\/rss-feed-widget\/"},{"@type":"ListItem","position":3,"name":"RSS 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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"4028","h1":"","h1_caption":"","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","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":[],"video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","hide_more_platforms":"","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\/4045","targetHints":{"allow":["GET"]}}],"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=4045"}],"version-history":[{"count":9,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4045\/revisions"}],"predecessor-version":[{"id":4054,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4045\/revisions\/4054"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4029"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=4045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}