Sie sind hier, also fragen Sie sich bestimmt, warum Ihre Website auf einem Laptop anders aussieht als auf einem Desktop-Computer oder sogar einem mobilen Ger\u00e4t. Wahrscheinlich sind Sie ein wenig erschrocken \u00fcber diese Entdeckung. Nun, das sollten Sie nicht sein, denn das ist keine gro\u00dfe Sache. Um das Problem zu beheben, m\u00fcssen Sie die zugrunde liegende Ursache kennen. Es gibt mehrere Faktoren, die dies verursachen k\u00f6nnen. Zum Beispiel variiert die Schriftgr\u00f6\u00dfe von einem Desktop-PC zu einem Laptop. Hier kann das Problem ganz einfach in der Schriftart liegen. Um dieses Problem zu beheben, m\u00fcssen Sie zu einer Standardschriftart wechseln, z.B. Kite One. Klicken Sie auf die Funktion Customizer, um eine Liste der Google-Schriftarten aufzurufen. Klicken Sie auf eine der Standard-Schriftarten, um sie auf Ihrer WordPress-Website zu aktivieren.<\/p>\n
Es ist \u00fcblich, dass das Design von WordPress-Websites auf verschiedenen Plattformen unterschiedlich aussieht. Das grundlegende Design, die Farben und das Layout sollten jedoch gleich bleiben. Wenn Sie ein responsives Theme verwenden, sollte sich das Design Ihrer Website an das jeweilige Ger\u00e4t des Benutzers anpassen. Wenn jemand Ihre Website mit einem Smartphone oder Tablet besucht, ist der Bildschirm viel kleiner. Wenn Sie ihm Ihr normales Design zeigen w\u00fcrden, w\u00e4re es zu gro\u00df, so dass er mehrmals nach rechts und links scrollen m\u00fcsste, um Ihren Inhalt zu lesen. Das w\u00e4re frustrierend und der Besucher w\u00fcrde wahrscheinlich die Seite verlassen. Um dies zu verhindern, passen responsive WordPress-Themes das Design und Layout der Website an das Ger\u00e4t des Benutzers an. Bei Desktop-Computern k\u00f6nnen sie das gesamte Design sehen, solange das Browserfenster maximiert ist. Wenn es verkleinert ist, sehen Sie m\u00f6glicherweise eine Laptop- oder Smartphone-Version der gleichen Website. In den meisten F\u00e4llen ist mit Ihrer WordPress-Seite alles in Ordnung. Stattdessen verwenden Sie ein responsives Theme, damit Ihre Website auf jedem Ger\u00e4t problemlos angezeigt werden kann. <\/p>\n
Es ist eine gute Idee, ein einheitliches Design f\u00fcr Ihre Website zu haben. Es w\u00e4re merkw\u00fcrdig, wenn Ihre Seite f\u00fcr Laptop-Benutzer ganz anders aussehen w\u00fcrde als f\u00fcr Desktop-Benutzer. Allerdings m\u00fcssen Sie sich dar\u00fcber im Klaren sein, dass es m\u00f6glicherweise nicht m\u00f6glich ist, ein exakt gleiches Erscheinungsbild zu erzielen. Die Webseite muss an die Bildschirmgr\u00f6\u00dfe des jeweiligen Ger\u00e4ts angepasst werden. Wenn der Besucher ein Smartphone benutzt, muss sich Ihre Seite drastisch \u00e4ndern. Sie k\u00f6nnen keinen Textblock in der Mitte neben der Werbung und einem Suchfeld auf der rechten Seite haben. Der Bildschirm ist daf\u00fcr zu klein. Zum Gl\u00fcck k\u00f6nnen Sie dieses Problem beheben, indem Sie das Suchfeld \u00fcber oder unter dem Hauptinhalt der Seite platzieren. So erhalten Sie zwar nicht das exakte Aussehen, aber es kommt dem schon sehr nahe. Dazu m\u00fcssen Sie ein responsives WordPress-Theme oder CSS verwenden. Mit CSS k\u00f6nnen Sie bequem mehrere Stile erstellen, die sich nach der Bildschirmgr\u00f6\u00dfe des Ger\u00e4ts des Benutzers richten. Wenn dieser ein kleines Ger\u00e4t wie ein Tablet verwendet, wird Ihre Webseite entsprechend verkleinert. Wie bereits erw\u00e4hnt, werden die Suchleiste und die Anzeigen \u00fcber oder unter dem Inhalt platziert. Alles andere bleibt unver\u00e4ndert. Das gilt auch f\u00fcr das allgemeine Erscheinungsbild der Seite. Mithilfe von CSS kann der Webmaster verschiedene Aspekte der Webseite an die Bildschirmgr\u00f6\u00dfe des Benutzers anpassen. So k\u00f6nnen Sie beispielsweise das Layout, die Schriftgr\u00f6\u00dfe, die Breite, die Anzeigenplatzierung und vieles mehr \u00e4ndern. Auch wenn Sie nicht in der Lage sind, das gleiche Erscheinungsbild f\u00fcr Laptops und Desktops zu erzielen, so k\u00f6nnen Sie doch sehr nahe herankommen. Wenn jemand Ihre Website besucht, analysiert der CSS-Code die Bildschirmgr\u00f6\u00dfe des Benutzers und passt den Code entsprechend an. Das bedeutet, dass ein Desktop-Benutzer die Desktop- oder Vollbildversion Ihrer Website sehen wird. Wenn der Laptop einen kleineren Bildschirm hat, wird die Website in einer verkleinerten Version angezeigt. F\u00fcr Tablets und Smartphones werden die Elemente der Seite neu angeordnet und komprimiert. <\/p>\n