Heim > Web-Frontend > js-Tutorial > Hauptteil

Dynamische offene Diagrammbilder für Ihre Website | Kein Code mit Dynamicog.com

Mary-Kate Olsen
Freigeben: 2024-10-13 18:22:02
Original
600 Leute haben es durchsucht

DynamicOG löst den Aufwand beim Erstellen von Bildern für Ihre dynamischen Websites, die viele Seiten enthalten.

OG-Bilder sind die Vorschaubilder, die Sie sehen, wenn Sie den Link in einem beliebigen Kommunikationskanal teilen.

og-image wird mithilfe des Meta-Tags hinzugefügt.

<meta property="og:image" content="{{IMAGE_URL}}" />
Nach dem Login kopieren

Diese IMAGE_URL ist die einzige, auf die Sie achten sollten.

Um ein Dokumentbild wie dieses zu generieren

Dynamic open graph images for your website | No code using dynamicog.com

Verwenden Sie die folgende URL in Ihren Meta-Tags!

https://dynamicog.com/og/docs/img?
logo=https%3A%2F%2Fdynamicog.com%2Ffillers%2Fstripe-logo.png&
title=Find%20a%20guide%20to%20integrate%20Stripe's%20payments%20APIs%20%7C%20Stripe&
sub=Payments%20infrastructure%20for%20the%20internet&
name=Stripe&
website=stripe.com&
dark=true
Nach dem Login kopieren

Ändern Sie einfach die URL „dark=true“ in „dark=false“, dann erhalten Sie Folgendes

Dynamic open graph images for your website | No code using dynamicog.com

Versuchen Sie es mit Ihren Inhalten und Logos! https://www.dynamicog.com/og/docs

Dynamic open graph images for your website | No code using dynamicog.com

Hier finden Sie alle Vorlagen und die Nutzung ist kostenlos!

Das obige ist der detaillierte Inhalt vonDynamische offene Diagrammbilder für Ihre Website | Kein Code mit Dynamicog.com. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage