Video – Andreas Stocker

Google Fonts in WordPress und Elementor – schnell und einfach korrekt einbinden

Fri, 23 Sep 2022 08:41:18 +0000

In diesem Quick-Tipp #3 zeige ich die, wie du in WordPress speziell mit Elementor und dem OceanWP Theme Google Fonts so einbindest, damit sie legal von deinem Server geladen werden und nicht vom Google Server direkt.

Wenn du wissen willst, ob Google Fonts bei dir legal oder illegal eingebunden sind oder wenn du in WordPress einen allgemeines Möglichkeit suchst um Google Fonts richtig einzubinden, dann sie dir auch meine anderen beiden Quick-Tipps dazu an. Ich habe sie dir am Ende dieses Quick-Tipps verlinkt.

Wie schon in meinen ersten beiden Tipps zu diesem Thema angesprochen, war eine grosse Abmahnwelle eines österreichischen Anwalts der Grund um diese Thema wieder einmal aufzugreifen und einige Tipps an euch weiterzugeben, damit ihr davon nicht betroffen seid.

Da ich selbst und auch viele meiner Kunden die Kombination Elementor und OceanWP Theme verwenden, habe ich diese spezielle Variante in diesem Video betrachtet. OceanWP hat bei den Theme Einstellungen direkt die Möglichkeit, dass Google Fonts korrekt vom eigenen Webserver geladen werden. In den aktuellen Version ist jetzt auch noch die Einstellung dazu gekommen, dass man auch die Google Fonts für Seiten, die mit Elementor gestaltet wurden korrekt eingebunden werden.

Wenn du eine allgemeine Lösung zum Einbinden von Google Fonts in WordPress suchst, sieh dir mein Video dazu an. Den Links dazu findest du am Ende dieses Beitrags.

Das Video zum Quick-Tipp, wie du Google Fonts schnell und einfach legal in WordPress mit OceanWP und Elementor einbindest.

Weitere Quick-Tipps zum Thema Google Fonts in WordPress legal einbinden

Quick-Tipp #1 – Verwendet deine Website Google Fonts legal? – Schnell und einfach herausfinden
Du bist dir nicht sicher, ob deine Website Google Fonts legal verwendet oder du willst einfach testen, ob deine Massnahmen wirken. Hier zeige ich dir einen schnellen und einfachen Weg herauszufinden, wie deine Website Google Fonts lädt.
https://www.youtube.com/watch?v=zQWwKCZBCiI

Quick-Tipp #2 – Google Fonts in WordPress – Schnell und einfach korrekt einbinden
Hier zeige ich dir einen schnellen und einfachen Weg, der (fast) immer funktioniert:
https://www.youtube.com/watch?v=Qu-v-S_32PQ

Google Fonts in WordPress – Schnell und einfach korrekt einbinden

Fri, 23 Sep 2022 07:34:55 +0000

Wie kann man einfach und schnell Google Fonts in WordPress so verwenden, dass diese auch legal geladen werden. Mit einem einfachen Plugin wird verhindert, dass Google Fonts direkt von Google geladen werden, sondern von deinem Webserver kommen.

Grund für mich, dieses Thema wieder aufzugreifen, war eine grosse Abmahnwelle eines österreichischen Anwalts im Sommer 2022. Dies hat gezeigt, wie schnell man mit der falschen Einbindung von Google Fonts Probleme bekommen kann.

Ich bin zwar kein Freund davon in WordPress viele Plugins zu installieren, aber dieses Plugin nimmt einem einfach viel Arbeit ab und ist auch für technisch nicht versierte WordPress User leicht einzusetzen.

Hier noch der direkte Link zum verwendeten OMGF Plugin:
https://de.wordpress.org/plugins/host-webfonts-local/

Das Video zum Quick-Tipp, wie du Google Fonts schnell und einfach legal in WordPress einbinden kannst.

Weitere Quick-Tipps zum Thema Google Fonts in WordPress legal einbinden

Quick-Tipp #3 – Google Fonts in WordPress und Elementor – schnell und einfach korrekt einbinden
Hier zeige ich die eine Lösung, falls du Elementor gemeinsam mit dem OceanWP Theme verwendest.
https://www.youtube.com/watch?v=rZ3TnB5R7aM

