Wenn wir eine neue Website erstellen oder eine Testfunktion vorbereiten, müssen wir oft mit Testbildern arbeiten, um zu sehen, wie sie aussehen.
Was wir normalerweise tun, ist, ein Bild aus dem Internet zu nehmen und Zeit damit zu verschwenden, einige Bilder vorzubereiten, die wir später ersetzen werden, das heißt:
Wir verschwenden Zeit 😠 👎
Wenn dir diese Geschichte bekannt vorkommt, wirst du das heutige Tutorial lieben 😄
So wie es den Beweistext gibt, den typischen Lorem IpsumSie haben auch Testbilder erstellt, was wir schnell nennen können.
Zum Beispiel sollte unten ein zufälliges Bild mit 700 × 400 Pixeln erscheinen (wenn Sie die Seite neu laden, sehen Sie ein anderes Foto):
Wie habe ich es gemacht?
Fügen Sie einfach den folgenden Code hinzu:
<img alt="imagen aleatoria" src="https://picsum.photos/700/400?random">
Jetzt erkläre ich es dir ruhig, aber findest du es nicht wunderbar? Für mich ja 😉
Hier ist das Video-Tutorial:
Suscríbete a mi Kanal:
Der Dienst, den wir verwenden, ist picsum.fotos und obwohl es hier eine sehr gute Hilfe ist, werde ich erklären, wie es funktioniert:
Rufen Sie ein Bild einer bestimmten Größe auf
Dazu müssen wir nur die URL Ihrer Website einfügen und die Größe des Bildes am Ende hinzufügen, z. B. 700/400, wenn wir ein Bild mit einer Breite von 700 Pixel und einer Höhe von 400 Pixel wünschen:
https://picsum.photos/200/300
Fügen Sie das Bild in WordPress hinzu
Der einfachste Weg ist, in unserer Eingabe zu Objekt hinzufügen zu gehen:
Wir klicken auf „Von URL einfügen“ und fertig:
Ein anderer Weg, es zu tun, ist durch Code mit ein bisschen HTML, es ist sehr einfach und Sie werden es schneller machen.
Stellen Sie sicher, dass Sie den HTML-Editor haben und fügen Sie einfach Folgendes hinzu:
<img alt="imagen aleatoria" src="https://picsum.photos/700/400?random">
Nennen Sie ein Bild Graustufen
Wir fügen einfach den Parameter „g“ hinzu, hier sehen Sie wie:
<img alt="imagen aleatoria" src="https://picsum.photos/g/700/400">
Ergebnis:
Nennen Sie ein verrauschtes Bild
Wir fügen am Ende der URL »?blur» hinzu
<img alt="imagen aleatoria" src="https://picsum.photos/700/400/?blur">
Ergebnis:
Ich habe dieses Tool in meine tägliche Arbeit integriert, ich hoffe, es wird auch für Sie nützlich sein 😉