07821 - 68417 mail@elkehuber.de
DIVI: Code-Schnipsel um Seitenmenü auf Landingpage zu verstecken

DIVI: Code-Schnipsel um Seitenmenü auf Landingpage zu verstecken

Da ich sehr gerne mit dem WordPress-DIVI-Theme arbeite und nun von einem Kunden die Frage nach Landingpages kam, bin ich auf dieses Anleitungsvideo gestoßen

Anleitungsvideo hier: https://www.youtube.com/watch?v=FU1DL__izJ4

Text von Kevin Fiedler (Link zum Youtube-Kanal von Kevin Fiedler)
So kannst du das Menü ausblenden, um mit WordPress und DIVI eine Landingpage zu bauen.

#Diesen CODESCHNIPSEL einfügen über den Lila-Divi-Einstellungsbutton -> „Seiten-Einstellungen“ -> „Fortgeschritten“ -> „Benutzerdefinierte CSS“ -> „Hide-Code s.u.“ #

/* Hide the header */
#main-header { display:none; }
#page-container { padding-top:0px !important; margin-top:-1px !important }

/* Adjust padding for transparent headers */
.et_transparent_nav #main-content .container { padding-top: 58px !important; }

 

DIVI Foto unscharf – SOLVED!

DIVI Foto unscharf – SOLVED!

Wie man ein unscharfes Foto im DIVI-Wordpress-Theme austauscht – bzw. woran es liegt, dass es unscharf ist.

Ich habe alles Mögliche probiert, um mein Foto auf die richtige Größe zu bringen und trotzdem war es beim Upload im DIVI-Frontend unscharf. Ich habe sämtliche Dateigrößen und Qualitätsstufen hochgeladen, immer wurde das eingesetzte Bild unscharf angezeigt. Es lag kein „gewollter“ Blur drüber oder die falsche Größeneinstellung im Bild-Element… Warum also?

SOLVED

Nun habe ich endlich die Lösung gefunden:

Grund:

Beim Hochladen oder Einbetten aus der Mediathek stellt das DIVI Theme / bzw. WordPress die „Anzeige-Einstellungen für Anhänge“ automatisch auf die Größe: „Mittel: 300px“ Breite. Bilder die jetzt größer als die 300px dargestellt werden sollen, werden jetzt „aufgeblasen“ und somit unscharf.

Anzeige-Einstellung für Anhänge automatisch auf „Mittel – 300 x 150“

Lösung:

Beim einbetten darauf achten, dass hier „vollständige Größe“ / bzw. die gewünschte Größe eingestellt ist.

 


Vielen Dank an den Original-Artikel (enlisch): https://hookedoncode.com/2020/10/fixing-blurry-image-issue-in-divi-theme/

Wordfence – Unblock IP

Wordfence – Unblock IP

Wenn sich Kunden in Ihre WordPress-Oberfläche einloggen wollen, kommt es leider hin und wieder vor, dass sie ihr Passwort nicht korrekt eingeben oder den Benutzernamen verwechseln mit der E-Mail-Adresse.

Sicherheitstool „Wordfence“

Wordfence ist ein tolles Tool um Worpdress vor sogenannten Brute-Force-Attacken zu schützen, sorgt aber auch schnell dafür, dass die Kunden sich bei mehrmaliger  falscher Eingabe aussperren.

Unblock IP

Da es jedoch nicht so oft vorkommt und ich immer wieder die Stelle suchen muss, an der man die Kunden-IP „entsperrren (Unblock IP)“ kann, merke ich es mir nun einfach mit diesem Blogeintrag:

Login -> Wordfence -> Firewall -> Blocking -> gewünschte IP auswählen -> „Unblock IP“

Ich lande ohne diese Info sonst immer an der folgenden Stelle:
Login -> Wordfence -> Tools -> Live Traffic -> und da gibt es nur die Möglichkeit: „Block IP“

2FA = Two-Factor-Authentification

Auch die 2FA-Sicherheitsabfrage in Zusammenhang mit der Google App „Authenticator“ finde ich eine gute Sache und richte es für mich auf jeden Fall immer ein und für Kunden – wenn Sie entsprechend gut am Smartphone sind und das Wort Handy-App kein Fremdwort ist.

Immediatetly block certain Usernames

Unter Wordfence -> All Options -> Immediately lock out invalid usernames bzw. Immediately block the ip of users who try to sign in as these usernames kann man auch die üblichen verdächtigen Brute-Force-Angriffe blcokeiren, die sich mit folgenden Namen anmelden wollen:“admin“, „login“, „sitename“, „kundenemail“

 

 

 

 

 

Elke Huber Blog

Hallo, ich bin Elke Huber aus Lahr und arbeite freiberuflich als Mediendesignerin. Während meiner Arbeit bin ich immer mal wieder auf der Suche nach schnellen Antworten auf die Fragen des täglichen Designerlebens. Die Antworten notiere ich in meinem Blog, damit finde ich sie schneller, wenn ich sie noch mal brauchen sollte.

Plugins, Anwendungswege, Code Schnipsel…

„Wie hieß dieser Code-Schnipsel noch mal?“, „Wie retuschiere ich diesen Teil im Foto am schnellsten?“, „Wie schreibt sich das CSS wenn ich es in den HTML-Code einbinden will?“…

Fragen über Fragen – auf die es alle Antworten gibt – und – die (mit einem Klick) näher sind als das Buch im Regal…

Und wenn die Antworten ausführlich sind oder sogar ein kostenloses Tool dafür anbieten, habe ich auf dieser Homepage einen Blog eingerichtet, in dem ich diese Links in der Kategorie: links I fündig sammle.

Ausserdem zeige ich hier Ausschnitte meiner aktuellen Arbeit.

Viel Spaß beim durchstöbern

Elke Huber

 

16:9 Rechner

Wenn man Youtube-Videos per Embed-funktion einbettet, ist es oft schwierig die Größenverhältnisse beizubehalten. Der Grund ist, dass die WordPress-Themes eigene Beitrags-Breiten einfließen lassen.

Doch dann ist das Video meißt angeschnitten oder wird mit unschönen schwarzen Rändern aufgefüllt.

Hier ist die Lösung: der Aspect Ration Calculator

Unter diesem Link findet ihr eine einfache Maske, in die Ihr einfach die vorgegebene Breite einträgt und dann sofort die passende Höhe im 16:9 – Video-Format gezeigt wird:

https://www.size43.com/16by9-aspect-ratio-calculator/