Mit Hilfe von dem neuen WordPress Plugin motion.page lassen sich ganze Seiten oder einzelne Elemente auf Basis der GreenSocks GSAP Animationen erstellen.

Das Ganze funktioniert mit JEDEM PageBuilder, solang diese auf Basis von WordPress aufgebaut sind.

Ich hab dazu ein kurzes Tutorial gemacht, um euch zu zeigen wie einfach und intuitiv motion.page funktioniert.

Ich freu mich über alle Kommentare und Anregungen.

Liebe Grüße,
Manuel

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

YouTube immer entsperren

Hey,

wer gerne Child Themes nutzt, um Anpassungen vorzunehmen und diese am liebsten auch noch im Code Editor seiner Wahl bearbeitet, steht bei der ersten Nutzung von Oxygen oft vor der Frage, wie man Änderungen damit am besten umsetzt.

Grundsätzlich deaktiviert Oxygen die gesamte Theme-Engine von WordPress. Es gibt mittlerweile 3rd Party Plugins, die das umgehen und Oxygen quasi zur Nutzung eines Themes "zwingen", aber ganz so wohl fühl ich mich damit nicht. Der bessere Weg ist es vermutlich, ein Custom Plugin einzusetzen, in dem sämtliche CSS und Funktionsänderungen (oder Ergänzungen) bearbeitet werden.

Mittlerweile setze ich bei ausnahmslos allen meiner Webseiten ein eigenes Plugin ein (ich nenn es WP-Cologne Core), um eigene CSS Klassen zu schreiben oder Shortcodes, Funktionen, etc. zu integrieren.

Somit kann ich das Plugin Verzeichnis auch einfach im VS Code Editor öffnen und auf sämtliche Tools + Extensions von VS Code zugreifen. Zusätzlich kann ich so auch einfach NPM verwenden, um beispielsweise mit SCSS zu arbeiten. Programmieren fühlt sich grundsätzlich einfach besser an, wenn man in einem vernünftigen Code Editor anstatt in irgendeinem Browserfenster arbeitet 😉

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

YouTube immer entsperren

In einem kurzen Videotutorial zeige ich, wie ihr mit Oxygen einen Fullscreen Slider anlegen könnt, welcher ganz easy über das Dashboard administriert werden kann.

Das Ganze realisiere ich mit Hilfe eines Custom Post Types und zwei zusätzlichen Feldern (via Advanced Custom Fields), um einen Button mit Verlinkung auszugeben.

Falls ihr euch dafür interessiert, wie ihr so etwas mit Oxygen selber bauen könnt, schaut gerne mein Video:

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

YouTube immer entsperren

Bei Fragen, schreibt's mir gern in die YouTube Kommentare oder nutzt die Kommentarfunktion auf diesem Blog.

Ich wünsch euch was.

Beste Grüße
Manuel

Die TOUR D'AMOUR sammelt morgen (27.03.2021) in 6 Clubs in Deutschland Sachspenden für die Menschen in Moria.

Gesammelt wird in:

• BERLIN: ://about blank
• DÜSSELDORF: ZAKK
• FLENSBURG: Volksbad
• HAMBURG: Hafenklang
• LEIPZIG: Werk 2
• WIESBADEN: Schlachthof

Folgende Sachen werden benötigt:

• Hygieneartikel (Originalverpackt)
• Unterwäsche und Socken (neu)
• Bademäntel
• Badetücher
• Powerbanks
• Schlafsäcke
• Herren T-Shirts
• Kurze Männerhosen
• Smartphone mit Ladekabel

Wir haben viel Zeit in die Planung der Tour gesteckt und ich würde mich sau freuen, wenn morgen einiges zusammenkommt, um den Menschen in Moria das zu bringen, was sie derzeit am dringendsten benötigen.

Der Beitrag ist mir wirklich wichtig, darum nutz ich gern meinen Blog um darauf aufmerksam zu machen. (Und die Webseite ist übrigens von mir ;))

Merci. <3

Gestern Nacht bekam ich über mein Kontaktformular einen anonymisierten Hinweis, dass ich mit meinem Namen gegen die WordPress Policy verstoße.

Genaugenommen handelt es sich hier um die Trademark Policy der WordPress Foundation: https://wordpressfoundation.org/trademar

k-policy/

Da mir bis dato gar nicht bewusst war und ich mir ehrlich gesagt auch nie wirklich Gedanken darüber gemacht habe, hat mich das ganze natürlich überrascht. Dennoch kann ich voll verstehen, dass bestimmte Begriffe und Produkte rechtlich geschützt und die Verwendung als eigenen Marken-Namen, daher nicht zulässig ist.

