tüit Logo Direkt zum Hauptinhalt

Webseiten-Einstellungen (Website-Settings)

Einleitung

Hier kann eingestellt werden wie das Erscheinungsbild unserer Webseite aussehen soll. Unter anderem kann hier das Logo, das Favicon und die Titel der Webseite angepasst werden.

Felder

Dieser Doctype ist in Register (Tabs) unterteilt.

Home

Navbar

Weitere Einstellungen zur Navbar befinden sich in den Navbar-Einstellungen

Marke

Wir müssen auf die Größe in Pixeln der entsprechenden Dateien achten, damit diese auch richtig dargestellt werden!

frappe/erpnext schlägt vor eine height=100px zu verwenden.

Für das Logo:

<img src='/files/logo-file.png' style='max-height: 100px;'>

image-1599913204986.png

Navbar

Bezeichnung Feldname Beschreibung



Bezeichnung Feldname Beschreibung



Bezeichnung Feldname Beschreibung

hide_login Aktivieren wir diese Option wird auf der Webseite kein "Login" mehr angezeigt

image.png

Der Login ist immer über die URL erreichbar:

https://my-site.frappe.cloud/login#login


navbar_search

show_language_picker

Aktivieren wir diese Option, dann wird auf der Webseite eine Sprachauswahl angezeigt

image.png

Es werden nur Sprachen angezeigt, die im System auch aktiviert sind

image.png

Navbar Template

Banner

image-1632047142680.png

Zielseite

Startseite

Hier können wir nur aus Vorgaben auswählen. Diese sind

  1. home
  2. login
  3. products
  4. blog
  5. about
  6. contact

Dies sind alle im System hinterlegte Standardseiten.

Titel-Präfix

image-1632047497352.png

Webseiten-Thema

Dies ist ein weiterer DocType über welchen ich die Grundfarben des Systems und vieles mehr einstellen kann.

image-1638204808744.png

Zum DocType Webseiten-Thema


Fußzeile

Die Fußzeile setzt sich aus 

  • Fußzeile Logo
  • Copyright
  • Adresse
  • Fußzeilen-Objekte

zusammen. Weiter kann eine Fußzeilenvorlage gewählt werden und die Fußzeilen-Anmeldung ausgeblendet werden.

DIe Fußzeilen-Anmeldung ist das Feld für Newsletter abonnieren:

image-1633959472287.png

Hier können wir ein Logo für die Fußzeile einfügen.

image-1631974296591.png

image-1631974312262.png

Adresse

image-1631974327364.png

Fußzeilen-Objekte

image-1631974540708.png

Pro Spalte können maximal 5 Zeilen verwendet werden. Weitere Zeilen werde in einer weiteren Spalte dargestellt.

image-1632048360559.png

Fußzeilenvorlage

Fußzeilen-ANmeldung ausblenden

Einbindungen

Login Page

Anmelden deaktivieren

image-1619972565752.png

Aktiveren wir dieser Einstellung verhindert das selbständige Anmelden (Neues Konto erstellen) von Besuchern unseres Systems.

image-1619972502452.png

Der Button "Anmelden" kann über ein Webseiten-Thema bearbeitet werden.

HTML Header, Robots and Redirects

In diesem Abschnitt finden wir zwei Felder und eine Tabelle

<head> HTML
Dies verhält sich ähnlich dem Banner

image-1651698285907.png

Der hier eingegebene Text wird auf der Webseite angezeigt

image-1651698040859.png

FAVICON

Favicon


Einleitung

Das Favicon ist das kleine Logo welches im Browser Tab angezeigt wird. Oft wird als Favicon das eigene Firmenlogo verwendet, dieses ist jedoch nicht immer dafür geeignet. Zum Beispiel wenn dieses ein längerer Schriftzug ist.

Als Berater zu ERPNext oder als interessierter ERPNext Benutzer hat man oft auch Browser-Tabs von ERPNext oder deren Sub-Seiten wie discuss.erpnext.com offen. Hier hilft es dann sehr, wenn man andersfarbige Favicons zur Orientierung verwendet.

Favicon erstellen

Als Anhang finden sich hier einige vorbereitete Logos welche vom original Logo von ERPNext abgewandelt wurden. Die können so bearbeitet werden, dass sie den eigenen Firmenfarben entsprechen und so für Kunden und Mitarbeiter besser zugeordnet werden können.

Das Favicon sollte eine Größe von 150x150 px haben.

Favicon einstellen

siehe Webseiten einstellungen

Nutzung

Mit dem Chromium oder Chrome Browser lassen sich Desktop-Shortcuts von einzelnen Seiten erstellen welche einem das Gefühl einer Desktop-App vermitteln. Hier kommt das Favicon ebenfalls zur geltung:

image-1600138659869.png

.SVG to .ICO

svg to ico

.ICO to .SVG

.ICO to .SVG

Alternative mit vielen verschiedenen Größen im Paket

redketchup Tool