Beitragsbild festlegen, ohne es im Thema zu posten

Mir sind die Komponenten bekannt, um ein Beitragsbild festzulegen, indem eines der Bilder im Thema ausgewählt wird. Gibt es jedoch eine andere Option, ähnlich wie bei WordPress, bei der ich ein Bild als Beitragsbild hochladen kann, ohne dass es im Thema selbst enthalten ist? Ich möchte es hauptsächlich als Open-Graph-Bild verwenden, aber nicht unbedingt in den Beitrag aufnehmen, da ein Open-Graph-Bild Informationen enthalten kann, um potenzielle Leser anzulocken, aber im Thema selbst wäre es nicht sinnvoll.

Ich nehme eine Abkürzung. Ich verwende ein Flüstern, um ein Bild zu veröffentlichen, und dann die Komponente „Topic List Previews“, um es auszuwählen.

2 „Gefällt mir“

Ich denke, das Ausblenden des Bildes aus dem Beitrag ist derzeit die beste verfügbare Option

2 „Gefällt mir“

Das ist eine gute Methode, ich habe sie übernommen. Und potenziell gefährlich, da sie alles verstecken kann.

Wie wäre es, wenn die Bilder immer auf eine bestimmte Weise benannt werden, zum Beispiel beginnend mit “hidden-image-” und CSS verwendet wird, um alle Bilder auszublenden, die so beginnen?

Das scheint möglich zu sein:

1 „Gefällt mir“

Was ist ein „Flüstern“ in diesem Zusammenhang?

Können wir „wrap“ von „hidden“ auf etwas Benutzerdefinierteres ändern, das jede Gefahr vermeidet, an die @Jagster denkt?

Siehe Creating a whisper post

2 „Gefällt mir“

Ich denke auch: Wenn das Bild versteckt ist, kann Open Graph das Bild trotzdem „sehen“, um es zu verwenden?

Das Bild ist nur zum Anzeigen versteckt. Es ist immer noch da, nur nicht sichtbar, wenn man sich das Thema ansieht.

Sie können das CSS spezifischer gestalten, sodass es nicht alles versteckt, sondern zum Beispiel nur Bilder oder sogar nur Bilder, die als Miniaturansicht angegeben sind.

Mein Beispiel:
Der Beitrag:

testing

[wrap=hidden-img]
![grün|500x500|thumbnail](upload://wDxG1UR10Uj4bCO9l3pUbJvBAW5.png)
[/wrap]

Das CSS:

div[data-wrap="hidden-img"] img[data-thumbnail="true"] {
  display: none;
}

Dann müssen Sie den Wrapper verwenden, ein Bild hineinlegen und |thumbnail hinzufügen, damit es versteckt wird.

Ohne [data-thumbnail="true"] wären alle Bilder im Wrapper versteckt. Aber das ist immer noch weniger als “alles”.

2 „Gefällt mir“

Das Bedrohungsszenario hier ist, oder ist für mich, dass jemand etwas versteckt, das Googlebot hasst. Es wäre ein einfacher Weg, SEO usw. zu sabotieren.

Du kannst Dinge auch mit anderen Techniken in Beiträgen verstecken

Wie <!--HTML-Kommentare -->
Darunter ist einer

Diese spezielle Funktion ist nur für mich zur Verwendung in bestimmten Kategorien bestimmt. Es ist nichts, was ich anderen Benutzern erlaube.

Aber dies würde als Kommentar und nicht als Bild angesehen werden, oder? Wenn es um Open Graph geht.

Kann die Wrap-Daten also praktisch alles sein, was ich will?
Das scheint eine gute Option zu sein.

Wie wäre es mit meinem Vorschlag, Bilder auf eine bestimmte Weise zu benennen?

Das würde zusätzliche Schritte, zusätzlichen Code usw. vermeiden.
Eine einzige Komponente mit dem CSS und die Erinnerung, Bilder auf eine bestimmte Weise zu benennen.


EDIT: Vergessen Sie es. Mir ist aufgefallen, dass Dateien mit zufälligen Zahlen und Buchstaben umbenannt werden, daher würde dies nicht funktionieren.

Es war nur ein Beispiel dafür, dass man Dinge in Beiträgen verstecken kann. Schlechte Akteure werden also auch andere Wege finden, Dinge hinzuzufügen.

Es fügt nur etwas hinzu, das Sie in CSS verwenden können, um es anzupassen. In meinem Beispiel fügt es hidden-img hinzu und dann kann ich das verwenden, um das Bild zu verstecken.

Ich denke, es kann funktionieren. Wenn Sie ![IWantToHideThis|500x500|thumbnail](upload://wDxG1UR10Uj4bCO9l3pUbJvBAW5.png) haben, können Sie etwas wie

.cooked img[alt="IWantToHideThis"] {
  display: none;
}

verwenden.

Ja, und was ich meine ist, dass hidden-img nicht wie eine „feste“ Sache ist? Wenn ich abc-airplane verwenden wollte, solange ich dasselbe in CSS verwende, würde das auch funktionieren?

Aber für diesen speziellen Fall ist es keine Option, weil Open Graph das nicht als Bild, sondern als Kommentar erkennen würde, richtig?

1 „Gefällt mir“

Ja, Sie können jedes beliebige Schlüsselwort verwenden.

Ich glaube schon, aber ich bin mir nicht sicher.

Ich bezog mich auf meine Lösung, meinen Dateien vor dem Hochladen einen bestimmten Namen zu geben, wie zum Beispiel:
hide-this-image-vacations-2025.jpg
und dann würde das CSS alle Bilder ausblenden, die mit hide-this-image- beginnen, aber wenn ich ein Bild hochlade, behält es nicht den Namen hide-this-image-vacations-2025.jpg. Es wird in etwas wie wDxG1UR10Uj4bCO9l3pUbJvBAW5.png umgewandelt.