Verwendet deine Website Google Fonts legal? – Schnell und einfach herausfinden

Fri, 23 Sep 2022 07:16:16 +0000

Google Fonts direkt von Google laden kann leider rechtliche Probleme bereiten, wie im August 2022 eine umfangreiche Abmahnwelle von einem österreichischen Anwalt gezeigt hat.

Bist du überhaupt davon betroffen. Werden deine Google Fonts „legal“ oder „illegal“ geladen? Diese Frage stellt man sich in diesem Zusammenhang.

In meinem kurzen Quick-Tipp Video zeige ich dir, wie du herausfindest, ob deine Website Google Fonts legal verwendet und das mit einer einfachen und schnellen Methode. Nur so kannst du sicher sein, dass du sicher bist vor teuren Abmahnungen.

In meinem zweiten und dritten Teil dieser kurzen Quick-Tipp Serie zeige ich dir noch 2 Möglichkeiten, wie du Google Fonts in deiner WordPress Installation so verwenden kannst, dass diese nicht von Google geladen werden.

Das Video zum Quick-Tipp, wie du erkennst, ob Google Fonts legal eingebunden sind.

Weitere Quick-Tipps zum Thema Google Fonts in WordPress legal einbinden

VIDEO: Bootstrap 4 Navigation (Navbar) Aussehen und Gestaltung

Fri, 01 May 2020 09:10:00 +0000

Da sich in Bezug auf die Navigation mit Bootstrap 4 einiges gegenüber Bootstrap 3 geändert hat, zeige ich dir in diesem Video, wie du die Navigation (Bootstrap 4 Navbar) mit Bootstrap 4 gestalten kannst.

Das Video ist für jene interessant, die direkt mit HTML und CSS Code arbeiten oder neuere Dreamweaver Versionen ab Dreamweaver CC 2018 verwenden.

Wenn dich interessiert, wie eine Bootstrap 4 Navigation aufgebaut ist oder wie man diese in Dreamweaver ab CC 2018 einbaut, dann sieh dir auch meine anderen beiden Videos zu diesem Thema an.

Teil 1: Bootstrap 4 Navigation (Navbar) erstellen und verstehen

Teil 2: Bootstrap 4 Navigation (Navbar) in Dreamweaver 2020

VIDEO: Bootstrap 4 Navigation (Navbar) in Dreamweaver 2020

Thu, 30 Apr 2020 09:05:00 +0000

Die Navigation hat sich mit Bootstrap 4 im Gegensatz zu Bootstrap 3 doch etwas verändert. Dadurch gibt es auch Änderungen in neueren Dreamweaver Versionen ab Dreamweaver 2018, da ab dieser Version Bootstrap 4 eingesetzt wird.

Da meine bisherigen Dreamweaver Video auf Dreamweaver 2015 aufbauen, möchte ich dir jetzt erklären, wie eine Navigation in neueren Versionen einzubauen ist.

In einem weiteren Video zeige ich dir dann, wie man die Bootstrap 4 Navigation gestalten kann.

Teil 1: Bootstrap 4 Navigation (Navbar) erstellen und verstehen

Teil 3: Bootstrap 4 Navigation (Navbar) Aussehen und Gestaltung

VIDEO: Bootstrap 4 Navigation (Navbar) erstellen und verstehen

Wed, 29 Apr 2020 15:43:00 +0000

Mit der Bootstrap 4 Navbar kann man schnell und einfach responsive Navigationen erstellen.

In diesem Video erkläre ich dir den Aufbau und die Funktion der einzelnen Navigations Elemente.

Egal, ob du deine Website direkt mit HTML umsetzt oder Tools wie Dreamweaver verwendest, das Verständnis der Elemente und Klassen hilft dir sicher weiter dein Wunsch Menü selbst umzusetzen.

Die weiteren beiden Teile:

Teil 2: Bootstrap 4 Navigation (Navbar) in Dreamweaver 2020

Teil 3: Bootstrap 4 Navigation (Navbar) Aussehen und Gestaltung

VIDEO: WordPress Plugin Update fehlgeschlagen – Kein Backup – was nun?

Wed, 15 Apr 2020 11:18:15 +0000

Der Alptraum beim Updaten von WordPress Plugins ist, dass etwas schief läuft und man kein aktuelles Backup hat.