Aus diesem Grund läuft WordPress-Cologne heute unter dem Namen WP-Cologne. Ich bin wirklich sehr dankbar, dass der Hinweis bei mir eingegangen ist und würde mich freuen wenn sich der Absender nochmal bei mir meldet.

Der Name ändert sich, aber der Rest bleibt. Auf viele weitere coole Projekte. Ich hab Bock 🙂

Habt eine schöne Woche!

Eine WordPress Seite zu einem anderen Server umzuziehen ist ziemlich easy. In diesem Beitrag erkläre ich euch, wie ihr mittels dem kostenlosen WordPress Plugin "Duplicator", eure Seite in nur wenigen Minuten von einem auf den anderen Server umzieht.

Zuerst installiert ihr euch das kostenlose Plugin "Duplicator", direkt auf eurer "Plugins installieren"-Seite im WordPress Dashboard. Nachdem das Plugin heruntergeladen und aktiviert wurde, aktualisiert euer Dashboard und klickt links auf den neuen Menüpunkt "Duplicator". Dort findet ihr jetzt die Schaltfläche "Neues erstellen".

Im ersten Schritt werdet ihr nach dem Namen eures Archivs gefragt. Hier könnt ihr einfach "Weiter" klicken. Anschließend scannt das Plugin euren Webspace und die Datenbank, um eventuelle Problemquellen, wie zu große Dateien oder lange Dateinamen aufzufinden. Da sich der "wp-content" Ordner oft mit vielen Bildern oder anderen Dateien füllt, kann es gut sein dass Duplicator euch dementsprechende "Hinweise" anzeigt. Ich empfehle euch, den Prozess trotzdem erst einmal fortzusetzen. Bei mir haben diese "Hinweise" noch nie zu Problemen geführt.

Hier könnt ihr einen Haken bei "Ja, setzen den Build-Prozess fort" setzen.

Anschließend wird euer Archiv erstellt. Das kann je nach Größe der Webseite ein paar Minuten dauern.

Nachdem der Archiv-Prozess beendet wurde, könnt ihr zwei generierte Dateien herunterladen. Ich empfehle beide Dateien manuell herunterzuladen, da die Funktion "1-Klick-Download" in manchen Browsern zu Problemen führt.

Nachdem ihr die Zip Datei und die installer.php Datei heruntergeladen habt, müsst ihr diese auf den neuen Server hochladen.

Ruft nun die Datei über euren neuen Domain/eures neues Servers auf (in meinem Fall: wp-cologne.de/installer.php).

Mit der Voreinstellung "Connect and Remove All Data" werden alle bestehenden Datenbankeinträge gelöscht!

Im Falle einer neuen Datenbank kann dieser Hinweis ignoriert werden. Solltet ihr eine bestehende Datenbank benutzen, seid euch bitte im Klaren, dass mit dieser Einstellung alle bisherigen Daten überschrieben werden.

Mit einem Klick auf "Test Database" wird die Verbindung überprüft und anschließend kann über den "Button" Next die Datenbank gefüllt werden. Hierbei werden auch automatisch alle absoluten Links, die auf die alte URL verwiesen haben, mit der neuen URL ersetzt.

Im nächsten Schritt könnt ihr noch den Titel und ggf. die URL anpassen. URL und Path aber bitte nur ändern, wenn ihr wisst was ihr da tut. Unter dem Reiter "Options" habt ihr zusätzlich noch die Möglichkeit einen neuen Administrator-Account zu erstellen, solltet ihr auf den alten keinen Zugriff mehr haben.

Mit dem Klick auf "Next" habt ihr eure Webseite dann erfolgreich umgezogen. Öffnet nun das Admin-Dashboard und Duplicator löscht automatisch alle Dateien, um eine weitere Benutzung des Plugins nicht möglich zu machen.

Solltet ihr Fragen haben, schreibt es gerne in die Kommentare.

Heute bin ich auf folgendes Problem gestoßen:

Ich wollte den URL Slug einer angelegten Seite ändern, aber WordPress hat automatisch ein "-2" an diese Seite angehangen. Normalerweise liegt es daran, dass eine bestehende Seite bzw. Beitrag diesen Slug blockiert, da der Permalink schon benutzt wird. In meinem Fall war dies allerdings nicht der Fall.

