Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

WPBeginner v5 – Neues Website-Design und was als Nächstes kommt

Wenn Sie heute WPBeginner aufrufen, haben Sie vielleicht bemerkt, dass wir ein neues Website-Design haben. Angesichts der Tatsache, dass unser letztes Design aus dem Jahr 2012 stammt, würden viele von Ihnen sagen, dass es an der Zeit ist, WPBeginner aufzufrischen. Ich möchte Ihnen einige Einblicke in unseren Redesign-Prozess geben, was wir gelernt haben, warum es so lange gedauert hat und vor allem, was am neuen Design neu ist.

Ein kleiner Hintergrund

Ich habe WPBeginner 2009 gestartet. In den ersten 3 Jahren hat WPBeginner 4 Redesigns durchlaufen. Das verbraucht viele Ressourcen, die besser für unsere Kernaufgabe hätten verwendet werden können:

Helfen Sie kleinen Unternehmen, mit den Großen zu wachsen und zu konkurrieren, durch unsere Werkzeuge, unser Team und unsere Schulungen.

Nach WPBv4 habe ich mich darauf konzentriert, unsere Kernaufgabe zu erfüllen, und die Ergebnisse sind erstaunlich.

In den letzten vier Jahren:

  • Wir haben über tausend kostenlose WordPress-Tutorials auf dem WPBeginner Blog erstellt.
  • Wir haben über 500+ neue Video-Tutorials auf unserem YouTube-Kanal hinzugefügt.
  • Wir haben über 100 Begriffe in unser WordPress-Glossar aufgenommen.
  • Wir haben OptinMonster gestartet – ein Tool, das abwandernde Website-Besucher in Abonnenten umwandelt. Unsere Opt-in-Formulare werden mehrere Milliarden Mal pro Monat angezeigt.
  • Wir haben Envira Gallery, die leistungsstärkste WordPress-Galerielösung, gestartet, um unseren Benutzern zu helfen, einfach Foto- & Videogalerien zu erstellen, ohne ihre Websites zu verlangsamen.
  • Wir haben Soliloquy gestartet, ein einfach zu bedienendes, reaktionsschnelles WordPress-Slider-Plugin, das Leistung und Benutzererfahrung zur #1-Priorität macht.
  • Wir haben WPForms, das anfängerfreundlichste WordPress-Formular-Plugin, basierend auf Ihrem Feedback und Ihren Vorschlägen, veröffentlicht.
  • Anfang dieses Jahres haben wir Yoast Analytics übernommen und es in MonsterInsights umbenannt. Wir sind dabei, das gesamte Plugin neu zu schreiben, um Google Analytics für Anfänger einfach zu machen.

Insgesamt wurden unsere Plugins über 13 Millionen Mal heruntergeladen und sind auf über 2 Millionen Websites aktiv im Einsatz.

Während all dies großartige Errungenschaften sind, haben wir eine neue Reihe von Herausforderungen, die angegangen werden müssen, wenn wir uns weiter verbessern und unserer Mission dienen wollen.

Das bringt mich zu WPBeginner v5.

Design mit Daten

In den letzten Jahren ist die Nutzung mobiler Geräte für die meisten Websites erheblich gestiegen. Deshalb haben wir immer empfohlen, ein mobilfreundliches, responsives WordPress-Theme zu wählen, wenn Sie einen Blog starten.

Das war ein wenig ironisch, denn unsere eigene Website war nicht reaktionsschnell. Wir erhielten viel Kritik in den sozialen Medien von anderen WordPress-Designern und -Entwicklern in der Community.

Gelegentlich erhielten wir Kommentare von Lesern, die fragten, warum WPBeginner nicht reaktionsschnell war.

Obwohl ich die Bedeutung von responsivem Design verstehe, ist es noch wichtiger, dass Sie datengesteuerte Entscheidungen treffen, wenn es darum geht, Aufgaben in Ihrem Unternehmen zu priorisieren.