Was du in diesem Fall tun kannst und wie du den Zustand vor dem aktualisieren wieder herstellen kannst auch ohne ein Backup zu verwenden, das zeige ich dir in diesem Video.

VIDEO: webflow Tutorial – Modal Popup mit individuellen Inhalten

Fri, 27 Mar 2020 19:33:00 +0000

In diesem Video zeige ich dir, wie du in webflow ein individuelles Modal Popup Window erstellen kannst.

Bei einem Modal Popup Window kannst du auf einen beliebigen Inhalt auf deiner Website klicken und es erscheint auf der selben Seite ein Popup Fenster.

Die Inhalte und das Aussehen in diesem Fenster kannst du frei gestalten.

Die 5 Schritte:

Modal Background erstellen
Modal Window erstellen
Content für Modal Popup
Close Action
Open Action

VIDEO: webflow Animationen Basics Tutorial (State und Interaction Animations)

Sat, 21 Mar 2020 17:50:00 +0000

Webflow bietet umfangreiche Möglichkeiten für Animation auf deiner Website.

In diesem Video zeige ich dir die Grundlagen wie Animationen in webflow funktionieren.

Responsive Design mit Dreamweaver CC 2015 und Bootstrap Tutorials – Teil 3 und 4

Mon, 27 Jul 2015 16:35:07 +0000

Vor einigen Tagen habe ich den ersten und zweiten Teil meiner neuen Tutorial Serie „Responsive Design mit Dreamweaver CC 2015 und Bootstrap“ online gestellt. Jetzt ist es soweit – die Teile 3 und 4 sind ebenfalls online. Da Adobe bei der Erstellung von responsive Websites auf das Framework Bootstrap umgestellt hat, hat sich bei der Erstellung einer responsive Site doch einiges – zum Glück zum Vorteil verändert. Die Tutorial Serie zeigt Schritt für Schritt, wie man dabei vorgeht. In den Teilen eins und zwei wurden die Grundlagen erklärt und das Basis Gridsystem in Dreamweaver erstellt. In den Teilen drei und vier geht es um die Inhalte, im speziellen um das Einfügen verschiedenster Elemente und das anschliessende Formatieren.

Ihr findet alle 4 Teile in meinem Youtube Channel.

Teil 3 – Inhalte einfügen

Der dritte Teil der Serie widmet sich dem Einfügen der Inhalte. Dabei werden verschiedene Inhaltstypen eingefügt. Angefangen bei einem normalen Bild, über responsive Images bis zur responsive Navigation, die in der mobilen Variante das allseits bekannte Ausklapp Menü darstellt.

Teil 3: Responsive Design mit Dreamweaver CC 2015 und Bootstrap

Teil 4: Inhalte formatieren

Im abschliessenden vierten Teil geht es primär darum, die eingefügten Inhalte zu formatieren. Dabei wird gezeigt, wie man mit dem CSS Designer von Dreamweaver neue Regeln erstellt. Es wird aber auch gezeigt, wie man bestehende Bootstrap Regeln verändert, bzw. im Vorfeld herausfinden, welche Regeln überhaupt geändert werden müssen. Weiters gehe ich darauf ein, Regeln nur bei bestimmten Bildschirm Breiten wirken zu lassen.

Teil 4: Responsive Design mit Dreamweaver CC 2015 und Bootstrap

Wie schon im letzten Post erwähnt, könnt ihr auch bei meiner Kursplattform unter http://www.webdesign-coach.com vorbeisehen. Dort werde ich noch im Sommer meinen Dreamweaver Kurs starten. Als besonderen Bonus, bekommen alle, die sich im Juli zum Newsletter anmelden den Kurs nach Fertigstellung kostenlos zu Verfügung gestellt.

Ich würde mich auch freuen, wenn Ihr meine Facebook Page besucht und die Seite mit “Gefällt mir” markiert

Schreibt mir doch bitte ein Kommentar, wie ihr die neuen Funktionen zum Thema responsive Design in Dreamweaver findet und ob euch die Tutorials geholfen haben. Welche Infos zum Thema Dreamweaver würdet ihr noch benötigen?

Ich würde mich übrigens freuen,
wenn Du auch meine Facebook Seite
besuchst und mein Fan wirst.