Empfohlene Hilfsmittel für die Erstellung von Websites (Screenshots, Bildbearbeitung, Notizensoftware usw.)

Wenn Sie einen guten Job machen wollen, müssen Sie zuerst ein gutes Werkzeug machen. Obwohl WordPress selbst ist mächtig, aber mit einigen guten Hilfs-Tools, können Sie Ihre Website-Gebäude-Prozess effizienter und reibungsloser, vor allem für Null grundlegende Anfänger, diese Werkzeuge können Ihnen helfen, eine Menge von praktischen Betrieb der Schwierigkeiten zu lösen.

In diesem Artikel werden wir einige nützliche Tools kategorisieren und empfehlen, die Sie bei der Erstellung einer WordPress-Website verwenden werden, von der Planung und Entwicklung bis zur Erstellung von Inhalten. Die meisten von ihnen sind kostenlos oder bieten eine kostenlose Version an, Sie können also frei wählen.

​I. Notizen und Planungshilfen​

Bevor Sie eine Website erstellen, müssen Sie die Struktur der Website planen, Inspirationen aufzeichnen und Informationen sammeln.

1. Begriff​
   • ​Verwendet.​ ​Allrounder. Sie können damit Projektpläne erstellen, Aufgabenlisten aufzeichnen, eine Wissensdatenbank aufbauen und sogar den Inhaltskalender und die Seitenstruktur Ihrer gesamten Website planen.
   • Vorteile.Durch den modularen Aufbau und die hohe Flexibilität können Sie fast jedes beliebige Managementsystem aufbauen, das Sie benötigen. Die kostenlose Version ist bereits sehr leistungsstark.
   • Ratschläge für Einsteiger.Verwenden Sie es, um IhreWebsite-Struktur GehirnkarteundListe der Seiteninhalte。
2. ​XMind / MindMeister​
   • ​Verwendet.​ ​Mindmapping-Werkzeuge. Es ist ein großartiges Werkzeug für die Visualisierungsplanung, um die Kategorisierung von Website-Abschnitten und die logische Beziehung zwischen den Seiten zu klären.
   • Vorteile.Intuitive Bilder, die Ihnen und anderen helfen, die Gesamtarchitektur der Website schnell zu verstehen.
   • Alternativen.Papier und Stift. Die primitivste, aber auch die effektivste.

​II. design- und bildverarbeitungswerkzeuge​

WordPress kann keine Website ohne Bildbearbeitung erstellen, z. B. für die Erstellung von Bannern, die Komprimierung von Bildern und das einfache Keying.

1. ​Canva​
   • Verwendet.​ ​Ein Geschenk des Himmels für unerfahrene Designer. Erstellen Sie professionelle Website-Banner, Bilder für soziale Medien, Artikelbilder, Logos und vieles mehr per Drag-and-Drop, ganz ohne Designgrundlagen.
   • Vorteile.Massive Menge an Vorlagen und Materialien (Icons, Bilder, Schriftarten), die die Design-Schwelle stark reduziert. Die kostenlose Version ist genug zu verwenden.
   • Wesentlicher Schauplatz.Erstellen Sie für jeden Blogbeitrag ein schönes Titelbild.
2. Figma​
   • ​Verwendet.​ ​Professionellere Werkzeuge für die Oberflächengestaltung. Wenn Sie genauere Vorstellungen vom Layout Ihrer Website haben, können Sie zunächst mit Figma ein einfaches Drahtgitter oder einen Prototyp zeichnen.
   • Vorteile.Collaboration ist leistungsstark und ermöglicht eine sehr präzise Steuerung von Größe, Abständen und mehr. Kostenlos.
   • Ratschläge für Einsteiger.Es kann dazu verwendet werden, das Layout der Boards auf der Homepage zu planen.
3. Snipaste​
   • Verwendet.​ ​Das leistungsstärkste Screenshot-ToolEs geht nicht nur darum, Screenshots zu machen. Es geht nicht nur darum, Screenshots zu machen, sondern sie auf die Vorderseite des Bildschirms zu “kleben”, damit man sie leicht einrichten oder mit ihnen codieren kann.
   • Vorteile.Klein, schnell, werbefrei, mit durchdachten Funktionen (z. B. Farbwähler, Anmerkungsfunktion).Äußerst empfehlenswert!​
