У нас вы можете посмотреть бесплатно 3 KOSTENLOSE STYLING-VORLAGEN für Google-Reviews auf deiner WordPress Website! или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
Letzte Woche haben wir mit Hilfe des neuen Plugins "Reviews Feed" von Smashballoon unere Google-Bewertungen auf unserer WordPress-Webseite eingebettet. Leider machte der Feed in der kostenlosen Version optisch gesehen nicht allzu viel her. Da setzen wir heute an und sorgen dafür, dass sich die Bewertungen attraktiv präsentieren und Besucher deiner Webseite direkt zusätzlich von deinen Skills überzeugen können. Solltest du dich für die Umsetzung weniger interessieren, so kannst du dir direkt den Styling-Code heraus kopieren, ansonsten zieh dir das gesamte Video rein, um endlich besser CSS zu verstehen und an einem konkreten Beispiel zu erleben, was sich damit alles anstellen lässt. ---------- Styling-Vorlagen: ---------- Aufgeräumtes Grid-Design: https://gist.github.com/nextab/b50396... Grid-Design mit Hintergrundfarbe und Schatten: https://gist.github.com/nextab/28fb86... Grid-Design mit Hintergrundfarbe und Schatten sowie einheitlich positionierten Bewertungs-Sternen: https://gist.github.com/nextab/e5330a... Besuche uns ebenfalls auf https://divi-tutorials.com, wo du all unsere Tutorials rund um WordPress und dem Divi Theme finden kannst. Unseren Stream findest du auf / nextab_de , indem wir dir bis zu 3 Tage die Woche mehr rund um die Themen Webdesign und Webentwicklung beibringen. Eine sich gegenseitig helfende Community findest du auf https://divi-tutorials.com/discord und Facebook / divitutorials . ---------- Timestamps: ---------- 0:00 - Intro 0:19 - Schritt #1: Anpassungen der Grundeinstellungen des Plugins 2:00 - Schritt #2: Umstellung auf ein Grid-Design 7:03 - Schritt #3: Entfernen der Border unterhalb von Testimonials 7:42 - Schritt #4: Responsive Design: Optimierung für Smartphones und Tablets 9:30 - Styling #1: Präsentation des ersten Designs 10:03 - Styling #2: Grid mit weißem Hintergrund 11:50 - Styling #3: Grid mit weißem Hintergrund und vernünftig positionierten Sternen ---------- Videovorschläge: ---------- RESPONSIVE DESIGN: CSS Media Queries verstehen - Elemente mobile ausblenden in unter 5 Min! • RESPONSIVE DESIGN: CSS Media Queries verst... HTML & CSS Grundkurs: Positionierung von Elementen - Inline & Block, relative, static, fixed, sticky • HTML & CSS Grundkurs: Positionierung von E... EINFÜHRUNG in SCSS: Verschachtelungen, Pseudo-Klassen, Styles erben & viel mehr • EINFÜHRUNG in SCSS: Verschachtelungen, Pse... ---------- Das Divi Theme*: https://divi-tutorials.com/divi_y Die Divi Cloud*: https://divi-tutorials.com/divi_cloud Unser Webhost*: https://divi-tutorials.com/all-inkl_y Konto für Selbständige*: https://divi-tutorials.com/kontist_y Unser Tipp für E-Mail-Marketing*: https://divi-tutorials.com/activecamp... ---------------- Die Musik im Clip stammt von Andrew Applepie, einem Berliner Künstler, den ihr hier unterstützen könnt: / andrewapplepie Alle Links, die mit einem * vermerkt sind, sind Partner oder Affiliate-Links. Durch das Klicken dieser Links unterstützt du uns und ggfs. bekommen wir einen geringen Anteil, wenn du ein Produkt oder Dienstleistung kaufst. Bei dir fallen keine Extrakosten an.