Nach kurzer recherche bin ich darauf gestoßen, dass eine SVG Datei, welche ich in der Medienbibliothek hochgeladen habe, diesen URL Slug benutzt. Dieser ist leider nicht, wie gewohnt, über ein Edit-Icon in der Permalink Zeile änderbar, sondern muss erst über "Ansicht anpassen" -> "Slugs" aktiviert werden. Anschließend kann man den URL Slug über eine Textbox am unteren Teil des Editorfensters bearbeiten.

Ich habe euch dazu kurz ein Video aufgenommen. Solltet Ihr Fragen oder Probleme haben, schreibt es mir gerne in die Kommentare.

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

YouTube immer entsperren

Shopbetreiber müssen ab heute den Mehrwertsteuersatz von 19% auf 16% senken. Wie das bei WooCommerce geht, erkläre ich dir in diesem Beitrag.

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

YouTube immer entsperren

Dazu gibt es 3 verschiedene Szenarien:

Szenario 1: Du gibst deine Preise inklusive MwSt. an und möchtest einfach nur dass im Shop statt 19% nun 16% angezeigt wird (Preise bleiben gleich).

Szenario 2: Du gibst deine Preise exklusive MwSt. an und möchtest den Steuernachlass an deine Kunden weitergeben.

Szenario 3: Du gibst deine Preise exklusive MwSt. an und möchtest den Preis der Produkte aber trotz MwSt. Senkung beibehalten.

Szenario 1 und 2: MwSt. Satz anpassen

In dem Fall ist das ganze super einfach. Klicke im WordPress Dashboard einfach auf "WooCommerce -> Einstellungen -> Mehrwertsteuer". Anschließend klickst du oben in dem Untermenü auf Standard Steuersätze und bekommst eine Länderliste ausgegeben, in der du den MwSt. Satz direkt überall von 19% auf 16% ändern kannst. Am schnellsten geht das, wenn du dir die Liste als CSV Datei exportierst und anschließend mit "Suchen & Ersetzen" in Excel die 19 mit 16 ersetzt.

Vergiss vor dem Hochladen der CSV Datei nicht, zuerst alle vorhanden Steuersätze aus WooCommerce zu löschen. Klicke dazu einfach auf die erste Spalte, halte dann Shift gedrückt bevor du auf die letzte Spalte klickst. Nun sind alle markiert und können entfernt werden. Anschließend lädst du einfach deine aktualisierte CSV Datei hoch.

Szenario 3: Preisänderung mit PhpMyAdmin

Wenn du die Preise exklusive MwSt. angibst und trotzdem den gleichen Preis behalten möchtest, hast du die Möglichkeit die Änderungen direkt in der Datenbank durchzuführen, um dir eine Menge Zeit zu sparen.

Gehe dazu in PhpMyAdmin (gibt es auch als WordPress Plugin!) und öffne die Tabelle "postmeta". Die Tabelle beinhaltet alle Preise deiner Produkte.

Klicke nun auf SQL und gebe folgenden Befehl ein:

UPDATE postmeta SET meta_value = meta_value/1.16*1.19 WHERE meta_key = '_price'

Wichtig! WordPress wird häufig mit einem Tabellensuffix installiert und es kann daher sein, dass eine Zeichenkette vor postmeta steht. In meinem Fall ist es mkc8i_postmeta. Verwende dann natürlich den korrekten Namen deiner Tabelle.

Noch wichtiger: Mache vor jedem Eingriff in die Datenbank IMMER ein Backup.

Anschließend musst du im WordPress Dashboard nur noch den Steuersatz von 19% auf 16% ändern. (Siehe Szenario 1).

Ich hoffe ich konnte dir helfen. Hab einen schönen Tag! 🙂

Hey. Freut mich echt, dass du irgendwie meine Seite gefunden hast. Ich habe endlich etwas Zeit gefunden, um mich an einen Relaunch meiner eigenen Seite zu setzen.
Das Design hatte ich schon länger im Kopf und von daher lief der Aufbau auch super fix von der Hand.
Diesen Blogpost nutze ich, um ein paar technische Details meiner Seite zu erwähnen.

Der Builder lässt sich komplett in den neuen Gutenberg Editor integrieren, der mittlerweile der Standardeditor von WordPress geworden ist. Es lassen sich eigene Blocks kreieren, welche sowohl in Oxygen als auch in Gutenberg benutzt werden können. Für meine Referenzen und den einzelnen Blogposts benutze ich weiterhin Gutenberg.

Ich werde diesen Blogpost von Zeit zu Zeit aktualisieren, um einfach ein bisschen Transparenz zu schaffen.

Bis dahin,
Manuel