Als wir 2012 das WPBv4-Design starteten, waren weniger als 2 % unseres Publikums mobil.

Heute im Jahr 2016 ist diese Zahl auf etwa 7 % gestiegen.

Das ist im Vergleich zu meinen anderen Websites wie List25, wo über 50 % der Nutzer mobil sind, immer noch sehr niedrig.

Aber es macht Sinn, denn die meisten Leute installieren keine Plugins auf ihren WordPress-Websites über mobile Geräte. Die meisten Leute ändern keinen Code auf dem Handy. Die meisten Leute versuchen nicht, häufige WordPress-Fehler auf dem Handy zu beheben.

Deshalb war die Responsive-Gestaltung von WPBeginner keine Top-Priorität für uns. Als die mobile Nutzung jedoch 5 % überschritt, begannen wir mit der Planung für das Redesign, das auch andere Herausforderungen bewältigte.

WPBeginnerv5 Responsive

Eine weitere Herausforderung, der wir uns stellten, war die Benutzerfreundlichkeit der Website. Mit zunehmendem Inhalt wurde es für die Benutzer schwieriger, das zu finden, wonach sie suchten. Zum Beispiel hatten wir 8 Artikel über die Beschleunigung von WordPress, aber keine umfassende Schritt-für-Schritt-Lösung.

Wir haben die am häufigsten eingegebenen Suchanfragen im Suchformular von WPBeginner analysiert, um umfassende Schritt-für-Schritt-Anleitungen zu erstellen, die jetzt im Design hervorgehoben werden.

WPBv5 Umfassende Anleitungen

Wir haben auch die Suche auf WPBeginner mit einem Vollbild-Suchoverlay im Header und einer zusätzlichen Suchleiste in der Seitenleiste erleichtert.

Zukünftig werden wir es den Benutzern erleichtern, das zu finden, wonach sie suchen, indem wir Content-Portale erstellen, die WordPress-Tags kreativ nutzen.

Was ist neu in WPBv5

Die Kernfunktionalität der Website ist gleich geblieben. Hier sind einige bemerkenswerte Änderungen an der Website:

Neue Startseite

Wenn Sie neu bei WPBeginner sind, dann werden Sie die neue Seite Start Here zu schätzen wissen.

Responsives Webdesign

Die WPBeginner-Website ist jetzt zu 100 % responsiv und sieht daher auf allen Geräten großartig aus.

Wir haben uns entschieden, beim beliebten Genesis Framework zu bleiben, um unser benutzerdefiniertes Child-Theme zu erstellen.

Umfassende Anleitungen

Wenn Sie in der Seitenleiste jeder Seite nachsehen, sehen Sie einen neuen Abschnitt „Ich brauche Hilfe bei…“, der umfassende Anleitungen hervorhebt, wie z. B. wie man WordPress beschleunigt, wie man die WordPress-Sicherheit verbessert, wie man WordPress SEO optimiert und mehr.

Bessere Sichtbarkeit für unsere Produkte

In der WPBeginner-Umfrage habe ich unter anderem gefragt, welches Produkt wir besitzen. Es war ziemlich überraschend, wie viele Leute nichts von unseren Produkten wussten. Im neuen Design werden wir besser hervorheben, welche Produkte wir besitzen.

Dies beginnt mit einer neuen Seite für Premium WordPress Plugins.

Wir werden auch die Produkte in unserer Seitenleiste sowie in unseren Newsletter-Anzeigen rotieren.

FontAwesome und neue Schriftart

Sie bemerken vielleicht die Verwendung von Icon-Schriftarten im neuen Designer. Sie heißt FontAwesome, und ich bin ein großer Fan von Dave Gandys Arbeit.

Wir nutzen seine Arbeit für all unsere Produkte und sind stolze Unterstützer von FontAwesome.

Fun fact, Sie können tatsächlich das WPBeginner-Logo als Schriftart hinzufügen, wenn Sie FontAwesome sowie unsere anderen Eigenschaften verwenden.