4. ​TinyPNG / Squoosh​
   • Verwendet.​ ​Werkzeuge zur Bildkomprimierung. Wenn Sie es verwenden, um die Größe von Bildern zu komprimieren, bevor Sie sie in Ihre WordPress-Mediathek hochladen, können Sie die Ladegeschwindigkeit Ihrer Website drastisch verbessern.
   • Vorteile.Intelligente Komprimierung, die die Dateigröße drastisch reduziert, wobei der Qualitätsverlust mit bloßem Auge kaum wahrnehmbar ist.Wichtige Schritte für SEO und Benutzerfreundlichkeit.​

​III. entwicklungs- und debugging-werkzeuge​

Selbst wenn Sie ein Anfänger sind, kann die Kenntnis dieser Werkzeuge Ihnen in einer Notlage helfen.

1. ​FileZilla​
   • Verwendet.​ ​FTP-Client-Tool. Wenn Sie WordPress-Installationsdateien oder Themes manuell hochladen oder Kerndateien der Website ändern müssen (z. B. die wp-config.php), wenn es an der Zeit ist, ihn für die Verbindung zu Ihrem Server zu verwenden.
   • Warum sie gebraucht wird.Während das meiste davon im Hintergrund erledigt werden kann, ist FTP die einzige Möglichkeit, Ihr Leben zu retten, falls Probleme auftreten (z. B. ein weißer Bildschirm, der durch einen falschen Code in der functions.php des Themas verursacht wird).
   • Vorteile.Kostenlos, quelloffen und stabil.
2. Browser-Entwickler-Tools​
   • Verwendet.​ ​Website “Mikroskop”.. Drücken Sie in Ihrem Browser (Chrome/Firefox) die F12um sie zu öffnen. Sie können die HTML-Struktur der Seite und die CSS-Stile anzeigen und den Vorschaueffekt in Echtzeit ändern.
   • Einsteiger-App.Wenn Sie wissen wollen, wie die Farbe, die Schriftart oder der Rand eines Elements aussieht, können Sie es direkt sehen. Das ultimative Werkzeug zum Lernen und Debuggen von CSS.
3. Visual Studio-Code​
   • Verwendet.​ ​Code 编辑 Waren. Wenn Sie versuchen möchten, den Theme-Code (z. B. CSS- oder PHP-Dateien) in Zukunft zu ändern, ist dies eine 编辑-Ware, die von Entwicklern weltweit bevorzugt wird.
   • Vorteile.Kostenlos, leistungsstark, mit einer großen Anzahl von Plugins, um seine Funktionalität zu erweitern. Auch wenn Sie keinen Code schreiben, können Sie damit elegant 编辑-Textdateien erstellen.

​IV. Inhalte und Effizienzinstrumente​

1. Grammarly​
   • Verwendet.​ ​Grammatik- und Rechtschreibprüfung für Englisch. Wenn Sie Inhalte in englischer Sprache verfassen müssen, kann es Ihnen helfen, einfache Fehler zu vermeiden und den Artikel professioneller zu gestalten.
   • Vorteile.Allgegenwärtige Kontrolle in Form eines Browser-Plug-ins.
2. Todoist oder Microsoft To Do​
   • Verwendet.​ ​Werkzeuge zur Aufgabenverwaltung. Der Aufbau einer Website ist ein Projekt, das in kleinere Aufgaben unterteilt werden kann (z. B. Kauf eines Domainnamens, Installation eines Themas, Erstellung einer "Über uns"-Seite), die dann nacheinander erledigt werden können.
   • Vorteile.Einfach zu bedienen und über mehrere Plattformen hinweg synchronisiert.

​Zusammenfassung und Ratschläge für Anfänger (Toolkit)​

Sie müssen nicht alle Werkzeuge auf einmal installieren. Es wird empfohlen, sie nach und nach auszuwählen, je nachdem, in welchem Stadium Sie sich befinden:

• Planungsphase.​ ​BegriffvielleichtXMind+Papier und Bleistift。
• ​Entwurfs- und Inhaltserstellungsphase.​ ​Canva(Kartierung) +Snipaste(Screenshots) +TinyPNG(komprimiertes Bild).
• Entwicklungs- und Einführungsphase.​ ​FileZilla(Übertragen von Dateien) +Chrome-Entwickler-Tools(siehe Wirkung).
• Voller Gefährte.​ ​Browser-Lesezeichenleiste(Speichern Sie Ihr WordPress-Backend, das Backend Ihres Hosting-Anbieters, das Domainer-Backend und andere wichtige Links).

Diese Tools sind wie Ihr Schweizer Taschenmesser, das in verschiedenen Szenarien der WordPress-Website-Erstellung nützlich sein kann. Wenn Sie sie gekonnt einsetzen, werden Sie nicht länger ein “Weißer”, sondern ein effizienter “Webmaster” sein.