{"id":4334,"date":"2021-06-11T13:35:57","date_gmt":"2021-06-11T13:35:57","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=4334"},"modified":"2021-06-11T13:43:21","modified_gmt":"2021-06-11T13:43:21","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/vk-feed-widget\/examples\/","title":{"rendered":"VK 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\">Dieses Plugin ist in Form eines Mauerwerkslayouts dargestellt, sodass Sie es nahtlos in die freie Stelle auf der Seite Ihrer Website einf\u00fcgen k\u00f6nnen. Blau wird als Akzentfarbe verwendet, 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=08dd538c-9872-4b8d-834a-3d272e5673eb\" 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 wollen Ihrem News Feed ein schickes Aussehen geben, wenden Sie ein dunkles Schema an, das mit einem Mauerwerkslayout kombiniert 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=1d617616-1f8b-480f-9f33-3a1d16c5b60b\" 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 Listenlayout haben Sie ein M\u00f6glichkeit, einen Feed mit Nachrichten aus mehreren Quellen formen, die Ihre Besucher 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=71a223a7-0a02-4b20-803e-04fb48c63805\" 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 gut gepressten Formen suchen, sollten Sie unbedingt das Grid-Layout beachten. Mit ihm k\u00f6nnen Sie einen Abschnitt mit Posts aus verschiedenen Quellen bilden. <\/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=3f07b083-18b6-44a1-b03d-cee8eb504665\" 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\">F\u00f6rdern Sie das Design Ihrer Website, indem Sie das Widget hellblau malen und das Mauerwerksvorlage 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=f888f0ac-a725-4680-97f8-a643604e54cb\" 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 Abschnitt in voller Gr\u00f6\u00dfe k\u00f6nnen Ihre G\u00e4ste alle Beitr\u00e4ge in Ihrem interaktiven 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=3bc62166-7822-4c34-8f3b-8ea7dd900e39\" 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\">Live-Karussell wird die Aufmerksamkeit Ihrer Besucher auf sich lenken 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=d8f5535a-8e26-4803-bd45-e5b7eb0ee190\" 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 Variante f\u00fcr diejenigen, die dem Tool in voller Gr\u00f6\u00dfe auf der Seite der Website nicht viel Platz geben k\u00f6nnen. Slider-Vorlage hilft Ihrer G\u00e4ste 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=c916a18e-2cff-4c3d-a91b-148a0c3de48e\" 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=966ea3bb-197a-471b-b981-95a758cd23d3\" 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":4318,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-4334","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>TOP 9 VK-Feed-Widget-Beispiele f\u00fcr Ihre Website (2025)<\/title>\n<meta name=\"description\" content=\"Beispiele f\u00fcr VK-Feed-Widgets: Masonry, Masonry Dark, Timeline, Slider und viele andere praktische 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\/vk-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 VK-Feed-Widget-Beispiele f\u00fcr Ihre Website (2025)\" \/>\n<meta property=\"og:description\" content=\"Beispiele f\u00fcr VK-Feed-Widgets: Masonry, Masonry Dark, Timeline, Slider und viele andere praktische Vorlagen f\u00fcr Ihre Website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/vk-feed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-11T13:43:21+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 9 VK-Feed-Widget-Beispiele f\u00fcr Ihre Website (2025)","description":"Beispiele f\u00fcr VK-Feed-Widgets: Masonry, Masonry Dark, Timeline, Slider und viele andere praktische 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\/vk-feed-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"TOP 9 VK-Feed-Widget-Beispiele f\u00fcr Ihre Website (2025)","og_description":"Beispiele f\u00fcr VK-Feed-Widgets: Masonry, Masonry Dark, Timeline, Slider und viele andere praktische Vorlagen f\u00fcr Ihre Website.","og_url":"https:\/\/elfsight.com\/de\/vk-feed-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2021-06-11T13:43:21+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\/vk-feed-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/vk-feed-widget\/examples\/","name":"TOP 9 VK-Feed-Widget-Beispiele f\u00fcr Ihre Website (2025)","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2021-06-11T13:35:57+00:00","dateModified":"2021-06-11T13:43:21+00:00","description":"Beispiele f\u00fcr VK-Feed-Widgets: Masonry, Masonry Dark, Timeline, Slider und viele andere praktische Vorlagen f\u00fcr Ihre Website.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/vk-feed-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/vk-feed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/vk-feed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"VK Feed","item":"https:\/\/elfsight.com\/de\/vk-feed-widget\/"},{"@type":"ListItem","position":3,"name":"VK 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":"4317","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":"","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4334","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=4334"}],"version-history":[{"count":5,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4334\/revisions"}],"predecessor-version":[{"id":4339,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4334\/revisions\/4339"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/4318"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=4334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}