Im neuen Design verwenden wir jetzt die Schriftart Proxima Nova über Typekit.

Neues Share-Plugin

In der Vergangenheit verwendeten wir eine Variation des Floating Social Bar Plugins.

Nach den Änderungen von Twitter, Facebook und anderen – hatte ich das Gefühl, es sei Zeit, ein neues Sharing-Plugin für WPBeginner zu erstellen.

Es zieht den Twitter-Zähler korrekt ab, aber wichtiger ist, dass es jetzt eine Gesamtzahl der Shares hat.

Neues Share-Plugin

Ich habe mich entschieden, das schwebende Verhalten zu stoppen, und stattdessen werden die Teilen-Buttons jetzt am Anfang und am Ende jedes Beitrags hinzugefügt. Dies wird zu einer besseren Benutzererfahrung auf kleineren Bildschirmgrößen beitragen.

Neues eBook und Optin-Formulare

Am Ende jedes Beitrags sehen Sie ein neues Opt-in-Formular, um mein WordPress-Toolkit herunterzuladen. Dieses eBook enthält die genauen Werkzeuge, die wir auf unseren Websites verwenden.

Es unterscheidet sich vom WPBeginner Blueprint, da dieser Ihnen nur zeigt, was wir auf WPBeginner verwenden.

Das Toolkit-E-Book ist umfassender.

Ich habe auch das Sidebar-Opt-in-Formular durch MonsterLinks ersetzt, einen 2-stufigen Opt-in-Prozess. Das Sidebar-Opt-in-Formular konvertierte nicht mit einer ausreichend hohen Rate, um den Platz zu rechtfertigen. Wenn Sie sich also jetzt per E-Mail anmelden möchten, können Sie dies tun, indem Sie auf das E-Mail-Symbol in der Seitenleiste klicken.

WPBv5 Sidebar Optin

Was kommt als Nächstes

Abgesehen von den Frontend-Änderungen haben wir viele Backend-Änderungen vorgenommen, die es dem WPBeginner-Team erleichtern werden, in den kommenden Monaten umfassendere Anleitungen zu erstellen.

Die WPBeginner Videos Membership Site wird überarbeitet. Derzeit verwendet sie noch das alte Theme.

Wir werden dies in ein LMS-System umwandeln, das die Anfängervideokurse und unsere über 500 YouTube-Videos an einem zentralen Ort zusammenführt.

Das Ziel dieser Website wäre es, besser organisierte Kurse anzubieten, damit Benutzer WordPress schnell und einfach lernen können.

Ich möchte Ihnen allen für Ihre Unterstützung und Ihr Feedback danken.

Mit freundlichen Grüßen,
Syed Balkhi
Gründer von WPBeginner

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

