Additional Meta Tags

The_Waiters

Hallo,

ich möchte euch Heute ein neues Plugin von mir für das WCF2.1.X vorstellen.
Additional Meta Tags fügt Meta-Angaben in den Header-Bereich eurer Seite ein.

Diese sind zur Zeit:

FavoIcons
Theme-Color
App-Name

Die Einstellungen zu dem Plugin können im ACP unter System-> Optionen -> Allgemein -> Seite vorgenommen werden

Neben der Installation müssen von Euch manuell Dateien (Ico, svg und PNG's) auf euren Server unter /wcf/images/ hochgeladen werden.

Eine Vorlage zu den Dateien findet ihr hier.
Icons_png.zip

Achtet dabei bitte auf die richtigen Pixel-Größen und Dateinamen.

Im Plugin integriert ist eine Vorschauseite. Den Link (/index.php?meta-tag-preview) dazu findet ihr im ACP bei den Plugineinstellungen.

Das Paket ist mit der Bezeichnung de.thewaiters.wcf.metatags über meinen Paketserver (typhoon) abrufbar.

Der aktuelle Status ist: BETA 2 (Verwendung auf eigene Gefahr)

Ich freue mich auf Eure Rückmeldungen.

PoooMukkel

Sehr gute Sache. So muss ich das alles nicht per Hand machen.

Vielen Dank!

The_Waiters

Ich bin da noch an 3 Themen dran.

https://community.woltlab.com/thread/247696-…827#post1515827
https://community.woltlab.com/thread/247677-variable-domain-url/
und die Previewseite, die aktuell nur im wcf2.1 funktioniert.

Ich werde aber erst am Wochenende oder im laufe der nächsten Woche dazu kommen.

PoooMukkel

Zitat von The_Waiters

und die Previewseite, die aktuell nur im wcf2.1 funktioniert

Ich nutze WCF2.1 und bei mir wird diese Seite nicht angezeigt. Ich sehe nur ganz normal mein Forum.

http://www.compiware-forum.de/index.php?meta-tag-preview

Allerdings habe ich die Grafiken über folgenden Link generieren lassen: http://realfavicongenerator.net/

In dem Paket, welches ich von dort erhalten habe sind folgende Dateien enthalten:
android-chrome-36x36.png
android-chrome-48x48.png
android-chrome-72x72.png
android-chrome-96x96.png
android-chrome-144x144.png
android-chrome-192x192.png
apple-touch-icon.png
apple-touch-icon-57x57.png
apple-touch-icon-60x60.png
apple-touch-icon-72x72.png
apple-touch-icon-76x76.png
apple-touch-icon-114x114.png
apple-touch-icon-120x120.png
apple-touch-icon-144x144.png
apple-touch-icon-152x152.png
apple-touch-icon-180x180.png
apple-touch-icon-precomposed.png
browserconfig.xml
favicon.ico
favicon-16x16.png
favicon-32x32.png
favicon-96x96.png
manifest.json
mstile-70x70.png
mstile-144x144.png
mstile-150x150.png
mstile-310x150.png
mstile-310x310.png
safari-pinned-tab.svg

Wo könnte das Problem liegen?

The_Waiters

Du hast den Kompatibilitätsmodus an.
Bei dir ist es der Link http://www.compiware-forum.de/index.php/metatagpreview

Das ist das Thema mit der Domain URL. Das muss ich anders lösen. Der Link im ACP ist zur Zeit mit ../index.php? gesetzt.

PoooMukkel

Zitat von The_Waiters

Du hast den Kompatibilitätsmodus an.

Wo? Im Browser oder im Forum selbst?

Zitat von The_Waiters

Bei dir ist es der Link compiware-forum.de/index.php/metatagpreview

Dieser Link funktioniert.

The_Waiters

im ACP in den Allgemeinen Einstellungen. Das ist auch richtig so.
Du hattest vorher wcf2.0 und hast dann geupdatet. Durch den Modus funktionieren weiterhin die alten Links. /index.php/ statt /index.php?

PoooMukkel

Gut zu wissen.

Eine Frage hätte ich jetzt noch: Wofür ist die Theme-Color, die ich im ACP definieren kann? Habe dort keine Farbe definiert und in der Preview Seite wird das eben geschrieben, dass ich keine Farbe hinterlegt habe. Im ACP steht zwar "Farbe der Statusbar im Browser", aber darunter kann ich mir nichts vorstellen.

Ansonsten sind jetzt alle Images hinterlegt.

The_Waiters

Damit färbst du das Tab ein.
Bei ios funktioniert die Funktion noch nicht, aber bei Windows Phone und Android.

Wenn du dort z.B. bei Chrome 2 Fenster öffnest und dann zwischen den Fenstern umschalten willst, siehst du es.
Setz mal in den Einstellungen Pink #ff69b4 rein.

PoooMukkel

Habe kein Android zum Testen.

Aber ich muss dort keine Farbe definieren oder?

The_Waiters

Wenn du keine einträgst, wird auch keine bei den Usern angezeigt.
Du solltest das aber pflegen. Es wirkt einfach besser

Du kannst ja eine Farbe aus deinem Stil nehmen

EDIT: Bei deinem Stil ist #0188cb z.B. passend. Ist die Farbe aus deinem Hauptmenü

PoooMukkel

Stimmt. Macht Sinn...

Jetzt sieht die Preview gut aus: http://www.compiware-forum.de/index.php/metatagpreview

Danke!

Thorsten Geiger

Hi @The_Waiters

ich glaub ich bin blind. Wo kann ich das Paket denn runterladen, und wie lauten Deine Paketserver?

Gruß

Thorsten

PoooMukkel

Schau mal unten im Footer unter Informationen. Da findest du den Server.

Thorsten Geiger

Super, funktioniert. Danke

Thorsten Geiger

Vor allem das Theme-Color is witzig

@PoooMukkel so schauts bei Dir unter Android aus:

PoooMukkel

Sieht gut aus. Danke fürs Testen.

Bodo

muss ich jetzt am Wochenende bei uns auch mal im Angriff nehmen.

PoooMukkel

Wollte das schon eine ganze Weile machen und hab es immer wieder vor mich her geschoben.

Bodo

so wie ich...

Benutzer online in diesem Thema