90 CommentsLeave a Reply

  1. Hallo,

    Das Design sieht fantastisch aus.

    Eigentlich wollte ich auch den gleichen Look für meine Website, die sich auch mit dem Deal- und Coupon-Geschäft beschäftigt. Ich habe auch das Genesis-Framework und das Genesis-Simple-Child-Theme eingerichtet, aber ich weiß nicht, wie Sie die Header-Toggle-Option und die Deal-Posts erreicht haben, können Sie mir helfen?

    Danke
    Vipin Singh

  2. Nun, ich kannte das alte Design nicht, aber trotzdem liebe ich das neue Design. Jedes Mal, wenn ich diese Seite besuche, fühlt es sich an, als ob mein Webdesign so sein könnte. Danke, WPBeginner Theme. Ihr leistet großartige Arbeit. Haben Sie einen schönen Tag.

  3. Ich bin ein regelmäßiger Leser Ihrer Website. Das neue Webdesign ist eine deutliche Verbesserung gegenüber dem vorherigen, aber es fühlt sich nicht wie ein OMG-Moment an.

    Vielleicht kann die Website-Breite erhöht werden.

  4. Wow, ich bin so froh, das responsive Design zu sehen, denn es war früher ziemlich schwierig, die Website auf dem Mobiltelefon zu sehen, aber jetzt ist es gut.

  5. Glückwunsch Syed, das neue Layout sieht sehr ordentlich und schön aus. Übrigens, ist dein neues Share-Plugin auch für andere Benutzer verfügbar? Sieht sehr ordentlich und aussagekräftig aus.

  6. Das ist wirklich erstaunlich. Ich mag das neue Design. War gestern hier, ich wache auf, checke meine Lieblings-WordPress-Tutorial-Website und sah eine Erfrischung. Wirklich großartig, Leute.

  7. Liebe diese schwebende Share-Leiste. Mashable hat auch eine tolle!

    P.S. Ich würde mich über Backlinks freuen...

  8. Ich liebe das Redesign. Nur aus Interesse, was halten Sie von Googles Ankündigung zu Pop-ups und Rankings? Ausnahmsweise bin ich da bei Google. Ich war noch keine zwei Sekunden auf Ihrer Website, bevor ein Pop-up erschien, das mich aufforderte, mich anzumelden (was ich bereits bin). Ich hatte noch keine Zeit, mir den Inhalt anzusehen und zu sehen, ob er mir gefällt, und ich werde gebeten, mich anzumelden. Es ist online zu einer ständigen Reizung geworden. Gibt es eine Möglichkeit, dass Sie Tracking zu Opt-in-Monster hinzufügen können, so dass, wenn ich von einem Ihrer Newsletter durchklicke, das Anmelde-Pop-up nicht erscheint? Das wäre ein Verkaufsargument.
    Jedenfalls schweife ich ab (konnte nicht anders, das Pop-up war WIRKLICH nervig!!) – Ihre Website sieht großartig aus und Ihre Inhalte sind wirklich fabelhaft. Fragen Sie Besucher, ob sie sich anmelden möchten, nachdem sie Zeit hatten, Ihre Inhalte zu lesen, und Sie werden vielleicht feststellen, dass Sie eine höhere Anmelderate erzielen...

  9. Ich liebe das neue Design! Nur eine Frage: Ist Ihr neues Sharing-Plugin irgendwo erhältlich? Es sieht wirklich großartig aus!

    • Hallo Herwig,

      Danke für die netten Worte. Das Sharing-Plugin ist derzeit nicht verfügbar, da es speziell für WPBeginner entwickelt wurde. Wir werden es vielleicht in Zukunft veröffentlichen, aber es ist noch nicht für die öffentliche Veröffentlichung bereit.

      Admin

  10. …OK! Ausgezeichnet!.. Ich verfolge euch schon sehr, sehr lange… dieses Update ist schnell … super UX-UI… klar… (außer euer Logo… ein bisschen unscharf)… Ich liebe die kontrastierenden Farben… und die einfachen Anweisungen… Ich stimme euch zu; ich benutze mein Note5 nicht, um etwas zu reparieren…. persönlich lese ich alles, wenn ich nicht in meinem Büro bin, und dann wende ich an, was immer ich brauche, von meinem Desktop/Laptop aus… Ich bin gespannt, viele Dinge zu überprüfen, bei denen ich Hilfe brauche… Danke und herzlichen Glückwunsch…!!

  11. Die Seite sieht großartig aus. Besser als die vorherige Version.

    Können Sie eine Liste aller Tools und Technologien veröffentlichen, die Sie bei der Erstellung dieser Website verwendet haben? Das wäre wunderbar. Danke.

  12. Hallo, Syed!

    Wow… WPBeginner ist tatsächlich viel schneller als es immer war, ich muss sagen, ich liebe dieses neue Design. Ich benutze WPBeginner mindestens 5 Mal am Tag, machen Sie weiter so..

  13. Hallo Syed,

    Tolle Arbeit am neuen Design und vielen Dank für all die WordPress-Tutorials. Ich beziehe mich regelmäßig auf Ihre Website und halte sie für eine unschätzbare Ressource.

    Beste Wünsche,
    Neil Forrester | pixelfire.com.au

  14. Hallo, bei WPBeginner!

    Herzlichen Glückwunsch an das gesamte Team.

    Ich habe vor Monaten beschwert, dass die Seite nicht reaktionsschnell war. Jetzt werde ich bedient, und zwar gut bedient.

    Alle Daumen hoch, aus Kamerun!

  15. Ich mag das neue Design. Zuerst habe ich mich auch gefragt, warum WPB kein responsives Design hat.

    Nach dem Lesen verstehe ich jetzt, warum.

    Tolle Arbeit WPB!

    Ich bin auf deinen Blog gestoßen und er hat viel dazu beigetragen, meine WP-Erfahrung zu verbessern.

    Mir gefällt, wie ihr das erklärt habt. Die Einblicke sind wahr und zeigen, dass Ihr Team es wirklich testet, bevor es darüber schreibt. Nicht wie einige Blogs, die es nur kopieren und einfügen, um bei Google zu ranken.

    Ich werde euch folgen.

  16. Das neue Design gefällt mir. Während es stimmt, dass ich, wenn ich an meinen Websites arbeite, nicht mobil bin. Ich erhalte Ihre E-Mails auf meinem Handy und speichere sie oft, um sie in meinem örtlichen Kaffeehaus zu lesen. Das wird die Dinge erheblich verbessern. Viel Glück mit dem neuen Design.

    • Thanks Mike – yup that was the most common use-case. People read emails via phone and then come to our site. Hopefully it will be a much better UX now :)

      Admin

  17. Hallo Syed,

    Ein großartiger neuer Look für eine großartige Ressource zu allen WordPress-Themen.

    Gefällt mir wirklich, was Sie getan haben, und mit klaren Botschaften durchgehend.

    Danke, dass Sie uns alle über den Prozess und Ihre Vorgehensweise informiert haben.

    Könnte einige zu einer Auffrischung inspirieren!

    Alles Gute

    Ben

  18. Hallo, WP Beginner, ich habe kürzlich mit WordPress CMS zu arbeiten begonnen und fand es sehr einfach, da ich die meisten (wenn nicht alle) Ihrer Website-Materialien verwende. Ich erstelle Websites für Kunden und habe ein kostenloses Hosting-Unternehmen, das ich nutze. Ich durchsuche Ihre Website mindestens 8 Mal am Tag, um Lösungen für die Probleme meiner Kunden zu finden. Ich habe Ihre Website durchsucht, als sie plötzlich vom alten Design zu diesem neuen wechselte! Ich mochte das frühere mehr als dieses, weil das frühere Design ein Vollbild-Navigationsmenü auf meinem kleinen Handy anzeigte, was die Navigation sehr einfach machte, aber dieses neue Design schrumpft alle Navigationspunkte in ein „MENU“, auf das ich klicken muss, bevor die anderen angezeigt werden! Ich würde diese Gelegenheit nutzen, um zu fragen: „Wie kann ich die Responsivität eines WordPress-Themes entfernen und es dazu bringen, auch auf Smartphones ein Vollbild-Navigationsmenü anzuzeigen? Einer meiner Kunden fragt danach, und ich kann dieses Problem nicht lösen. Danke und Gott segne Sie.

    • Ich benutze ein Theme aus dem WordPress-Theme-Verzeichnis und der Name des Themes ist WP Knowledge Base. Wie kann ich die Responsivität von diesem speziellen Theme und von allen Themes im Allgemeinen entfernen, sodass es auch auf kleinen Handy-Bildschirmen ein VOLLBREITES NAVIGATIONS MENÜ anzeigt, genau wie Ihr früheres Design. Gott segne Sie.

    • Hallo Obinna,

      Danke für das Feedback. Die meisten Benutzer finden das eingeklappte Navigationsmenü auf kleineren Bildschirmen einfacher zu bedienen. Es ist einfacher zu tippen und mehr Elemente können im Menü angezeigt werden.

      Wenn Sie ein Vollbildmenü verwenden möchten, können Sie mit einem WordPress-Theme beginnen, das nicht vollständig responsiv ist. Sie können die Breite auch mit CSS festlegen.

      Admin

  19. Toll, das Update und alles, was es mit sich bringt, zu sehen.
    Ich muss sagen, ich hatte KEINE Ahnung, dass Ihnen diese Plugins gehören!
    Ehrlich gesagt, ich dachte, jemand mit weniger als wünschenswerten Skrupeln hätte Yoast Analytics übernommen, daher ist es großartig zu wissen, dass jemand so Renommiertes wie WPBeginner der Eigentümer ist!

  20. Ich verfolge diese Seite nun seit 4 Jahren stillschweigend und freue mich, dass Ihre neuen Änderungen praktisch für das sind, was Sie Anfängern wie mir beim Erstellen von WP-Websites (Mobile First) beibringen.
    Bitte machen Sie und Ihr Team weiter so mit Ihrer großartigen Arbeit.

  21. Sieht gut aus.

    Vielleicht sollte man wpbeginner in einer höheren Auflösung machen? Sieht auf meinem iPhone 6 schlecht aus.

    Mit freundlichen Grüßen

  22. Ich freue mich auf die Updates. Ich möchte Änderungen an der Website vornehmen, lasse mich aber irgendwie ablenken. Hoffentlich kann ich mehr Zeit damit verbringen, WP-Verfahren zu lernen.

  23. Es ist schön und kreativ – versuchen Sie, es zur schönsten und benutzerfreundlichsten zu machen. Absolut großartig, herzlichen Glückwunsch.

  24. Gute Arbeit, Syed. Besonders die Beschreibung, wie Sie es gemacht haben. Ein weiterer Mehrwert auf jeden Fall.
    Dawn

  25. Großartige Arbeit! Herzlichen Glückwunsch, die Seite sieht toll aus und all Ihre Upgrades sind absolut sinnvoll. Ich schätze all die Tipps, Tricks und leicht verständlichen Anleitungen, die Sie über die Jahre geteilt haben, und ich freue mich darauf, in den kommenden Jahren noch mehr über WP zu lernen.

  26. I agree with Adeel. It looks like you have put a lot of thought into the re-design. Also good to see that the site is now responsive :)

  27. Ich liebe das neue Aussehen der Seite. Gute Arbeit! Es scheint, dass Ihre Gesamtbreite etwa 940 Pixel beträgt. Gab es einen bestimmten Grund, sich für die schmale Breite zu entscheiden?

    • Da die meisten unserer Inhaltsbilder 520 Pixel breit sind. Wir möchten sicherstellen, dass unsere Website schnell bleibt, da viele unserer Nutzer kein schnelles Internet haben. Eine größere Inhaltsbreite und das Hochladen größerer Bilder verlangsamen die Website weiter.

      Dies ist im westlichen Teil der Welt nicht bemerkbar, aber viele andere Länder haben sehr langsames Internet.

      Admin

      • Wenn Sie sich nicht so um vorhandene Bildgrößen oder langsame Internetgeschwindigkeiten kümmern würden, hätten Sie die Breite geändert? Ich kämpfe immer, wenn ich neue Websites erstelle, was die beste Inhaltsbreite ist. Daher würde ich mich über Einblicke freuen. Danke!

  28. Herzlichen Glückwunsch zum neuen Redesign und vielen Dank für Ihre durchdachten Änderungen. Ich freue mich wirklich darauf, die Seite zu erkunden!

  29. Das Design sieht gut aus.
    Aber während ich durch den Artikel scrolle, vermisse ich die Seitenleiste. Sieht so aus, als hätten wir viel Platz.

Hinterlasse eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.